/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** @note: This file should only be imported by UiCore.ts. * It should NOT be imported by any *.scss or other ui-core files. */ html, html[data-theme=light] { --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0.65); --buic-button-gradient2: rgba(var(--iui-color-foreground-body-invert-rgb), 0.00); --buic-background-editable: #b3dcf6; --buic-row-selection: #cce8f9; --buic-row-hover: #e6f3fc; } html[data-theme=dark] { --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0.00); --buic-button-gradient2: rgba(var(--iui-color-foreground-body-invert-rgb), 0.25); --buic-background-editable: #3f7394; --buic-row-selection: #487089; --buic-row-hover: #516c7e; } @media (prefers-color-scheme: light) { html[data-theme=SYSTEM_PREFERRED] { --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0.65); --buic-button-gradient2: rgba(var(--iui-color-foreground-body-invert-rgb), 0.00); --buic-background-editable: #b3dcf6; --buic-row-selection: #cce8f9; --buic-row-hover: #e6f3fc; } } @media (prefers-color-scheme: dark) { html[data-theme=SYSTEM_PREFERRED] { --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0.00); --buic-button-gradient2: rgba(var(--iui-color-foreground-body-invert-rgb), 0.25); --buic-background-editable: #3f7394; --buic-row-selection: #487089; --buic-row-hover: #516c7e; } } html.theme-transition, html.theme-transition *, html.theme-transition *:before, html.theme-transition *:after { transition: all 100ms !important; transition-delay: 0 !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** @note: This file should only be imported by UiCore.ts. * It should NOT be imported by any *.scss or other ui-core files. */ :root { --buic-accessory-hollow: rgb(255, 255, 255); --buic-accessory-primary: rgb(000, 139, 225); --buic-accessory-success: rgb(083, 162, 026); --buic-accessory-alert: rgb(211, 010, 010); --buic-accessory-warning: rgb(241, 139, 018); --buic-accessory-primary-tint: rgb(165, 215, 245); --buic-accessory-success-tint: rgb(195, 225, 175); --buic-accessory-alert-tint: rgb(239, 169, 169); --buic-accessory-warning-tint: rgb(249, 215, 171); --buic-background-1-rgb: var(--iui-color-background-1-rgb); --buic-background-2-rgb: var(--iui-color-background-2-rgb); --buic-background-3-rgb: var(--iui-color-background-3-rgb); --buic-background-4-rgb: var(--iui-color-background-4-rgb); --buic-background-5-rgb: var(--iui-color-background-5-rgb); --buic-background-1: var(--iui-color-background-1); --buic-background-2: var(--iui-color-background-2); --buic-background-3: var(--iui-color-background-3); --buic-background-4: var(--iui-color-background-4); --buic-background-5: var(--iui-color-background-5); --buic-background-primary: var(--iui-color-background-primary); --buic-background-tooltip: rgba(var(--iui-color-background-5-rgb), 0.90); --buic-background-scrollbar: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --buic-background-scrollbar-hover: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); --buic-background-2-opacity: var(--iui-color-background-2-opacity); --buic-foreground-body-rgb: var(--iui-text-color-rgb); --buic-foreground-body: var(--iui-text-color); --buic-foreground-body-reverse-rgb: var(--iui-color-foreground-body-invert-rgb); --buic-foreground-body-reverse: rgba(var(--iui-color-foreground-body-invert-rgb), var(--iui-opacity-2)); --buic-foreground-muted: var(--iui-text-color-muted); --buic-foreground-disabled: var(--iui-text-color-placeholder); --buic-foreground-activehover: var(--iui-icons-color-actionable-hover); --buic-inputs-border: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --buic-inputs-boxshadow: var(--iui-focus-box-shadow); --buic-popup-boxshadow: var(--buic-inputs-boxshadow); --buic-foreground-primary: var(--iui-icons-color-primary); --buic-foreground-primary-tone: var(--iui-color-foreground-primary-overlay); --buic-foreground-focus: var(--iui-color-foreground-primary-overlay); --buic-foreground-focus-border: var(--buic-inputs-border); --buic-focus-boxshadow: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); --buic-foreground-accessory: var(--iui-color-foreground-accessory); --buic-foreground-success: var(--iui-color-foreground-positive); --buic-foreground-positive: var(--iui-color-foreground-positive); --buic-foreground-positive-rgb: var(--iui-color-foreground-positive-rgb); --buic-foreground-alert: var(--iui-color-foreground-negative); --buic-foreground-negative: var(--iui-color-foreground-negative); --buic-foreground-negative-rgb: var(--iui-color-foreground-negative-rgb); --buic-foreground-warning: var(--iui-color-foreground-warning); --buic-foreground-warning-rgb: var(--iui-color-foreground-warning-rgb); --buic-background-focus-overlay: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); --buic-background-hover-overlay: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); --buic-background-active-overlay: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); --buic-background-pressed-overlay: rgba(var(--iui-color-foreground-primary-rgb), 0.3); --buic-background-card: var(--buic-background-tooltip); --buic-background-striped_row: rgba(var(--iui-color-foreground-body-rgb), 0.03); /** background.5 */ --buic-background-titlebar: var(--iui-titleBar-background); --buic-background-dialog-stroke: var(--buic-background-5); --buic-background-widget-stroke: var(--buic-background-5); --buic-background-control-stroke: var(--buic-background-5); --buic-background-panel-stroke: var(--buic-background-5); --buic-background-toolbutton-stroke: var(--buic-background-5); /** background.4 */ --buic-background-titlebar-outoffocus: var(--buic-background-4); --buic-background-divider: var(--buic-background-4); --buic-background-widget-element-stroke: var(--buic-background-4); --buic-background-statusbar: var(--buic-background-4); --buic-background-table-header: var(--buic-background-4); --buic-background-control-stroke-disabled: var(--buic-background-4); /** background.3 */ --buic-background-tab-inactive: var(--buic-background-3); --buic-background-toolbutton-inactive: var(--buic-background-3); --buic-background-context-menu: var(--buic-background-3); --buic-background-panel: var(--buic-background-3); --buic-background-widget-panel: var(--buic-background-3); --buic-background-placeholder: var(--buic-background-3); --buic-background-control-disabled: var(--buic-background-3); /** background.2 */ --buic-background-tab-active: var(--buic-background-2); --buic-background-dialog: var(--buic-background-2); --buic-background-widget: var(--buic-background-2); --buic-background-window: var(--buic-background-2); --buic-background-toolbar: rgb(var(--iui-operateBtn-background)); /** background.1 */ --buic-background-control: var(--buic-background-1); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ :root { /** Default Widget Opacity */ --buic-widget-opacity: 0.90; /** CSS variables for each z-index layer */ --uicore-z-index-view-overlay: 1000; --uicore-z-index-view-content-dialog: 2000; --uicore-z-index-content-card-popup: 3000; --uicore-z-index-widget-grip: 4000; --uicore-z-index-dragged-widget: 5000; --uicore-z-index-zone-target: 6000; --uicore-z-index-zone-outline: 7000; --uicore-z-index-toolbar-panels: 8000; --uicore-z-index-tool-settings-popup: 9000; --uicore-z-index-status-overflow-popup: 10000; --uicore-z-index-status-popup: 11000; --uicore-z-index-modal-frontstage-overlay: 12000; --uicore-z-index-modal-frontstage: 13000; --uicore-z-index-dialog: 14000; --uicore-z-index-dialog-popup: 15000; --uicore-z-index-status-message: 16000; --uicore-z-index-tooltip: 17000; --uicore-z-index-context-menu-z: 18000; --uicore-z-index-dragdrop: 19000; --uicore-z-index-cursor-overlay: 20000; --uicore-z-index-drag-target: 21000; --uicore-z-index-drag-preview: 22000; --uicore-z-index-backstage-overlay: 23000; --uicore-z-index-backstage: 24000; --uicore-z-index-keyin-palette-overlay: 25000; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-centered { display: flex; justify-content: center; align-items: center; } .uicore-full-height { height: 100%; } .uicore-full-width { width: 100%; } .uicore-full-size { height: 100%; width: 100%; } .uicore-fill-centered { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .uicore-scrollview { height: 100%; width: 100%; overflow-y: auto; } @supports (-webkit-overflow-scrolling: touch) { .uicore-scrollview { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .uicore-scrollview::-webkit-scrollbar { width: 12px; height: 12px; } .uicore-scrollview::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .uicore-scrollview::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .uicore-scrollview::-webkit-scrollbar-corner { background-color: transparent; } .uicore-scrollview::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .uicore-flex-wrap-container { display: flex; flex-wrap: wrap; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-buttons-blue { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; background: var(--buic-accessory-primary); color: var(--buic-accessory-hollow); } .uicore-buttons-blue:active, .uicore-buttons-blue:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-blue[disabled], .uicore-buttons-blue[disabled]:hover, .uicore-buttons-blue[disabled]:active, .uicore-buttons-blue[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-blue:hover { background-color: #0073ba; } .uicore-buttons-blue:active { background-color: #005a92; } .uicore-buttons-blue-large { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; background: var(--buic-accessory-primary); color: var(--buic-accessory-hollow); padding: 12.3px 22px; margin: 3.1px 0; font-size: 16px; font-weight: 400; } .uicore-buttons-blue-large:active, .uicore-buttons-blue-large:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-blue-large[disabled], .uicore-buttons-blue-large[disabled]:hover, .uicore-buttons-blue-large[disabled]:active, .uicore-buttons-blue-large[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-blue-large:hover { background-color: #0073ba; } .uicore-buttons-blue-large:active { background-color: #005a92; } .uicore-buttons-disabled { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; } .uicore-buttons-disabled:active, .uicore-buttons-disabled:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-disabled[disabled], .uicore-buttons-disabled[disabled]:hover, .uicore-buttons-disabled[disabled]:active, .uicore-buttons-disabled[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-disabled, .uicore-buttons-disabled:active, .uicore-buttons-disabled:focus, .uicore-buttons-disabled:hover { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-disabled-large { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; padding: 12.3px 22px; margin: 3.1px 0; font-size: 16px; font-weight: 400; } .uicore-buttons-disabled-large:active, .uicore-buttons-disabled-large:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-disabled-large[disabled], .uicore-buttons-disabled-large[disabled]:hover, .uicore-buttons-disabled-large[disabled]:active, .uicore-buttons-disabled-large[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-disabled-large, .uicore-buttons-disabled-large:active, .uicore-buttons-disabled-large:focus, .uicore-buttons-disabled-large:hover { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-hollow { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; padding: 4.75px 10px; border-color: var(--buic-foreground-disabled); background-color: transparent; color: var(--buic-foreground-body); } .uicore-buttons-hollow:active, .uicore-buttons-hollow:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-hollow[disabled], .uicore-buttons-hollow[disabled]:hover, .uicore-buttons-hollow[disabled]:active, .uicore-buttons-hollow[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-hollow:hover { border-color: var(--buic-foreground-body); color: var(--buic-foreground-activehover); } .uicore-buttons-hollow:active, .uicore-buttons-hollow:focus { border-color: var(--buic-foreground-activehover); } .uicore-buttons-hollow-large { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; padding: 4.75px 10px; border-color: var(--buic-foreground-disabled); background-color: transparent; color: var(--buic-foreground-body); padding: 11.3px 21px; margin: 3.1px 0; font-size: 16px; font-weight: 400; } .uicore-buttons-hollow-large:active, .uicore-buttons-hollow-large:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-hollow-large[disabled], .uicore-buttons-hollow-large[disabled]:hover, .uicore-buttons-hollow-large[disabled]:active, .uicore-buttons-hollow-large[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-hollow-large:hover { border-color: var(--buic-foreground-body); color: var(--buic-foreground-activehover); } .uicore-buttons-hollow-large:active, .uicore-buttons-hollow-large:focus { border-color: var(--buic-foreground-activehover); } .uicore-buttons-primary { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; background: var(--buic-accessory-success); color: var(--buic-accessory-hollow); } .uicore-buttons-primary:active, .uicore-buttons-primary:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-primary[disabled], .uicore-buttons-primary[disabled]:hover, .uicore-buttons-primary[disabled]:active, .uicore-buttons-primary[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-primary:hover { background-color: #448615; } .uicore-buttons-primary:active { background-color: #346711; } .uicore-buttons-primary-large { display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; background: var(--buic-accessory-success); color: var(--buic-accessory-hollow); padding: 12.3px 22px; margin: 3.1px 0; font-size: 16px; font-weight: 400; } .uicore-buttons-primary-large:active, .uicore-buttons-primary-large:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-buttons-primary-large[disabled], .uicore-buttons-primary-large[disabled]:hover, .uicore-buttons-primary-large[disabled]:active, .uicore-buttons-primary-large[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .uicore-buttons-primary-large:hover { background-color: #448615; } .uicore-buttons-primary-large:active { background-color: #346711; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-inputs-checkbox { display: block; position: relative; font-size: 14px; line-height: normal; cursor: pointer; -webkit-user-select: none; user-select: none; color: var(--buic-foreground-body); min-width: 1em; min-height: 1.57em; /* Support for using core-checkbox-indeterminate class */ /* Support for using checkboxInput.current.indeterminate = true */ } .uicore-inputs-checkbox.core-checkbox-no-label { display: inline-block; min-height: 1em; } .uicore-inputs-checkbox > input { position: absolute; opacity: 0; width: 0; cursor: pointer; } .uicore-inputs-checkbox .core-checkbox-label { padding-left: 24px; } .uicore-inputs-checkbox .core-checkbox-checkmark, .uicore-inputs-checkbox .core-checkbox-indeterminate { position: absolute; top: 2px; left: 0; height: 1em; width: 1em; border: 1px solid var(--buic-foreground-disabled); background-color: var(--buic-background-control); border-radius: 3px; } .uicore-inputs-checkbox:hover:not(.core-disabled) input ~ .core-checkbox-checkmark, .uicore-inputs-checkbox:hover:not(.core-disabled) input ~ .core-checkbox-indeterminate { border-color: var(--buic-foreground-activehover); transition: all 0.2s ease-out; } .uicore-inputs-checkbox input:checked ~ .core-checkbox-checkmark, .uicore-inputs-checkbox input:checked ~ .core-checkbox-indeterminate { border-color: var(--buic-foreground-muted); } .uicore-inputs-checkbox input:active ~ .core-checkbox-checkmark, .uicore-inputs-checkbox input:active ~ .core-checkbox-indeterminate, .uicore-inputs-checkbox input:focus ~ .core-checkbox-checkmark, .uicore-inputs-checkbox input:focus ~ .core-checkbox-indeterminate { border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-inputs-checkbox .core-checkbox-checkmark::after, .uicore-inputs-checkbox .core-checkbox-indeterminate::after { content: ""; position: absolute; display: none; } .uicore-inputs-checkbox input:checked ~ .core-checkbox-checkmark::after, .uicore-inputs-checkbox input:checked ~ .core-checkbox-indeterminate::after { display: block; } .uicore-inputs-checkbox .core-checkbox-checkmark::after, .uicore-inputs-checkbox .core-checkbox-indeterminate::after { border: solid var(--buic-foreground-primary); } .uicore-inputs-checkbox input:not(:indeterminate) ~ .core-checkbox-checkmark::after { top: 1px; left: 4px; width: 4px; height: 8px; border-width: 0 2px 2px 0; transform: rotate(45deg); } .uicore-inputs-checkbox .core-checkbox-indeterminate::after { top: 6px; left: 3px; width: 7px; border-width: 0 1px 2px 0; } .uicore-inputs-checkbox input:indeterminate ~ .core-checkbox-checkmark::after { display: block; top: 6px; left: 3px; width: 7px; border-width: 0 1px 2px 0; } .uicore-inputs-checkbox.core-disabled { opacity: var(--iui-opacity-4); cursor: not-allowed; } .uicore-inputs-checkbox.success { color: var(--buic-foreground-positive); } .uicore-inputs-checkbox.warning { color: var(--buic-foreground-warning); } .uicore-inputs-checkbox.error { color: var(--buic-foreground-negative); } .core-checkbox { display: block; position: relative; font-size: 14px; line-height: normal; cursor: pointer; -webkit-user-select: none; user-select: none; color: var(--buic-foreground-body); min-width: 1em; min-height: 1.57em; /* Support for using core-checkbox-indeterminate class */ /* Support for using checkboxInput.current.indeterminate = true */ } .core-checkbox.core-checkbox-no-label { display: inline-block; min-height: 1em; } .core-checkbox > input { position: absolute; opacity: 0; width: 0; cursor: pointer; } .core-checkbox .core-checkbox-label { padding-left: 24px; } .core-checkbox .core-checkbox-checkmark, .core-checkbox .core-checkbox-indeterminate { position: absolute; top: 2px; left: 0; height: 1em; width: 1em; border: 1px solid var(--buic-foreground-disabled); background-color: var(--buic-background-control); border-radius: 3px; } .core-checkbox:hover:not(.core-disabled) input ~ .core-checkbox-checkmark, .core-checkbox:hover:not(.core-disabled) input ~ .core-checkbox-indeterminate { border-color: var(--buic-foreground-activehover); transition: all 0.2s ease-out; } .core-checkbox input:checked ~ .core-checkbox-checkmark, .core-checkbox input:checked ~ .core-checkbox-indeterminate { border-color: var(--buic-foreground-muted); } .core-checkbox input:active ~ .core-checkbox-checkmark, .core-checkbox input:active ~ .core-checkbox-indeterminate, .core-checkbox input:focus ~ .core-checkbox-checkmark, .core-checkbox input:focus ~ .core-checkbox-indeterminate { border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .core-checkbox .core-checkbox-checkmark::after, .core-checkbox .core-checkbox-indeterminate::after { content: ""; position: absolute; display: none; } .core-checkbox input:checked ~ .core-checkbox-checkmark::after, .core-checkbox input:checked ~ .core-checkbox-indeterminate::after { display: block; } .core-checkbox .core-checkbox-checkmark::after, .core-checkbox .core-checkbox-indeterminate::after { border: solid var(--buic-foreground-primary); } .core-checkbox input:not(:indeterminate) ~ .core-checkbox-checkmark::after { top: 1px; left: 4px; width: 4px; height: 8px; border-width: 0 2px 2px 0; transform: rotate(45deg); } .core-checkbox .core-checkbox-indeterminate::after { top: 6px; left: 3px; width: 7px; border-width: 0 1px 2px 0; } .core-checkbox input:indeterminate ~ .core-checkbox-checkmark::after { display: block; top: 6px; left: 3px; width: 7px; border-width: 0 1px 2px 0; } .core-checkbox.core-disabled { opacity: var(--iui-opacity-4); cursor: not-allowed; } .core-checkbox.success { color: var(--buic-foreground-positive); } .core-checkbox.warning { color: var(--buic-foreground-warning); } .core-checkbox.error { color: var(--buic-foreground-negative); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-expandable-blocks-list > div { transition: margin 0.2s ease-in-out; } .uicore-expandable-blocks-list > div > .iui-header { border-color: #dce0e3 transparent transparent; } .uicore-expandable-blocks-list > div:first-child > .iui-header { border-top-color: transparent; } .uicore-expandable-blocks-list > .iui-expanded + div > .iui-header { border-top-color: transparent; } .uicore-expandable-blocks-list > .iui-expanded + div.iui-expanded > .iui-header { border-top-color: #008be1; } .uicore-expandable-blocks-list > .iui-expanded + .iui-expanded { margin-top: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-icons-large { width: 48px; height: 48px; } .uicore-icons-medium { width: 32px; height: 32px; } .uicore-icons-small { width: 16px; height: 16px; } .uicore-icons-x-large { width: 64px; height: 64px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-inputs-input { display: block; width: 100%; padding: 1.3px 10px; margin: 4.4px 0; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: normal; color: var(--buic-foreground-body); background-color: var(--buic-background-control); background-image: none; border: 1px solid var(--buic-inputs-border); border-radius: 3px; box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; box-sizing: border-box; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .uicore-inputs-input::placeholder { color: var(--buic-foreground-disabled); } .uicore-inputs-input[disabled] { background-color: var(--buic-background-control-disabled); border-color: var(--buic-foreground-disabled); color: var(--buic-foreground-disabled); cursor: not-allowed; opacity: var(--iui-opacity-4); } .uicore-inputs-input[readonly] { color: var(--buic-foreground-muted); cursor: default; } .uicore-inputs-input:focus { outline: 0px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-inputs-input.iui-input { padding: 2px 8px; } .uicore-inputs-labeled-input { display: block; padding: 0; margin: 0 0 11px; text-align: left; font-size: 14px; font-weight: 400; cursor: pointer; } .uicore-inputs-labeled-input > .uicore-label { padding: 0; margin: 0; border: 0 none transparent; display: block; font-size: 14px; font-weight: 600; line-height: 15.4px; text-align: left; color: var(--buic-foreground-body); } .uicore-inputs-labeled-input > .input { position: relative; display: inline-block; width: 100%; } .uicore-inputs-labeled-input > .input.with-icon > input, .uicore-inputs-labeled-input > .input.with-icon > .bwx-inputs-input { padding-right: 25.4px; margin-right: 25.4px; } .uicore-inputs-labeled-input > .input > .icon { display: flex; align-items: center; position: absolute; right: 0; top: 0; bottom: 0; padding: 10px; font-size: 14px; font-weight: normal; } .uicore-inputs-labeled-input > .uicore-message { display: block; font-size: 12px; line-height: 15.4px; color: var(--buic-foreground-muted); } .uicore-inputs-labeled-input.success, .uicore-inputs-labeled-input.success > .uicore-message { color: rgb(var(--buic-foreground-positive-rgb)); } .uicore-inputs-labeled-input.success > .input > input, .uicore-inputs-labeled-input.success > .input > .uicore-inputs-input { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-input.success > .input > input:focus, .uicore-inputs-labeled-input.success > .input > .uicore-inputs-input:focus { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: rgba(var(--buic-foreground-positive-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-input.warning, .uicore-inputs-labeled-input.warning > .uicore-message { color: rgb(var(--buic-foreground-warning-rgb)); } .uicore-inputs-labeled-input.warning > .input > input, .uicore-inputs-labeled-input.warning > .input > .uicore-inputs-input { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-input.warning > .input > input:focus, .uicore-inputs-labeled-input.warning > .input > .uicore-inputs-input:focus { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: rgba(var(--buic-foreground-warning-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-input.error, .uicore-inputs-labeled-input.error > .uicore-message { color: rgb(var(--buic-foreground-negative-rgb)); } .uicore-inputs-labeled-input.error > .input > input, .uicore-inputs-labeled-input.error > .input > .uicore-inputs-input { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-input.error > .input > input:focus, .uicore-inputs-labeled-input.error > .input > .uicore-inputs-input:focus { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: rgba(var(--buic-foreground-negative-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-textarea { display: block; padding: 0; margin: 0 0 11px; line-height: 0; text-align: left; cursor: pointer; font-weight: normal; } .uicore-inputs-labeled-textarea > .uicore-label { padding: 0; margin: 0; border: 0 none transparent; display: block; font-size: 14px; font-weight: 600; line-height: 15.4px; text-align: left; color: var(--buic-foreground-body); } .uicore-inputs-labeled-textarea > .uicore-inputs-textarea { display: inline-block; width: 100%; } .uicore-inputs-labeled-textarea > .uicore-message { display: block; font-size: 12px; line-height: 15.4px; color: var(--buic-foreground-muted); } .uicore-inputs-labeled-textarea.success, .uicore-inputs-labeled-textarea.success > .uicore-message { color: rgb(var(--buic-foreground-positive-rgb)); } .uicore-inputs-labeled-textarea.success > textarea, .uicore-inputs-labeled-textarea.success > .uicore-inputs-textarea { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: var(--buic-inputs-border) 0px 1px 1px inset; } .uicore-inputs-labeled-textarea.success > textarea:focus, .uicore-inputs-labeled-textarea.success > .uicore-inputs-textarea:focus { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: rgba(var(--buic-foreground-positive-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-textarea.warning, .uicore-inputs-labeled-textarea.warning > .uicore-message { color: rgb(var(--buic-foreground-warning-rgb)); } .uicore-inputs-labeled-textarea.warning > textarea, .uicore-inputs-labeled-textarea.warning > .uicore-inputs-textarea { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: var(--buic-inputs-border) 0px 1px 1px inset; } .uicore-inputs-labeled-textarea.warning > textarea:focus, .uicore-inputs-labeled-textarea.warning > .uicore-inputs-textarea:focus { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: rgba(var(--buic-foreground-warning-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-textarea.error, .uicore-inputs-labeled-textarea.error > .uicore-message { color: rgb(var(--buic-foreground-negative-rgb)); } .uicore-inputs-labeled-textarea.error > textarea, .uicore-inputs-labeled-textarea.error > .uicore-inputs-textarea { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: var(--buic-inputs-border) 0px 1px 1px inset; } .uicore-inputs-labeled-textarea.error > textarea:focus, .uicore-inputs-labeled-textarea.error > .uicore-inputs-textarea:focus { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: rgba(var(--buic-foreground-negative-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-textarea { display: block; box-sizing: border-box; width: 100%; padding: 1.3px 10px; margin: 4.4px 0; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 15.4px; color: var(--buic-foreground-body); background-color: var(--buic-background-control); background-image: none; border: 1px solid var(--buic-inputs-border); border-radius: 3px; box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .uicore-inputs-textarea::placeholder { color: var(--buic-foreground-disabled); } .uicore-inputs-textarea[disabled], .uicore-inputs-textarea[readonly] { background-color: var(--buic-background-control-disabled); border-color: var(--buic-foreground-disabled); color: var(--buic-foreground-disabled); cursor: not-allowed; opacity: var(--iui-opacity-4); } .uicore-inputs-textarea:focus { border-color: var(--buic-foreground-focus-border); outline: 0px; box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-inputs-textarea.iui-textarea { padding: 2px 8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-progress-bar { text-align: left; display: block; height: 4px; width: 100%; background: var(--buic-background-5); overflow: hidden; } .uicore-progress-bar > * { display: inline-block; background: var(--buic-foreground-primary); height: 100%; vertical-align: top; } .uicore-progress-bar.success { background: var(--buic-foreground-positive); } .uicore-progress-bar.success > * { background: var(--buic-foreground-positive); } .uicore-progress-bar.warning { background: var(--buic-foreground-warning); } .uicore-progress-bar.warning > * { background: var(--buic-foreground-warning); } .uicore-progress-bar.error { background: var(--buic-foreground-negative); } .uicore-progress-bar.error > * { background: var(--buic-foreground-negative); } .uicore-progress-bar-determinate { transition: width 2s ease-in-out; } .uicore-progress-bar-indeterminate { width: 100%; animation: uicore-progress-bar-animate-indeterminate 1.5s infinite linear; } @keyframes uicore-progress-bar-animate-indeterminate { 0% { transform: translateX(-60%) scaleX(0); } 40% { transform: translateX(-40%) scaleX(0.4); } 100% { transform: translateX(100%) scaleX(0.5); } } .uicore-progress-bar-labeled { width: 100%; } .uicore-progress-bar-labeled > .uicore-label { text-align: center; width: 100%; overflow: hidden; margin-top: 4px; display: block; font-size: 12px; } .uicore-progress-bar-labeled > .uicore-label > :first-child { float: left; } .uicore-progress-bar-labeled > .uicore-label > :last-child { float: right; -webkit-user-select: none; user-select: none; } .uicore-progress-spinner { position: relative; } .uicore-progress-spinner svg.spinner { height: 100%; width: 100%; } .uicore-progress-spinner svg.spinner circle.fill { stroke: var(--buic-foreground-primary); fill: none; stroke-width: 3.2; } .uicore-progress-spinner svg.spinner circle.shape { stroke: var(--buic-background-5); fill: none; stroke-width: 3.2; } .uicore-progress-spinner.success svg.spinner circle.fill, .uicore-progress-spinner.success svg.spinner circle.shape { stroke: var(--buic-foreground-positive); } .uicore-progress-spinner.success .icon { color: var(--buic-foreground-positive); font-size: 20px; } .uicore-progress-spinner.success .uicore-progress-spinner-content svg { fill: var(--buic-foreground-positive); } .uicore-progress-spinner.error svg.spinner circle.fill, .uicore-progress-spinner.error svg.spinner circle.shape { stroke: var(--buic-foreground-negative); } .uicore-progress-spinner.error .icon { color: var(--buic-foreground-negative); font-size: 20px; } .uicore-progress-spinner.error .uicore-progress-spinner-content svg { fill: var(--buic-foreground-negative); } .uicore-progress-spinner .uicore-progress-spinner-content { position: absolute; display: flex; width: 100%; height: 100%; left: 0; top: 0; align-items: center; justify-content: center; font-size: 12px; -webkit-user-select: none; user-select: none; } .uicore-progress-spinner .uicore-progress-spinner-content svg, .uicore-progress-spinner .uicore-progress-spinner-content img { width: 16px; height: 16px; fill: var(--buic-foreground-body); } .uicore-progress-spinner .uicore-progress-spinner-content svg:hover, .uicore-progress-spinner .uicore-progress-spinner-content img:hover { fill: var(--buic-foreground-activehover); } .uicore-progress-spinner.determinate svg.spinner { transform: rotate(-90deg); } .uicore-progress-spinner.determinate svg.spinner circle.fill { stroke-dasharray: 100; transition: stroke-dashoffset 0.5s ease-in-out; } .uicore-progress-spinner.indeterminate svg.spinner { animation: rotate-indeterminate 2s linear infinite; } .uicore-progress-spinner.indeterminate svg.spinner circle.fill { animation: dash-indeterminate 1.5s ease-in-out infinite; } @keyframes rotate-indeterminate { 100% { transform: rotate(360deg); } } @keyframes dash-indeterminate { 0% { stroke-dasharray: 1, 100; } 50% { stroke-dasharray: 100, 100; stroke-dashoffset: -25; } 100% { stroke-dasharray: 100, 100; stroke-dashoffset: -100; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-inputs-radio { display: block; position: relative; padding-left: 24px; font-size: 14px; cursor: pointer; -webkit-user-select: none; user-select: none; color: var(--buic-foreground-body); min-height: 1.57em; } .uicore-inputs-radio > input { position: absolute; opacity: 0; width: 0; cursor: pointer; } .uicore-inputs-radio .core-radio-checkmark { position: absolute; top: 2px; left: 0; height: 1em; width: 1em; border: 1px solid var(--buic-foreground-disabled); background-color: var(--buic-background-control); border-radius: 50%; } .uicore-inputs-radio:hover:not(.core-disabled) input ~ .core-radio-checkmark { border-color: var(--buic-foreground-activehover); transition: all 0.2s ease-out; } .uicore-inputs-radio input:checked ~ .core-radio-checkmark { border-color: var(--buic-foreground-muted); } .uicore-inputs-radio input:active ~ .core-radio-checkmark, .uicore-inputs-radio input:focus ~ .core-radio-checkmark { border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-inputs-radio .core-radio-checkmark::after { content: ""; position: absolute; display: none; } .uicore-inputs-radio input:checked ~ .core-radio-checkmark::after { display: block; } .uicore-inputs-radio .core-radio-checkmark::after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: var(--buic-foreground-primary); } .uicore-inputs-radio.core-disabled { opacity: var(--iui-opacity-4); cursor: not-allowed; } .uicore-inputs-radio.success { color: var(--buic-foreground-positive); } .uicore-inputs-radio.warning { color: var(--buic-foreground-warning); } .uicore-inputs-radio.error { color: var(--buic-foreground-negative); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-inputs-labeled-select { display: block; padding: 0; margin: 0 0 11px; text-align: left; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 400; cursor: pointer; } .uicore-inputs-labeled-select > .uicore-label { padding: 0; margin: 0; border: 0 none transparent; display: block; font-size: 14px; font-weight: 600; line-height: 15.4px; text-align: left; color: var(--buic-foreground-body); } .uicore-inputs-labeled-select > .uicore-message { display: block; font-size: 12px; line-height: 15.4px; color: var(--buic-foreground-muted); } .uicore-inputs-labeled-select.success, .uicore-inputs-labeled-select.success > .uicore-message { color: rgb(var(--buic-foreground-positive-rgb)); } .uicore-inputs-labeled-select.success > select, .uicore-inputs-labeled-select.success > .uicore-inputs-select { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-select.success > select:focus, .uicore-inputs-labeled-select.success > .uicore-inputs-select:focus { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: rgba(var(--buic-foreground-positive-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-select.warning, .uicore-inputs-labeled-select.warning > .uicore-message { color: rgb(var(--buic-foreground-warning-rgb)); } .uicore-inputs-labeled-select.warning > select, .uicore-inputs-labeled-select.warning > .uicore-inputs-select { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-select.warning > select:focus, .uicore-inputs-labeled-select.warning > .uicore-inputs-select:focus { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: rgba(var(--buic-foreground-warning-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-select.error, .uicore-inputs-labeled-select.error > .uicore-message { color: rgb(var(--buic-foreground-negative-rgb)); } .uicore-inputs-labeled-select.error > select, .uicore-inputs-labeled-select.error > .uicore-inputs-select { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-select.error > select:focus, .uicore-inputs-labeled-select.error > .uicore-inputs-select:focus { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: rgba(var(--buic-foreground-negative-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-select { display: inline-block; min-height: 28px; padding: 1.3px 7px; margin: 4.4px 0; font-size: 14px; line-height: 15.4px; color: var(--buic-foreground-body); background-color: var(--buic-background-control); background-image: none; border: 1px solid var(--buic-inputs-border); border-radius: 3px; box-sizing: border-box; box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; cursor: pointer; } @supports (-moz-appearance: none) { .uicore-inputs-select { padding-top: 0.3px; padding-bottom: 0.3px; } } .uicore-inputs-select:invalid { color: var(--buic-foreground-disabled); } .uicore-inputs-select:invalid > option { color: var(--buic-foreground-body); } .uicore-inputs-select > option.placeholder { display: none; } .uicore-inputs-select > option[disabled], .uicore-inputs-select > option[readonly] { color: var(--buic-foreground-disabled); } .uicore-inputs-select[disabled], .uicore-inputs-select[readonly] { background-color: var(--buic-background-control-disabled); color: var(--buic-foreground-disabled); cursor: not-allowed; opacity: var(--iui-opacity-4); } .uicore-inputs-select:focus { outline: 0px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-inputs-labeled-themed-select { display: block; padding: 1.3px 7px; margin: 4.4px 0; text-align: left; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 400; cursor: pointer; } .uicore-inputs-labeled-themed-select > .uicore-label { padding: 0; margin: 0 0 3px; border: 0 none transparent; display: block; font-size: 14px; font-weight: 600; line-height: 15.4px; text-align: left; color: var(--buic-foreground-body); } .uicore-inputs-labeled-themed-select > .uicore-message { display: block; font-size: 12px; line-height: 15.4px; color: var(--buic-foreground-muted); } .uicore-inputs-labeled-themed-select > .uicore-reactSelectTop { padding: 1.3px 7px; margin: 4.4px 0; } .uicore-inputs-labeled-themed-select.success, .uicore-inputs-labeled-themed-select.success > .uicore-message { color: rgb(var(--buic-foreground-positive-rgb)); } .uicore-inputs-labeled-themed-select.success > select, .uicore-inputs-labeled-themed-select.success > .uicore-inputs-select { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-themed-select.success > select:focus, .uicore-inputs-labeled-themed-select.success > .uicore-inputs-select:focus { border-color: rgb(var(--buic-foreground-positive-rgb)); box-shadow: rgba(var(--buic-foreground-positive-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-themed-select.warning, .uicore-inputs-labeled-themed-select.warning > .uicore-message { color: rgb(var(--buic-foreground-warning-rgb)); } .uicore-inputs-labeled-themed-select.warning > select, .uicore-inputs-labeled-themed-select.warning > .uicore-inputs-select { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-themed-select.warning > select:focus, .uicore-inputs-labeled-themed-select.warning > .uicore-inputs-select:focus { border-color: rgb(var(--buic-foreground-warning-rgb)); box-shadow: rgba(var(--buic-foreground-warning-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } .uicore-inputs-labeled-themed-select.error, .uicore-inputs-labeled-themed-select.error > .uicore-message { color: rgb(var(--buic-foreground-negative-rgb)); } .uicore-inputs-labeled-themed-select.error > select, .uicore-inputs-labeled-themed-select.error > .uicore-inputs-select { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .uicore-inputs-labeled-themed-select.error > select:focus, .uicore-inputs-labeled-themed-select.error > .uicore-inputs-select:focus { border-color: rgb(var(--buic-foreground-negative-rgb)); box-shadow: rgba(var(--buic-foreground-negative-rgb), var(--iui-opacity-4)) 0px 0px 0px 2px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-tabs-horizontal { display: block; list-style: none; padding: 0; margin: 0; box-sizing: border-box; border: none; outline: none; } .uicore-tabs-horizontal > li { display: block; position: relative; padding: 0; margin: 0; } .uicore-tabs-horizontal > li.core-tab-item-disabled { pointer-events: none; } .uicore-tabs-horizontal > li > a { display: block; position: relative; padding: 10px 13px 11px; margin: 0; line-height: 15.4px; color: var(--buic-foreground-body); cursor: pointer; } .uicore-tabs-horizontal > li > a .uicore-tabs-inline-label.core-tab-item-disabled { color: var(--buic-foreground-disabled); } .uicore-tabs-horizontal > li > a .uicore-tabs-inline-label.core-tab-item-disabled .uicore-tabs-subLabel { color: var(--buic-foreground-disabled); } .uicore-tabs-horizontal > li > a .uicore-tabs-inline-label .uicore-tabs-icon { width: 28px; height: 28px; display: flex; align-items: center; } .uicore-tabs-horizontal > li > a::after { content: ""; position: absolute; z-index: 1; transition: all 0.2s; top: 0; left: 0; background: var(--buic-foreground-primary); opacity: 0; } .uicore-tabs-horizontal > li > a:hover { text-decoration: none; color: var(--buic-foreground-activehover); } .uicore-tabs-horizontal > li > a:hover::after { opacity: 1; } .uicore-tabs-horizontal > li.core-active > a { font-weight: 700; } .uicore-tabs-horizontal > li.core-active > a::after { opacity: 1; } .uicore-tabs-horizontal > li .uicore-tabs-label-subLabel-container { display: flex; flex-direction: column; } .uicore-tabs-horizontal > li .uicore-tabs-label-subLabel-container .uicore-tabs-subLabel { font-size: 12px; font-weight: 600; } .uicore-tabs-horizontal > li:not(.core-active) .uicore-tabs-label-subLabel-container .uicore-tabs-subLabel { color: var(--buic-foreground-muted); font-weight: 300; } .uicore-tabs-horizontal.uicore-tabs-green > li > a::after { background-color: var(--buic-foreground-positive); } .uicore-tabs-horizontal > li { display: inline-block; margin: 0 -1px 0 0; padding: 0; } .uicore-tabs-horizontal > li > a { line-height: 15.4px; padding: 9px 14px; margin: 0; border-bottom: 0 none transparent; background: var(--buic-background-tab-inactive); text-align: center; } .uicore-tabs-horizontal > li > a .uicore-tabs-inline-label { display: grid; grid-template-columns: auto 1fr; align-items: center; } .uicore-tabs-horizontal > li > a .uicore-tabs-subLabel { white-space: nowrap; } .uicore-tabs-horizontal > li > a::after { width: 100%; height: 2px; top: 2px; padding-left: 2px; padding-right: 2px; box-sizing: border-box; background-clip: content-box; } .uicore-tabs-horizontal > li > a:focus { background-color: var(--buic-background-active-overlay); outline: none; } .uicore-tabs-horizontal > li:not(.core-active) { border-bottom: 1px solid var(--buic-background-dialog-stroke); } .uicore-tabs-horizontal > li:not(:first-child) { border-left: 1px solid var(--buic-background-dialog-stroke); } .uicore-tabs-horizontal > li.core-active > a { color: var(--buic-foreground-primary); background-color: var(--buic-background-tab-active); } .uicore-tabs-horizontal > li.core-active > a:focus { background-color: var(--buic-background-active-overlay); } .uicore-tabs-vertical { display: block; list-style: none; padding: 0; margin: 0; box-sizing: border-box; border: none; outline: none; } .uicore-tabs-vertical > li { display: block; position: relative; padding: 0; margin: 0; } .uicore-tabs-vertical > li.core-tab-item-disabled { pointer-events: none; } .uicore-tabs-vertical > li > a { display: block; position: relative; padding: 10px 13px 11px; margin: 0; line-height: 15.4px; color: var(--buic-foreground-body); cursor: pointer; } .uicore-tabs-vertical > li > a .uicore-tabs-inline-label.core-tab-item-disabled { color: var(--buic-foreground-disabled); } .uicore-tabs-vertical > li > a .uicore-tabs-inline-label.core-tab-item-disabled .uicore-tabs-subLabel { color: var(--buic-foreground-disabled); } .uicore-tabs-vertical > li > a .uicore-tabs-inline-label .uicore-tabs-icon { width: 28px; height: 28px; display: flex; align-items: center; } .uicore-tabs-vertical > li > a::after { content: ""; position: absolute; z-index: 1; transition: all 0.2s; top: 0; left: 0; background: var(--buic-foreground-primary); opacity: 0; } .uicore-tabs-vertical > li > a:hover { text-decoration: none; color: var(--buic-foreground-activehover); } .uicore-tabs-vertical > li > a:hover::after { opacity: 1; } .uicore-tabs-vertical > li.core-active > a { font-weight: 700; } .uicore-tabs-vertical > li.core-active > a::after { opacity: 1; } .uicore-tabs-vertical > li .uicore-tabs-label-subLabel-container { display: flex; flex-direction: column; } .uicore-tabs-vertical > li .uicore-tabs-label-subLabel-container .uicore-tabs-subLabel { font-size: 12px; font-weight: 600; } .uicore-tabs-vertical > li:not(.core-active) .uicore-tabs-label-subLabel-container .uicore-tabs-subLabel { color: var(--buic-foreground-muted); font-weight: 300; } .uicore-tabs-vertical.uicore-tabs-green > li > a::after { background-color: var(--buic-foreground-positive); } .uicore-tabs-vertical > li { display: block; margin: 0; padding: 0; width: 100%; } .uicore-tabs-vertical > li > a { line-height: 15.4px; padding: 14px 20px; background: var(--buic-background-tab-inactive); border-width: 0; } .uicore-tabs-vertical > li > a .uicore-tabs-inline-label { display: grid; grid-template-columns: auto 1fr; align-items: center; } .uicore-tabs-vertical > li > a::after { height: 100%; width: 2px; left: 2px; padding-top: 2px; padding-bottom: 2px; background-clip: content-box; box-sizing: border-box; } .uicore-tabs-vertical > li > a:focus { background-color: var(--buic-background-active-overlay); outline: none; } .uicore-tabs-vertical > li.core-active > a { color: var(--buic-foreground-primary); background-color: var(--buic-background-tab-active); } .uicore-tabs-vertical > li.core-active > a:focus { background-color: var(--buic-background-active-overlay); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-text-body { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 14px; font-weight: 400; line-height: 22px; } .uicore-text-block { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 14px; font-weight: 400; line-height: 22px; padding: 0; margin: 0 0 22px; } .uicore-text-disabled { color: var(--buic-foreground-disabled); } .uicore-text-headline { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 32px; font-weight: 300; line-height: 44px; } .uicore-text-leading { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 16px; font-weight: 400; line-height: 22px; } .uicore-text-leading-2 { font-size: 16px; font-weight: 700; line-height: 22px; color: var(--buic-foreground-body); padding: 0; margin: 0 0 22px; } .uicore-text-muted { color: var(--buic-foreground-muted); } .uicore-text-small { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 12px; font-weight: 400; line-height: 22px; } .uicore-text-subheading { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 18px; font-weight: 400; line-height: 33px; } .uicore-text-subheading-2 { font-size: 18px; font-weight: 600; line-height: 33px; color: var(--buic-foreground-body); padding: 0; margin: 0 0 22px; } .uicore-text-title { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 24px; font-weight: 300; line-height: 33px; } .uicore-text-title-2 { font-size: 24px; font-weight: 400; line-height: 33px; color: var(--buic-foreground-body); padding: 0; margin: 0 0 22px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-tiles-tile { min-height: 215.6px; padding: 0 0 30.8px; margin: 0 0 15.4px; text-align: center; transition: all 0.2s ease-out; background-color: #eef0f3; color: #4d575f; } .uicore-tiles-tile > .uicore-link { display: block; padding: 23.1px 15.4px 0; margin: 0; cursor: pointer; color: #4d575f; } .uicore-tiles-tile > .uicore-link > .uicore-icon { width: 46.2px; height: 46.2px; font-size: 38.5px; padding: 9px; margin: 0 auto; border-radius: 46.2px; background-color: #56aa1c; transition: all 0.2s ease-out; } .uicore-tiles-tile > .uicore-link > .uicore-title { margin: 7.7px auto 0; font-size: 21px; font-weight: 300; line-height: 23.1px; } .uicore-tiles-tile > .uicore-children { padding: 15.4px 15.4px 0; font-size: 13px; line-height: 15.4px; } .uicore-tiles-tile > .uicore-children > a { display: block; color: #3c434a; } .uicore-tiles-tile.uicore-minimal { min-height: 138.6px; padding: 0; } .uicore-tiles-tile.uicore-minimal > .uicore-link { padding-bottom: 46.2px; } .uicore-tiles-tile.uicore-featured, .uicore-tiles-tile:hover { background-color: #56aa1c; color: #fff; } .uicore-tiles-tile.uicore-featured > .uicore-link, .uicore-tiles-tile:hover > .uicore-link { text-decoration: none; color: #fff; } .uicore-tiles-tile.uicore-featured > .uicore-link > .uicore-icon, .uicore-tiles-tile:hover > .uicore-link > .uicore-icon { background-color: transparent !important; } .uicore-tiles-tile.uicore-featured > .uicore-children > a, .uicore-tiles-tile:hover > .uicore-children > a { color: #fff; } .uicore-tiles-tile.uicore-featured:hover { background-color: #4b9418; } .uicore-tiles-tile.uicore-step-0 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-0:hover, .uicore-tiles-tile.uicore-step-0.uicore-featured { background-color: #56aa1c; } .uicore-tiles-tile.uicore-step-0.uicore-featured:hover { background-color: #4b9418; } .uicore-tiles-tile.uicore-step-1 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-1:hover, .uicore-tiles-tile.uicore-step-1.uicore-featured { background-color: #2b9b1b; } .uicore-tiles-tile.uicore-step-1.uicore-featured:hover { background-color: #258517; } .uicore-tiles-tile.uicore-step-2 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-2:hover, .uicore-tiles-tile.uicore-step-2.uicore-featured { background-color: #2b9b2f; } .uicore-tiles-tile.uicore-step-2.uicore-featured:hover { background-color: #258729; } .uicore-tiles-tile.uicore-step-3 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-3:hover, .uicore-tiles-tile.uicore-step-3.uicore-featured { background-color: #2b9b43; } .uicore-tiles-tile.uicore-step-3.uicore-featured:hover { background-color: #25873a; } .uicore-tiles-tile.uicore-step-4 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-4:hover, .uicore-tiles-tile.uicore-step-4.uicore-featured { background-color: #2b9b57; } .uicore-tiles-tile.uicore-step-4.uicore-featured:hover { background-color: #25874c; } .uicore-tiles-tile.uicore-step-5 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-5:hover, .uicore-tiles-tile.uicore-step-5.uicore-featured { background-color: #2b9b6b; } .uicore-tiles-tile.uicore-step-5.uicore-featured:hover { background-color: #25875d; } .uicore-tiles-tile.uicore-step-6 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-6:hover, .uicore-tiles-tile.uicore-step-6.uicore-featured { background-color: #2b9b7f; } .uicore-tiles-tile.uicore-step-6.uicore-featured:hover { background-color: #25876f; } .uicore-tiles-tile.uicore-step-7 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-7:hover, .uicore-tiles-tile.uicore-step-7.uicore-featured { background-color: #2b9b93; } .uicore-tiles-tile.uicore-step-7.uicore-featured:hover { background-color: #258780; } .uicore-tiles-tile.uicore-step-8 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-8:hover, .uicore-tiles-tile.uicore-step-8.uicore-featured { background-color: #2b9ba7; } .uicore-tiles-tile.uicore-step-8.uicore-featured:hover { background-color: #268893; } .uicore-tiles-tile.uicore-step-9 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-9:hover, .uicore-tiles-tile.uicore-step-9.uicore-featured { background-color: #2b9bbb; } .uicore-tiles-tile.uicore-step-9.uicore-featured:hover { background-color: #268aa6; } .uicore-tiles-tile.uicore-step-10 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-10:hover, .uicore-tiles-tile.uicore-step-10.uicore-featured { background-color: #2b9bcf; } .uicore-tiles-tile.uicore-step-10.uicore-featured:hover { background-color: #278bba; } .uicore-tiles-tile.uicore-step-11 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-11:hover, .uicore-tiles-tile.uicore-step-11.uicore-featured { background-color: #2b9be3; } .uicore-tiles-tile.uicore-step-11.uicore-featured:hover { background-color: #1d8fd8; } .uicore-tiles-tile.uicore-step-12 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-12:hover, .uicore-tiles-tile.uicore-step-12.uicore-featured { background-color: #008be1; } .uicore-tiles-tile.uicore-step-12.uicore-featured:hover { background-color: #007bc8; } .uicore-tiles-tile.uicore-step-13 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-13:hover, .uicore-tiles-tile.uicore-step-13.uicore-featured { background-color: #0073ba; } .uicore-tiles-tile.uicore-step-13.uicore-featured:hover { background-color: #0063a1; } .uicore-tiles-tile.uicore-step-14 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-14:hover, .uicore-tiles-tile.uicore-step-14.uicore-featured { background-color: #005a92; } .uicore-tiles-tile.uicore-step-14.uicore-featured:hover { background-color: #004a79; } .uicore-tiles-tile.uicore-step-15 > .uicore-link > .uicore-icon, .uicore-tiles-tile.uicore-step-15:hover, .uicore-tiles-tile.uicore-step-15.uicore-featured { background-color: #00426b; } .uicore-tiles-tile.uicore-step-15.uicore-featured:hover { background-color: #003252; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-badge { transform: rotate(270deg); width: 16px; height: 16px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-icons-svgSprite { display: inline-block; box-sizing: border-box; background-color: transparent; border: none; padding: auto; overflow: hidden; vertical-align: top; fill: currentColor; stroke: transparent; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-badge-betaBadge > .core-icons-svgSprite { fill: unset; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-new-badge { color: var(--buic-foreground-positive); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-button{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; display:inline-flex; align-items:center; vertical-align:middle; justify-content:center; position:relative; box-sizing:border-box; border-radius:3px; line-height:22px; outline:none; box-shadow:none; font-size:14px; font-weight:400; text-decoration:none; -webkit-user-select:none; user-select:none; cursor:pointer; white-space:nowrap; border:1px solid transparent; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); padding:0 16px; height:38px; grid-gap:8px; gap:8px; padding:0 16px; height:38px; grid-gap:8px; gap:8px; } @media (prefers-reduced-motion: no-preference){ .iui-button{ transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .iui-button:hover{ text-decoration:none; color:black; color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button:focus:not(:focus-visible){ box-shadow:none; } .iui-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button[disabled], .iui-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-default{ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:focus{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:focus .iui-notification-primary::before, .iui-button.iui-default:focus .iui-notification-positive::before, .iui-button.iui-default:focus .iui-notification-warning::before, .iui-button.iui-default:focus .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default:focus:where(:not(:focus-visible)){ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:hover, .iui-button.iui-default:active{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:hover .iui-notification-primary::before, .iui-button.iui-default:hover .iui-notification-positive::before, .iui-button.iui-default:hover .iui-notification-warning::before, .iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before, .iui-button.iui-default:active .iui-notification-positive::before, .iui-button.iui-default:active .iui-notification-warning::before, .iui-button.iui-default:active .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default.iui-dropdown{ padding-right:8px; } .iui-button.iui-default.iui-dropdown.iui-small{ padding-right:4px; } .iui-button.iui-default.iui-dropdown.iui-large{ padding-right:12px; } .iui-button.iui-default.iui-active{ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); color:#008BE1; background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); color:var(--iui-color-foreground-primary); } .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-high-visibility{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-cta{ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus:where(:not(:focus-visible)){ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:hover, .iui-button.iui-cta:active{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-idea{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); border-radius:22px; box-shadow:0 9px 46px rgba(0, 0, 0, 0.25); position:fixed; bottom:11px; right:16px; } .iui-button.iui-idea:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:hover, .iui-button.iui-idea:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-borderless{ border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; } .iui-button.iui-borderless > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:focus{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)){ border-color:transparent; background-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-button.iui-small{ padding:0 8px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-small.iui-borderless{ padding:0 2px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-large{ padding:0 24px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button.iui-large.iui-borderless{ padding:0 12px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button-group{ display:inline-flex; align-items:center; isolation:isolate; } .iui-button-group > *{ display:flex; } .iui-button-group > * input, .iui-button-group > * button{ position:relative; transition-duration:0ms; } .iui-button-group > * input:hover, .iui-button-group > * button:hover{ z-index:1; } .iui-button-group > * input:focus, .iui-button-group > * button:focus{ z-index:2; } .iui-button-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-group > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{ z-index:-1; } .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * button:hover, .iui-button-group > * button:focus{ transition-duration:0.2s; } .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){ border-radius:0; } .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-group > *:not(:last-child){ margin-right:-1px; } .iui-button-group > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu{ display:inline-flex; align-items:center; isolation:isolate; display:inline-flex; align-items:center; isolation:isolate; } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu:hover{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-button-split-menu > *:first-child > .iui-borderless:hover{ background-color:transparent; } .iui-button-split-menu > *:last-child > .iui-button{ padding:4px; } .iui-button-split-menu > *:last-child > .iui-small{ padding:2px; } .iui-button-split-menu > *:last-child > .iui-large{ padding:8px; } .iui-button-split-menu > *:first-child > .iui-high-visibility, .iui-button-split-menu > *:first-child > .iui-cta{ border-right-color:rgba(255, 255, 255, 0.4); border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu > *:last-child > .iui-high-visibility, .iui-button-split-menu > *:last-child > .iui-cta{ border-left-color:rgba(255, 255, 255, 0.4); border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu.iui-disabled{ background-color:transparent; background-color:transparent; } .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-icon{ width:16px; height:16px; transition:fill 0.2s ease-out; fill:currentColor; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-body{ background-color:#F8F9FB; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-2); color:var(--iui-text-color); font-size:14px; line-height:22px; scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-body::-webkit-scrollbar{ width:8px; height:8px; } .iui-body::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } .iui-body::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{ background-color:transparent; } .iui-body.iui-no-webfonts{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-anchor{ text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-anchor:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:focus:not(:focus-visible){ box-shadow:none; } .iui-anchor:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } [class*='iui-'], [class*='iui-'] *{ scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; } [class*='iui-'] ::selection, [class*='iui-'] * ::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } [class*='iui-']::-webkit-scrollbar, [class*='iui-'] *::-webkit-scrollbar{ width:8px; height:8px; } [class*='iui-']::-webkit-scrollbar-thumb, [class*='iui-'] *::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } [class*='iui-']::-webkit-scrollbar-thumb:hover, [class*='iui-'] *::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } [class*='iui-']::-webkit-scrollbar-track, [class*='iui-']::-webkit-scrollbar-corner, [class*='iui-'] *::-webkit-scrollbar-track, [class*='iui-'] *::-webkit-scrollbar-corner{ background-color:transparent; } html, html.iui-theme-light{ --iui-color-background-1-rgb:255, 255, 255; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:248, 249, 251; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:238, 240, 243; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:220, 224, 227; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:199, 204, 209; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:238, 240, 243; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:0, 0, 0; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:255, 255, 255; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:0, 139, 225; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:83, 162, 26; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:211, 10, 10; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:241, 139, 18; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 107.49333, 174; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } html.iui-theme-dark{ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } @media (prefers-color-scheme: dark){ html:not([class*='iui-theme-']){ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-underlined-button { background: transparent; color: var(--buic-foreground-primary); border: 0px solid var(--buic-foreground-primary); border-bottom-width: 1px; width: -moz-fit-content; width: fit-content; cursor: pointer; } .core-underlined-button:hover { color: var(--buic-foreground-primary-tone); border-color: var(--buic-foreground-primary-tone); } .core-underlined-button:focus { color: var(--buic-foreground-primary-tone); border-color: var(--buic-foreground-primary-tone); background-color: var(--buic-background-focus-overlay); outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-chk-listbox { margin: 0; padding: 0; list-style: none; position: relative; } .core-chk-listbox > li > .core-chk-listboxitem-checkbox { margin: 4px 0; } .core-chk-listbox > .core-chk-listbox-separator { height: 1px; background: var(--buic-inputs-border); margin: 4px 0; pointer-events: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-input-container{ margin:0; padding:0; border:none; vertical-align:baseline; display:grid; -ms-grid-rows:auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' / auto 1fr; cursor:default; } .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-icon > .iui-input, .iui-input-container.iui-inline-icon > .iui-textarea{ padding-right:40px; } .iui-input-container.iui-inline-icon > .iui-input:last-child, .iui-input-container.iui-inline-icon > .iui-textarea:last-child{ padding-right:12px; } .iui-input-container.iui-with-message{ -ms-grid-rows:auto auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; } .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ margin-top:3px; } .iui-input-container .iui-input, .iui-input-container .iui-textarea, .iui-input-container .iui-input-group, .iui-input-container .iui-select{ -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; grid-area:inputs; -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; } label.iui-input-container{ cursor:pointer; } label.iui-input-container.iui-disabled{ cursor:not-allowed; } .iui-input-container.iui-disabled label{ cursor:not-allowed; } .iui-input-container .iui-checkbox, .iui-input-container .iui-radio{ min-height:22px; } .iui-input-container.iui-inline-label{ -ms-grid-rows:auto; -ms-grid-columns:auto 1fr auto; grid-template:'label inputs icon' / auto 1fr auto; } div.iui-input-container.iui-inline-label{ -ms-grid-columns:auto min-content auto; } .iui-input-container.iui-inline-label .iui-input, .iui-input-container.iui-inline-label .iui-textarea, .iui-input-container.iui-inline-label .iui-input-group, .iui-input-container.iui-inline-label .iui-select{ -ms-grid-row:1; -ms-grid-column:2; } .iui-input-container.iui-inline-label .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; } .iui-input-container.iui-inline-label.iui-with-message{ -ms-grid-rows:auto auto; -ms-grid-columns:auto auto 1fr; grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; } .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-label.iui-with-message .iui-message{ -ms-grid-row:2; -ms-grid-column:3; } .iui-input-container.iui-inline-label > .iui-input-group{ display:flex; grid-gap:16px; gap:16px; } .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:16px; } @supports (gap: 16px){ .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:0; } } .iui-input-container.iui-inline-label > .iui-input-group:not(:last-child){ margin-right:16px; } .iui-input-container > .iui-label{ -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:2; font-weight:600; margin-bottom:3px; grid-area:label; align-self:center; } .iui-input-container > .iui-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container > .iui-input-icon{ -ms-grid-row:3; -ms-grid-column:1; display:flex; grid-area:icon; width:16px; height:16px; align-self:center; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-input-container > .iui-input-icon:not(:last-child){ margin-right:4px; } .iui-input-container .iui-message{ -ms-grid-row:3; -ms-grid-column:2; font-size:12px; grid-area:message; margin-top:3px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-input-container .iui-message a{ -webkit-user-select:none; user-select:none; } .iui-input-container.iui-inline-label > .iui-label{ margin:0 16px 0 0; -ms-grid-column-span:1; } .iui-input-container.iui-inline-label > .iui-label.iui-required{ margin-right:6px; } .iui-input-container.iui-inline-icon > .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; grid-area:inputs; justify-self:end; margin:0 12px 0 0; position:relative; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{ height:100%; width:-moz-fit-content; width:fit-content; margin-right:0; border-top-left-radius:0; border-bottom-left-radius:0; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{ align-items:center; height:90%; margin-right:1px; padding:0 12px; cursor:pointer; background-position:center; transition:background 0.4s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{ background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{ background-color:var(--iui-color-background-2); background-size:100%; transition:background 0s; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{ width:16px; height:16px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); transition:transform 0.2s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{ transform:rotate(180deg); } .iui-input-container.iui-positive *::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-positive .iui-input-icon{ fill:#53A21A; fill:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a{ text-decoration:underline; color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a:hover{ text-decoration:none; color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-input-container.iui-positive > .iui-input, .iui-input-container.iui-positive > .iui-textarea, .iui-input-container.iui-positive > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #53A21A; border-bottom:2px solid var(--iui-color-foreground-positive); } .iui-input-container.iui-positive > .iui-input.iui-small, .iui-input-container.iui-positive > .iui-textarea.iui-small, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-positive > .iui-input.iui-large, .iui-input-container.iui-positive > .iui-textarea.iui-large, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-positive > .iui-input:focus, .iui-input-container.iui-positive > .iui-textarea:focus, .iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #53A21A; box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-positive); box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-negative *::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-negative .iui-input-icon{ fill:#D30A0A; fill:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a{ text-decoration:underline; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a:hover{ text-decoration:none; color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-input-container.iui-negative > .iui-input, .iui-input-container.iui-negative > .iui-textarea, .iui-input-container.iui-negative > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #D30A0A; border-bottom:2px solid var(--iui-color-foreground-negative); } .iui-input-container.iui-negative > .iui-input.iui-small, .iui-input-container.iui-negative > .iui-textarea.iui-small, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-negative > .iui-input.iui-large, .iui-input-container.iui-negative > .iui-textarea.iui-large, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-negative > .iui-input:focus, .iui-input-container.iui-negative > .iui-textarea:focus, .iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #D30A0A; box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-negative); box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-warning *::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-warning .iui-input-icon{ fill:#F18B12; fill:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a{ text-decoration:underline; color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a:hover{ text-decoration:none; color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-input-container.iui-warning > .iui-input, .iui-input-container.iui-warning > .iui-textarea, .iui-input-container.iui-warning > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #F18B12; border-bottom:2px solid var(--iui-color-foreground-warning); } .iui-input-container.iui-warning > .iui-input.iui-small, .iui-input-container.iui-warning > .iui-textarea.iui-small, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-warning > .iui-input.iui-large, .iui-input-container.iui-warning > .iui-textarea.iui-large, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-warning > .iui-input:focus, .iui-input-container.iui-warning > .iui-textarea:focus, .iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #F18B12; box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-warning); box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-label{ font-weight:600; margin-bottom:3px; cursor:default; display:block; } .iui-input-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } label.iui-input-label{ cursor:pointer; } label.iui-input-label.iui-disabled{ cursor:not-allowed; } .iui-input-label.iui-inline{ margin:0 16px 0 0; -ms-grid-column-span:1; display:inline-flex; align-items:center; } .iui-input-label.iui-inline.iui-required{ margin-right:6px; } .iui-input{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-input{ transition:border-color 0.2s ease-out; } } .iui-input.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-input.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-input::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-input:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-input:hover{ transition:border-color 0.2s ease-out; } } .iui-input[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-input:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); resize:vertical; min-height:38px; } @media (prefers-reduced-motion: no-preference){ .iui-textarea{ transition:border-color 0.2s ease-out; } } .iui-textarea.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-textarea.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-textarea::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-textarea:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-textarea:hover{ transition:border-color 0.2s ease-out; } } .iui-textarea[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-textarea:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea[disabled], .iui-textarea[readonly]{ resize:none; } .iui-select{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; position:relative; width:100%; } .iui-select > .iui-select-button{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); display:flex; align-items:center; min-height:38px; padding-right:32px; -webkit-user-select:none; user-select:none; position:relative; } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select > .iui-select-button.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-select > .iui-select-button::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button:hover{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-select > .iui-select-button:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus:not(:focus-visible){ box-shadow:none; } .iui-select > .iui-select-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-select > .iui-select-button > .iui-icon + .iui-content{ margin-left:8px; } .iui-select > .iui-select-button > .iui-content{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .iui-select > .iui-select-button.iui-placeholder{ color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button::after{ content:''; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(0, 0, 0, 0.8); border-top:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-select > .iui-select-button:hover::after{ border-bottom:none; border-top:5px solid black; border-top:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-active::after{ border-top:none; border-bottom:5px solid rgba(0, 0, 0, 0.8); border-bottom:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button.iui-active:hover::after{ border-bottom:5px solid black; border-bottom:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-disabled{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-select > .iui-select-button.iui-disabled::after{ border-top:5px solid rgba(0, 0, 0, 0.2); border-top:5px solid var(--iui-icons-color-actionable-disabled); } .iui-select.iui-small .iui-select-button{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select.iui-large .iui-select-button{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-checkbox{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-checkbox > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-checkbox.iui-disabled{ cursor:not-allowed; } .iui-checkbox .iui-checkbox-checkmark, .iui-checkbox .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial), .iui-checkbox .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-checkbox > .iui-label{ margin-right:8px; } .iui-checkbox > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-checkbox .iui-checkbox-checkmark ~ .iui-label, .iui-checkbox .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-checkbox input:checked ~ .iui-checkbox-checkmark, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark, .iui-checkbox input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark, .iui-checkbox input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark path, .iui-checkbox input:disabled ~ .iui-checkbox-checkmark g, .iui-checkbox input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-checkbox input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-checkbox.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-checkbox.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-checkbox .iui-checkbox-checkmark{ border-radius:3px; } .iui-checkbox.iui-loading{ cursor:wait; } .iui-checkbox.iui-loading input ~ .iui-checkbox-checkmark{ border:none; background-color:transparent; } .iui-checkbox.iui-loading input:disabled ~ .iui-checkbox-checkmark{ cursor:wait; } .iui-checkbox.iui-loading input:disabled ~ .iui-label{ cursor:wait; } .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark, .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ border:none; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark{ background-color:transparent; } .iui-checkbox-visibility .iui-checkbox-checkmark svg:not(.iui-radial){ width:16px; height:16px; } .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck, .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:0; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:1; transition:opacity 0.2s ease; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-radio > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio.iui-disabled{ cursor:not-allowed; } .iui-radio .iui-checkbox-checkmark, .iui-radio .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial), .iui-radio .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-radio > .iui-label{ margin-right:8px; } .iui-radio > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio .iui-checkbox-checkmark ~ .iui-label, .iui-radio .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-radio input:checked ~ .iui-checkbox-checkmark, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark, .iui-radio input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-radio input:enabled:focus ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-radio input:disabled ~ .iui-checkbox-checkmark, .iui-radio input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-radio input:disabled ~ .iui-checkbox-checkmark path, .iui-radio input:disabled ~ .iui-checkbox-checkmark g, .iui-radio input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-radio.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-radio.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-radio .iui-radio-dot{ border-radius:50%; } .iui-radio-tile-container{ display:inline-flex; flex-wrap:wrap; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; z-index:0; } .iui-radio-tile-container > label{ cursor:pointer; } .iui-radio-tile-container > label > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio-tile-container > label > .iui-radio-tile{ width:160px; height:100%; box-sizing:border-box; padding:8px; position:relative; z-index:1; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ width:32px; height:32px; display:block; margin:0 auto; margin-top:6px; margin-bottom:11px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-checkmark{ display:none; width:16px; height:16px; position:absolute; right:8px; fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-label{ font-size:14px; font-weight:600; line-height:22px; text-align:center; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-description{ font-size:12px; line-height:15px; text-align:center; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label:first-child > .iui-radio-tile{ border-radius:3px 0 0 3px; } .iui-radio-tile-container > label:last-child > .iui-radio-tile{ border-radius:0 3px 3px 0; } .iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{ margin-left:-1px; } .iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ z-index:2; border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile{ padding:7px; z-index:3; border:2px solid #008BE1; border:2px solid var(--iui-color-foreground-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-checkmark{ display:inline-block; } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile{ cursor:not-allowed; z-index:0; border-color:#EEF0F3; background-color:#EEF0F3; border-color:var(--iui-color-background-disabled); background-color:var(--iui-color-background-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-checkmark{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); filter:grayscale(100%); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-label{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label input:disabled:checked ~ .iui-radio-tile{ z-index:3; border:2px solid rgba(0, 0, 0, 0.4); border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-progress-indicator-linear{ margin:0; padding:0; border:none; vertical-align:baseline; text-align:left; display:block; } .iui-progress-indicator-linear > .iui-track{ width:100%; height:4px; overflow:hidden; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-progress-indicator-linear > .iui-track > .iui-fill{ display:inline-block; height:100%; vertical-align:top; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-progress-indicator-linear > .iui-label{ align-items:center; width:100%; overflow:hidden; margin-top:4px; display:flex; font-size:12px; justify-content:space-between; } .iui-progress-indicator-linear > .iui-label > :only-child{ margin:0 auto; } .iui-progress-indicator-linear > .iui-label > :last-child:not(:first-child){ -webkit-user-select:none; user-select:none; } .iui-progress-indicator-linear > .iui-label svg{ display:flex; width:16px; height:16px; } .iui-progress-indicator-linear.iui-positive > .iui-track, .iui-progress-indicator-linear.iui-positive > .iui-track > *{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label > span::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear.iui-negative > .iui-track > *{ width:100%; background-color:#D30A0A; background-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label > span::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear > .iui-track > .iui-determinate{ transition:width 2s ease-in-out; } .iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive) > .iui-track > .iui-indeterminate{ width:100%; animation:iui-progress-indicator-linear-animate-indeterminate 1.5s infinite linear; } @keyframes iui-progress-indicator-linear-animate-indeterminate{ 0%{ transform:translateX(-60%) scaleX(0); } 40%{ transform:translateX(-40%) scaleX(0.4); } 100%{ transform:translateX(100%) scaleX(0.5); } } .iui-progress-indicator-radial-ie{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-block; position:relative; box-sizing:border-box; height:100%; width:100%; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-progress-indicator-radial-ie::after{ position:relative; box-sizing:border-box; content:''; width:100%; height:100%; display:inline-block; border:3px solid currentColor; border-radius:100%; background-color:transparent; animation:dash 0.8s linear infinite; border-bottom-color:#C7CCD1; border-bottom-color:var(--iui-color-background-5); } @keyframes dash{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .iui-progress-indicator-radial{ position:relative; display:inline-block; width:32px; height:32px; } .iui-progress-indicator-radial > .iui-radial{ height:100%; width:100%; } .iui-progress-indicator-radial > .iui-radial > circle.iui-fill{ stroke:#008BE1; stroke:var(--iui-color-foreground-primary); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial > .iui-radial > circle.iui-track{ stroke:#C7CCD1; stroke:var(--iui-color-background-5); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial .iui-inner-content{ position:absolute; display:flex; width:calc(100% - 8px); height:calc(100% - 8px); left:50%; top:50%; transform:translate(-50%, -50%); align-items:center; justify-content:center; font-size:12px; -webkit-user-select:none; user-select:none; overflow:hidden; } .iui-progress-indicator-radial .iui-inner-content svg, .iui-progress-indicator-radial .iui-inner-content img{ display:flex; width:16px; height:16px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-progress-indicator-radial .iui-inner-content svg:hover, .iui-progress-indicator-radial .iui-inner-content img:hover{ fill:black; fill:var(--iui-icons-color-actionable-hover); } .iui-progress-indicator-radial.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill, .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{ stroke:#53A21A; stroke:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#53A21A; border-bottom-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{ stroke:#D30A0A; stroke:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#D30A0A; border-bottom-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-x-small{ width:16px; height:16px; } .iui-progress-indicator-radial.iui-x-small .iui-inner-content{ display:none; } .iui-progress-indicator-radial.iui-small{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-large{ width:48px; height:48px; } .iui-progress-indicator-radial.iui-large .iui-inner-content{ font-size:16px; } .iui-progress-indicator-radial.iui-large .iui-inner-content svg, .iui-progress-indicator-radial.iui-large .iui-inner-content img{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{ transform:rotate(-90deg); } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{ stroke-dasharray:88; transition:stroke-dashoffset 0.5s ease-in-out; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{ animation:rotate-indeterminate 2s linear infinite; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{ animation:dash-indeterminate 1.5s ease-in-out infinite; } @keyframes rotate-indeterminate{ 100%{ transform:rotate(360deg); } } @keyframes dash-indeterminate{ 0%{ stroke-dasharray:1, 88; } 50%{ stroke-dasharray:88, 88; stroke-dashoffset:-22; } 100%{ stroke-dasharray:88, 88; stroke-dashoffset:-88; } } .iui-progress-indicator-overlay{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; z-index:10000; pointer-events:none; background-color:rgba(255, 255, 255, 0.8); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-2)); } @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){ .iui-progress-indicator-overlay{ background-color:rgba(255, 255, 255, 0.6); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-3)); backdrop-filter:blur(5px); } } .iui-progress-indicator-overlay:focus, .iui-progress-indicator-overlay:focus-visible{ outline:0; } .iui-progress-indicator-overlay .iui-progress-indicator-linear{ width:50%; max-width:33vw; } @keyframes closeAnimation{ from{ opacity:1; opacity:var(--iui-opacity-1); } to{ opacity:0; } } .iui-progress-indicator-overlay .iui-overlay-exiting{ animation:closeAnimation 0.2s linear; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .core-context-menu-global { position: fixed; width: 0px; height: 0px; z-index: 18000; } .core-context-menu { color: var(--buic-foreground-body); width: 0px; height: 0px; position: relative; z-index: 18000; } .core-context-menu:hover { color: var(--buic-foreground-activehover); cursor: auto; } .core-context-menu .core-context-menu-container { position: absolute; border-radius: 3px; padding: 4px 0; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.2); background-color: var(--buic-background-1); text-overflow: ellipsis; min-width: max-content; max-width: 350px; visibility: hidden; transform: scaleY(0); display: table; border: 1px solid var(--buic-background-divider); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px; } .core-context-menu .core-context-menu-container.core-context-menu-floating { position: fixed; } .core-context-menu .core-context-menu-container.core-context-menu-opened { visibility: inherit; transform-origin: top; transform: scaleY(1); } .core-context-menu .core-context-menu-container.core-context-menu-center { transform: translate(-50%, -50%); } .core-context-menu .core-context-menu-container.core-context-menu-right { transform: translate(0%, -50%); } .core-context-menu .core-context-menu-container.core-context-menu-left { transform: translate(-100%, -50%); } .core-context-menu .core-context-menu-container.core-context-menu-top { transform: translate(-50%, -100%); } .core-context-menu .core-context-menu-container.core-context-menu-top.core-context-menu-right { transform: translate(0%, -100%); } .core-context-menu .core-context-menu-container.core-context-menu-top.core-context-menu-left { transform: translate(-100%, -100%); } .core-context-menu .core-context-menu-container.core-context-menu-bottom { transform: translate(-50%, 0%); } .core-context-menu .core-context-menu-container.core-context-menu-bottom.core-context-menu-right { transform: translate(0%, 0%); } .core-context-menu .core-context-menu-container.core-context-menu-bottom.core-context-menu-left { transform: translate(-100%, 0%); } .core-context-menu .core-context-menu-container .core-context-menu-item { display: flex; cursor: default; padding: 3.3335px 5px; width: calc(100% - 2 * 5px); align-items: center; position: relative; box-sizing: content-box; } .core-context-menu .core-context-menu-container .core-context-menu-item:hover { background-color: var(--buic-row-hover); } .core-context-menu .core-context-menu-container .core-context-menu-item.core-context-menu-is-selected { background-color: var(--buic-row-selection); } .core-context-menu .core-context-menu-container .core-context-menu-item.core-context-menu-disabled { color: var(--buic-foreground-disabled); } .core-context-menu .core-context-menu-container .core-context-menu-item.core-context-menu-hidden { display: none; } .core-context-menu .core-context-menu-container .core-context-menu-item > .core-context-menu-icon { flex-shrink: 0; flex-grow: 0; width: 16px; height: 15.4px; font-size: 16px; line-height: 15.4px; text-align: center; margin-right: 5.5px; opacity: var(--iui-opacity-2); } .core-context-menu .core-context-menu-container .core-context-menu-item > .core-context-menu-icon.core-context-menu-icon-right { margin-left: 5.5px; margin-right: 0; } .core-context-menu .core-context-menu-container .core-context-menu-item > .core-context-menu-content { flex-shrink: 0; flex-grow: 1; font-size: 14px; text-align: left; } .core-context-menu .core-context-menu-container .core-context-menu-item > .core-context-menu-badge { position: absolute; top: 0; left: 0; } .core-context-menu .core-context-menu-container .core-context-menu-item:focus { outline: none; } .core-context-menu .core-context-menu-container:focus { border: 1px solid var(--buic-background-divider); box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px; outline: 0px; } .core-context-menu .core-context-menu-container:focus > .core-context-menu-item.is-selected, .core-context-menu .core-context-menu-container:focus > .context-submenu > .core-context-menu-item.is-selected { background-color: var(--buic-row-hover); } .core-context-menu .core-context-menu-container .core-context-submenu { display: flex; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-top { flex-direction: column; align-items: center; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-left { flex-direction: row-reverse; align-items: center; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-right { flex-direction: row; align-items: center; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-center { flex-direction: column; align-items: center; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-top.core-context-menu-left { flex-direction: column; align-items: flex-start; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-top.core-context-menu-right { flex-direction: row; align-items: flex-end; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-bottom.core-context-menu-left { flex-direction: row-reverse; align-items: flex-start; } .core-context-menu .core-context-menu-container .core-context-submenu.core-context-menu-bottom.core-context-menu-right { flex-direction: row; align-items: flex-start; } .core-context-menu .core-context-menu-container .core-context-submenu .core-context-submenu-container .core-context-submenu-arrow { flex-shrink: 0; flex-grow: 0; margin-left: 5.5px; width: 16px; height: 15.4px; font-size: 8px; line-height: 15.4px; text-align: center; } .core-context-menu .core-context-menu-divider { border-bottom: 1px solid var(--buic-inputs-border); height: 0px; } .core-context-menu .core-context-submenu-popup { transform: translateY(-5px); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-svg-icon { width: 16px; height: 16px; } .core-svg-icon svg { width: 16px; height: 16px; fill: currentColor; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .core-popup { top: 0; left: 0; display: block; box-sizing: border-box; position: absolute; border-radius: 4px; border: 1px solid var(--buic-background-panel-stroke); background: var(--buic-background-panel); color: var(--buic-foreground-body); animation-duration: 0.2s; animation-timing-function: ease; animation-fill-mode: forwards; cursor: default; z-index: 15000; } .core-popup.core-popup-animation-none { animation-duration: 0s; } .core-popup.core-popup-hidden { display: none; } .core-popup.core-animation-ended { animation-name: none; } .core-popup.arrow::after, .core-popup.arrow::before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; color: var(--buic-background-panel); } .core-popup.core-popup-bottom-left.arrow::after, .core-popup.core-popup-bottom-left.arrow::before { bottom: 100%; left: 25%; } .core-popup.core-popup-bottom-right.arrow::after, .core-popup.core-popup-bottom-right.arrow::before { bottom: 100%; left: 75%; } .core-popup.core-popup-bottom.arrow::after, .core-popup.core-popup-bottom.arrow::before { bottom: 100%; left: 50%; } .core-popup.core-popup-top.arrow::after, .core-popup.core-popup-top.arrow::before { top: 100%; left: 50%; } .core-popup.core-popup-top-left.arrow::after, .core-popup.core-popup-top-left.arrow::before { top: 100%; left: 25%; } .core-popup.core-popup-top-right.arrow::after, .core-popup.core-popup-top-right.arrow::before { top: 100%; left: 75%; } .core-popup.core-popup-left.arrow::after, .core-popup.core-popup-left.arrow::before { top: 50%; left: 100%; } .core-popup.core-popup-right.arrow::after, .core-popup.core-popup-right.arrow::before { top: 50%; right: 100%; } .core-popup.core-popup-bottom.arrow::before, .core-popup.core-popup-bottom-left.arrow::before, .core-popup.core-popup-bottom-right.arrow::before { border-bottom-color: inherit; border-width: 9px; margin-left: -9px; } .core-popup.core-popup-top.arrow::before, .core-popup.core-popup-top-left.arrow::before, .core-popup.core-popup-top-right.arrow::before { border-top-color: inherit; border-width: 9px; margin-left: -9px; } .core-popup.core-popup-left.arrow::before { border-left-color: inherit; border-width: 9px; margin-top: -9px; } .core-popup.core-popup-right.arrow::before { border-right-color: inherit; border-width: 9px; margin-top: -9px; } .core-popup.core-popup-bottom.arrow::after, .core-popup.core-popup-bottom-left.arrow::after, .core-popup.core-popup-bottom-right.arrow::after { border-bottom-color: currentColor; border-width: 8px; margin-left: -8px; } .core-popup.core-popup-top.arrow::after, .core-popup.core-popup-top-left.arrow::after, .core-popup.core-popup-top-right.arrow::after { border-top-color: currentColor; border-width: 8px; margin-left: -8px; } .core-popup.core-popup-left.arrow::after { border-left-color: currentColor; border-width: 8px; margin-top: -8px; } .core-popup.core-popup-right.arrow::after { border-right-color: currentColor; border-width: 8px; margin-top: -8px; } .core-popup-shadow { box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25); background-clip: padding-box; } .core-popup-top-left { transform-origin: left bottom 0px; animation-name: animate-corner; } .core-popup-top-right { transform-origin: right bottom 0px; animation-name: animate-corner; } .core-popup-bottom-left { transform-origin: left top 0px; animation-name: animate-corner; } .core-popup-bottom-right { transform-origin: right top 0px; animation-name: animate-corner; } .core-popup-left { transform-origin: right; animation-name: animate-horizontal; } .core-popup-left-top { transform-origin: right top 0px; animation-name: animate-corner; } .core-popup-right { transform-origin: left; animation-name: animate-horizontal; } .core-popup-right-top { transform-origin: left top 0px; animation-name: animate-corner; } .core-popup-top { transform-origin: bottom; animation-name: animate-vertical; } .core-popup-bottom { transform-origin: top; animation-name: animate-vertical; } @keyframes animate-vertical { from { visibility: hidden; transform: scale(1, 0.5); } to { visibility: visible; transform: scale(1); } } @keyframes animate-corner { from { visibility: hidden; transform: scale(0.5, 0.5); } to { visibility: visible; transform: scale(1, 1); } } @keyframes animate-horizontal { from { visibility: hidden; transform: scale(0.5, 1); } to { visibility: visible; transform: scale(1, 1); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-dialog { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; display: none; position: fixed; z-index: 14000; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .core-dialog.core-dialog-opened { display: block; } .core-dialog.core-dialog-hidden { width: 0; height: 0; } .core-dialog .core-dialog-container { position: fixed; margin: auto; width: 60%; display: flex; flex-direction: column; height: -moz-fit-content; height: fit-content; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .core-dialog .core-dialog-container.core-dialog-top-left { top: 0; left: 0; } .core-dialog .core-dialog-container.core-dialog-top { top: 0; left: 0; right: 0; } .core-dialog .core-dialog-container.core-dialog-top-right { top: 0; right: 0; } .core-dialog .core-dialog-container.core-dialog-left { left: 0; top: 50%; transform: translateY(-50%); } .core-dialog .core-dialog-container.core-dialog-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .core-dialog .core-dialog-container.core-dialog-right { right: 0; top: 50%; transform: translateY(-50%); } .core-dialog .core-dialog-container.core-dialog-bottom-left { bottom: 0; left: 0; } .core-dialog .core-dialog-container.core-dialog-bottom { bottom: 0; left: 0; right: 0; } .core-dialog .core-dialog-container.core-dialog-bottom-right { bottom: 0; right: 0; } .core-dialog .core-dialog-container .core-dialog-area { position: relative; display: flex; flex-grow: 1; flex-direction: column; border: 1px solid var(--buic-background-dialog-stroke); border-radius: 3px; background: var(--iui-color-background-2-opacity); color: var(--buic-foreground-body); padding: 0; /* &:focus-within { .core-dialog-head { background-color: $buic-background-titlebar; } } */ } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head { flex-shrink: 0; align-items: center; background-color: var(--buic-background-titlebar); /* $buic-background-titlebar-outoffocus; */ color: var(--iui-operateBtn-icons-color); display: flex; padding: 4px; /* padding: $uicore-unbordered-padding; */ } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head.core-dialog-movable { cursor: move; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head > .core-dialog-title { flex: 1 1; margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 16px; font-weight: 400; line-height: 22px; margin: 0; margin-left: 4px; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head.core-dialog-modal { background-color: var(--buic-background-dialog); } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head.core-dialog-modal > .core-dialog-title { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 18px; font-weight: 400; line-height: 33px; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head > .core-dialog-close { cursor: pointer; height: 24px; width: 24px; line-height: 24px; flex: 0 0 32px; text-align: center; color: var(--iui-operateBtn-icons-color); border: none; background-color: transparent; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head > .core-dialog-close:hover, .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head > .core-dialog-close:focus { color: var(--buic-foreground-activehover); } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-head > .core-dialog-close:focus { outline: 1px solid var(--buic-foreground-focus); } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content { overflow: auto; flex: 1 1; margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 14px; font-weight: 400; line-height: 22px; padding: 0; margin: 0 0 22px; padding: 5.5px; margin: 0; } @supports (-webkit-overflow-scrolling: touch) { .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content::-webkit-scrollbar { width: 12px; height: 12px; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content::-webkit-scrollbar-corner { background-color: transparent; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content.core-dialog-content-no-inset { padding: 0; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-footer { flex-shrink: 0; padding: 0 5.5px 5.5px 5.5px; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-footer > .core-dialog-buttons { display: flex; justify-content: flex-end; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-footer > .core-dialog-buttons > * { min-width: 80px; } .core-dialog .core-dialog-container .core-dialog-area > .core-dialog-footer > .core-dialog-buttons > *:not(:first-child) { margin-left: 4.4px; } .core-dialog .core-dialog-container .core-dialog-drag { position: absolute; z-index: auto; padding: 0px; } .core-dialog .core-dialog-container .core-dialog-drag:not(.core-dialog-drag-enabled) { display: none; } .core-dialog .core-dialog-container .core-dialog-drag.core-dialog-drag-right { right: -4px; width: 8px; height: 100%; cursor: ew-resize; } .core-dialog .core-dialog-container .core-dialog-drag.core-dialog-drag-bottom-mid { bottom: -4px; height: 8px; width: 100%; cursor: ns-resize; } .core-dialog .core-dialog-container .core-dialog-drag.core-dialog-drag-bottom-right { right: -4px; bottom: -4px; height: 8px; width: 8px; cursor: nwse-resize; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } .core-element-separator { touch-action: none; display: inline-block; border-style: none; padding: 0px; opacity: 0; z-index: 1; } .core-element-separator--vertical { width: 100%; cursor: row-resize; background: linear-gradient(to bottom, transparent calc(50% - 1px), var(--buic-foreground-primary) 50%, transparent calc(50% + 1px)); } .core-element-separator--horizontal { height: 100%; cursor: col-resize; background: linear-gradient(to right, transparent calc(50% - 1px), var(--buic-foreground-primary) 50%, transparent calc(50% + 1px)); } .core-element-separator.core-element-separator-group-hovered { animation: fade-in 0.2s; opacity: 1; } .core-element-separator.core-element-separator-group-unhovered { animation: fade-out 0.2s; opacity: 0; } .core-element-separator:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-expandable-blocks-list > div { transition: margin 0.2s ease-in-out; } .uicore-expandable-blocks-list > div > .iui-header { border-color: #dce0e3 transparent transparent; } .uicore-expandable-blocks-list > div:first-child > .iui-header { border-top-color: transparent; } .uicore-expandable-blocks-list > .iui-expanded + div > .iui-header { border-top-color: transparent; } .uicore-expandable-blocks-list > .iui-expanded + div.iui-expanded > .iui-header { border-top-color: #008be1; } .uicore-expandable-blocks-list > .iui-expanded + .iui-expanded { margin-top: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-expandable-blocks-block { background-color: var(--buic-background-control); border: solid 1px var(--buic-background-control-stroke); border-radius: 3px; position: relative; } .uicore-expandable-blocks-block > .header { padding: 4px 2px; background: var(--buic-background-control); transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; cursor: pointer; } .uicore-expandable-blocks-block > .header > .icon-container { line-height: 22px; width: 22px; height: 22px; font-size: 10px; float: left; display: flex; align-items: center; justify-content: center; margin-right: 2px; color: var(--buic-foreground-body); transition: 0.2s ease-in-out; } .uicore-expandable-blocks-block > .header > .caption { text-decoration: none; color: var(--buic-foreground-body); font-size: 12px; font-weight: 400; line-height: 22px; color: var(--buic-foreground-body); display: block; color: var(--buic-foreground-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .uicore-expandable-blocks-block > .header > .caption:link, .uicore-expandable-blocks-block > .header > .caption:visited, .uicore-expandable-blocks-block > .header > .caption:hover, .uicore-expandable-blocks-block > .header > .caption:active { color: var(--buic-foreground-body); text-decoration: none; } .uicore-expandable-blocks-block > .header > .title { text-decoration: none; color: var(--buic-foreground-body); font-size: 18px; font-weight: 400; line-height: 33px; color: var(--buic-foreground-body); font-size: 14px; line-height: 23px; display: block; margin: 0; color: var(--buic-foreground-body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.2s ease-in-out; } .uicore-expandable-blocks-block > .header > .title:link, .uicore-expandable-blocks-block > .header > .title:visited, .uicore-expandable-blocks-block > .header > .title:hover, .uicore-expandable-blocks-block > .header > .title:active { color: var(--buic-foreground-body); text-decoration: none; } .uicore-expandable-blocks-block > .header:focus { background-color: var(--buic-background-focus-overlay); outline: none; } .uicore-expandable-blocks-block > .content { padding: 0; margin: 0; border: 0 none transparent; transition: padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out; } .uicore-expandable-blocks-block.with-caption > .header > .icon-container { margin-top: 11px; } .uicore-expandable-blocks-block.is-collapsed > .content > * { display: none; } .uicore-expandable-blocks-block:hover > .header > .icon-container { color: var(--buic-foreground-activehover); } .uicore-expandable-blocks-block:hover > .header > .caption, .uicore-expandable-blocks-block:hover > .header > .title { color: var(--buic-foreground-activehover); } .uicore-expandable-blocks-block.is-expanded { border-top: 1px solid var(--buic-foreground-primary); } .uicore-expandable-blocks-block.is-expanded > .header { transition: 0.2s ease-in-out; } .uicore-expandable-blocks-block.is-expanded > .header > .icon-container, .uicore-expandable-blocks-block.is-expanded > .header > .caption, .uicore-expandable-blocks-block.is-expanded > .header > .title { color: var(--buic-foreground-primary); } .uicore-expandable-blocks-block.is-expanded > .header > .icon-container { transform: rotate(90deg); transform-origin: center; } .uicore-expandable-blocks-block.is-expanded > .header > .title { transition: 0.2s ease-in-out; } .uicore-expandable-blocks-block.is-expanded:hover > .header > .icon-container, .uicore-expandable-blocks-block.is-expanded:hover > .header > .title { color: var(--buic-foreground-primary); } .uicore-expandable-blocks-block.is-expanded > .content { padding: 0; background-color: var(--buic-background-control); border-style: none; } .uicore-expandable-blocks-block.is-expanded:before { content: ""; position: absolute; top: 0; height: 1px; width: 100%; background: var(--buic-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-form-wrapper { padding: 8px; padding-bottom: 0; } .core-form-group { display: flex; flex-direction: column; margin-bottom: 14px; } .core-form-label { padding: 0; padding-bottom: 4px; margin: 0; border: 0 none transparent; display: block; font-size: 14px; line-height: 22px; text-align: left; color: var(--buic-foreground-body); } .core-form-input { line-height: 22px; } .core-form-textarea { line-height: 22px; } .core-form-select { line-height: 22px; height: 27.94px; width: -moz-fit-content; width: fit-content; min-width: 20%; } .core-form-footer { flex-shrink: 0; padding-bottom: 0; } .core-form-footer > .core-form-buttons { display: flex; justify-content: flex-end; } .core-form-footer > .core-form-buttons > * { min-width: 80px; font-size: 16px; } .core-form-footer > .core-form-buttons > *:not(:first-child) { margin-left: 4.4px; } .core-form-alert { padding: 0.75rem; margin-top: 0.5rem; margin-bottom: 0.25rem; border: 1px solid transparent; border-radius: 0.25rem; color: var(--buic-accessory-alert); background-color: var(--buic-accessory-alert-tint); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-menu{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); list-style-type:none; -webkit-user-select:none; user-select:none; width:100%; margin:0; padding:0; } .iui-menu .iui-header-menu-icon{ margin:0 4px; } .iui-menu div.iui-header-menu-icon{ margin:0; width:24px; height:24px; border-radius:3px; } .iui-menu.iui-scroll{ overflow-y:auto; overflow-y:overlay; } .iui-menu-item{ display:flex; align-items:center; font-size:14px; padding:0 13px; height:38px; cursor:pointer; box-sizing:border-box; line-height:normal; } .iui-menu-item + .iui-menu-item{ margin-top:-1px; } .iui-menu-item .iui-content, .iui-menu-item .iui-menu-label, .iui-menu-item .iui-menu-description{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-menu-item .iui-content{ flex:1 1 auto; } .iui-menu-item .iui-content + .iui-icon{ margin-right:0; margin-left:8px; } .iui-menu-item .iui-menu-description{ display:none; font-size:12px; opacity:0.6; opacity:var(--iui-opacity-3); } .iui-menu-item > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-menu-item > .iui-icon + .iui-content{ margin-left:8px; } .iui-menu-item:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-menu-item:focus, .iui-menu-item.iui-focused{ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item:focus:not(:focus-visible){ outline:none; } .iui-menu-item.iui-large{ height:49px; } .iui-menu-item.iui-large .iui-menu-description{ display:block; } .iui-menu-item.iui-active, .iui-menu-item.iui-active:hover{ background-color:rgba(0, 139, 225, 0.2); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-active > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{ outline-width:2px; outline-offset:-2px; } .iui-menu-item.iui-active:focus:not(:focus-visible){ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-disabled, .iui-menu-item.iui-disabled:hover{ cursor:not-allowed; outline:none; background-color:#FFF; color:rgba(0, 0, 0, 0.2); background-color:var(--iui-color-background-1); color:var(--iui-text-color-placeholder); } .iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-menu-content{ padding:11px 13px; } .iui-menu-divider{ height:1px; width:calc(100% - 24px); margin:1px auto; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .bui-webfont-icon { font-family: bentley-icons-generic-webfont !important; speak: none; font-style: normal; font-weight: normal !important; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "bentley-icons-generic-webfont"; src: url(/static/media/bentley-icons-generic-webfont.62f83a7a.eot?#iefix) format("embedded-opentype"), url(/static/media/bentley-icons-generic-webfont.65a7dd1c.woff2) format("woff2"), url(/static/media/bentley-icons-generic-webfont.fbd8ab02.woff) format("woff"), url(/static/media/bentley-icons-generic-webfont.45027155.ttf) format("truetype"), url(/static/media/bentley-icons-generic-webfont.a546f44d.svg#bentley-icons-generic-webfont) format("svg"); } .icon { font-family: bentley-icons-generic-webfont !important; speak: none; font-style: normal; font-weight: normal !important; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-2d:before { content: "\f101"; } .icon-3d-photo:before { content: "\f102"; } .icon-3d-render:before { content: "\f103"; } .icon-3d:before { content: "\f104"; } .icon-accusnaps:before { content: "\f105"; } .icon-active:before { content: "\f106"; } .icon-activity:before { content: "\f107"; } .icon-add-circular:before { content: "\f108"; } .icon-add:before { content: "\f109"; } .icon-airplane:before { content: "\f10a"; } .icon-airport:before { content: "\f10b"; } .icon-alarm-alarm:before { content: "\f10c"; } .icon-alarm-critical-alarm:before { content: "\f10d"; } .icon-alarm-early-warning:before { content: "\f10e"; } .icon-alarm-priority-1:before { content: "\f10f"; } .icon-alarm-priority-2:before { content: "\f110"; } .icon-alarm-priority-3:before { content: "\f111"; } .icon-alarm-priority-4:before { content: "\f112"; } .icon-alarm-warning:before { content: "\f113"; } .icon-alarms-alarm:before { content: "\f114"; } .icon-alarms-critical-alarm:before { content: "\f115"; } .icon-alarms-early-warning:before { content: "\f116"; } .icon-alarms-priority-1:before { content: "\f117"; } .icon-alarms-priority-2:before { content: "\f118"; } .icon-alarms-priority-3:before { content: "\f119"; } .icon-alarms-priority-4:before { content: "\f11a"; } .icon-alarms-warning:before { content: "\f11b"; } .icon-align-align-bottom:before { content: "\f11c"; } .icon-align-align-center-horizontal:before { content: "\f11d"; } .icon-align-align-center-vertical:before { content: "\f11e"; } .icon-align-align-left:before { content: "\f11f"; } .icon-align-align-right:before { content: "\f120"; } .icon-align-align-top:before { content: "\f121"; } .icon-angle-measure:before { content: "\f122"; } .icon-annotation-add:before { content: "\f123"; } .icon-annotation-info:before { content: "\f124"; } .icon-annotation-manager:before { content: "\f125"; } .icon-annotation-settings:before { content: "\f126"; } .icon-annotation-show:before { content: "\f127"; } .icon-annotation:before { content: "\f128"; } .icon-app-1:before { content: "\f129"; } .icon-app-2:before { content: "\f12a"; } .icon-app-launcher:before { content: "\f12b"; } .icon-applications:before { content: "\f12c"; } .icon-apps-assetwise-2:before { content: "\f12d"; } .icon-apps-assetwise:before { content: "\f12e"; } .icon-apps-connect:before { content: "\f12f"; } .icon-apps-issue-resolution:before { content: "\f130"; } .icon-apps-itwin:before { content: "\f131"; } .icon-apps-projectwise:before { content: "\f132"; } .icon-apps-sharepoint-2:before { content: "\f133"; } .icon-apps-sharepoint:before { content: "\f134"; } .icon-archived:before { content: "\f135"; } .icon-arrow-down:before { content: "\f136"; } .icon-arrow-left:before { content: "\f137"; } .icon-arrow-right:before { content: "\f138"; } .icon-arrow-up:before { content: "\f139"; } .icon-asset-classification-hide:before { content: "\f13a"; } .icon-asset-isolate:before { content: "\f13b"; } .icon-attach:before { content: "\f13c"; } .icon-automatic:before { content: "\f13d"; } .icon-automation:before { content: "\f13e"; } .icon-away:before { content: "\f13f"; } .icon-basket:before { content: "\f140"; } .icon-bentley-systems:before { content: "\f141"; } .icon-blank:before { content: "\f142"; } .icon-bolt-2:before { content: "\f143"; } .icon-bookmark:before { content: "\f144"; } .icon-boundary-offset:before { content: "\f145"; } .icon-browse-2:before { content: "\f146"; } .icon-browse:before { content: "\f147"; } .icon-calendar:before { content: "\f148"; } .icon-callout:before { content: "\f149"; } .icon-camera-animation-disabled:before { content: "\f14a"; } .icon-camera-animation:before { content: "\f14b"; } .icon-camera-eye:before { content: "\f14c"; } .icon-camera-location:before { content: "\f14d"; } .icon-camera:before { content: "\f14e"; } .icon-caret-down-2:before { content: "\f14f"; } .icon-caret-down:before { content: "\f150"; } .icon-caret-left:before { content: "\f151"; } .icon-caret-right:before { content: "\f152"; } .icon-caret-up-2:before { content: "\f153"; } .icon-caret-up:before { content: "\f154"; } .icon-cell:before { content: "\f155"; } .icon-charts:before { content: "\f156"; } .icon-chat-new:before { content: "\f157"; } .icon-chat:before { content: "\f158"; } .icon-check-in-document:before { content: "\f159"; } .icon-check-in:before { content: "\f15a"; } .icon-check-out-document:before { content: "\f15b"; } .icon-check-out:before { content: "\f15c"; } .icon-checkbox-deselect:before { content: "\f15d"; } .icon-checkbox-select:before { content: "\f15e"; } .icon-checkmark:before { content: "\f15f"; } .icon-chevron-down:before { content: "\f160"; } .icon-chevron-left:before { content: "\f161"; } .icon-chevron-right:before { content: "\f162"; } .icon-chevron-up:before { content: "\f163"; } .icon-circle:before { content: "\f164"; } .icon-clear-day:before { content: "\f165"; } .icon-clear-night:before { content: "\f166"; } .icon-clipboard:before { content: "\f167"; } .icon-clipboard-copy-2:before { content: "\f168"; } .icon-clipboard-copy-3:before { content: "\f169"; } .icon-clipboard-copy:before { content: "\f16a"; } .icon-clipboard-cut:before { content: "\f16b"; } .icon-clipboard-paste-2:before { content: "\f16c"; } .icon-clipboard-paste:before { content: "\f16d"; } .icon-clock:before { content: "\f16e"; } .icon-close-2:before { content: "\f16f"; } .icon-close-circular:before { content: "\f170"; } .icon-close:before { content: "\f171"; } .icon-cloud-download:before { content: "\f172"; } .icon-cloud-upload:before { content: "\f173"; } .icon-cloud:before { content: "\f174"; } .icon-clouds-broken:before { content: "\f175"; } .icon-clouds-scattered-day:before { content: "\f176"; } .icon-clouds-scattered-night:before { content: "\f177"; } .icon-coating-system-concrete:before { content: "\f178"; } .icon-coating-system-steelwork:before { content: "\f179"; } .icon-collapse-all:before { content: "\f17a"; } .icon-collapse:before { content: "\f17b"; } .icon-comments-add:before { content: "\f17c"; } .icon-comments:before { content: "\f17d"; } .icon-compare:before { content: "\f17e"; } .icon-computer:before { content: "\f17f"; } .icon-concrete-block:before { content: "\f180"; } .icon-consequence-failure:before { content: "\f181"; } .icon-construction-work-area:before { content: "\f182"; } .icon-convert:before { content: "\f183"; } .icon-crop:before { content: "\f184"; } .icon-cross-section-alignment:before { content: "\f185"; } .icon-cross-section-dynamic:before { content: "\f186"; } .icon-cross-section:before { content: "\f187"; } .icon-cube-faces-bottom:before { content: "\f188"; } .icon-cube-faces-front:before { content: "\f189"; } .icon-cube-faces-iso-left:before { content: "\f18a"; } .icon-cube-faces-iso-right:before { content: "\f18b"; } .icon-cube-faces-left:before { content: "\f18c"; } .icon-cube-faces-none:before { content: "\f18d"; } .icon-cube-faces-rear:before { content: "\f18e"; } .icon-cube-faces-right:before { content: "\f18f"; } .icon-cube-faces-top:before { content: "\f190"; } .icon-cursor-click:before { content: "\f191"; } .icon-cursor:before { content: "\f192"; } .icon-dashboard-2:before { content: "\f193"; } .icon-data-visualization:before { content: "\f194"; } .icon-database:before { content: "\f195"; } .icon-delete:before { content: "\f196"; } .icon-deliverable:before { content: "\f197"; } .icon-design-review:before { content: "\f198"; } .icon-details:before { content: "\f199"; } .icon-developer:before { content: "\f19a"; } .icon-disconnect:before { content: "\f19b"; } .icon-distance:before { content: "\f19c"; } .icon-distribute-distribute-bottom:before { content: "\f19d"; } .icon-distribute-distribute-center-horizontal:before { content: "\f19e"; } .icon-distribute-distribute-center-vertical:before { content: "\f19f"; } .icon-distribute-distribute-left:before { content: "\f1a0"; } .icon-distribute-distribute-right:before { content: "\f1a1"; } .icon-distribute-distribute-top:before { content: "\f1a2"; } .icon-document-compare:before { content: "\f1a3"; } .icon-document-lock:before { content: "\f1a4"; } .icon-document-reference:before { content: "\f1a5"; } .icon-document-set:before { content: "\f1a6"; } .icon-document:before { content: "\f1a7"; } .icon-documentation:before { content: "\f1a8"; } .icon-download:before { content: "\f1a9"; } .icon-drag:before { content: "\f1aa"; } .icon-draw:before { content: "\f1ab"; } .icon-duplicate:before { content: "\f1ac"; } .icon-ec-class:before { content: "\f1ad"; } .icon-ec-schema:before { content: "\f1ae"; } .icon-edit-all:before { content: "\f1af"; } .icon-edit-object:before { content: "\f1b0"; } .icon-edit:before { content: "\f1b1"; } .icon-element:before { content: "\f1b2"; } .icon-ellipse:before { content: "\f1b3"; } .icon-email-at:before { content: "\f1b4"; } .icon-email:before { content: "\f1b5"; } .icon-exit:before { content: "\f1b6"; } .icon-expand-all:before { content: "\f1b7"; } .icon-expand:before { content: "\f1b8"; } .icon-export:before { content: "\f1b9"; } .icon-external-apps:before { content: "\f1ba"; } .icon-eyedropper-drop:before { content: "\f1bb"; } .icon-eyedropper-filled:before { content: "\f1bc"; } .icon-eyedropper:before { content: "\f1bd"; } .icon-feedback:before { content: "\f1be"; } .icon-file-types-amim:before { content: "\f1bf"; } .icon-file-types-archive:before { content: "\f1c0"; } .icon-file-types-audio:before { content: "\f1c1"; } .icon-file-types-autocad:before { content: "\f1c2"; } .icon-file-types-creative-cloud:before { content: "\f1c3"; } .icon-file-types-dgn-db-2:before { content: "\f1c4"; } .icon-file-types-dgn-db:before { content: "\f1c5"; } .icon-file-types-document:before { content: "\f1c6"; } .icon-file-types-dwg:before { content: "\f1c7"; } .icon-file-types-forms-shared-help:before { content: "\f1c8"; } .icon-file-types-forms-shared-success:before { content: "\f1c9"; } .icon-file-types-forms-shared:before { content: "\f1ca"; } .icon-file-types-forms-unshared-help:before { content: "\f1cb"; } .icon-file-types-forms-unshared-success:before { content: "\f1cc"; } .icon-file-types-image:before { content: "\f1cd"; } .icon-file-types-microstation:before { content: "\f1ce"; } .icon-file-types-mism:before { content: "\f1cf"; } .icon-file-types-msg:before { content: "\f1d0"; } .icon-file-types-pdf-markup:before { content: "\f1d1"; } .icon-file-types-pdf:before { content: "\f1d2"; } .icon-file-types-ppt:before { content: "\f1d3"; } .icon-file-types-raster:before { content: "\f1d4"; } .icon-file-types-revit:before { content: "\f1d5"; } .icon-file-types-rfa:before { content: "\f1d6"; } .icon-file-types-sketchup:before { content: "\f1d7"; } .icon-file-types-system:before { content: "\f1d8"; } .icon-file-types-txt-2:before { content: "\f1d9"; } .icon-file-types-txt:before { content: "\f1da"; } .icon-file-types-unknown:before { content: "\f1db"; } .icon-file-types-vector:before { content: "\f1dc"; } .icon-file-types-video:before { content: "\f1dd"; } .icon-file-types-visio:before { content: "\f1de"; } .icon-file-types-word:before { content: "\f1df"; } .icon-file-types-xls:before { content: "\f1e0"; } .icon-filter-outlined:before { content: "\f1e1"; } .icon-filter:before { content: "\f1e2"; } .icon-find:before { content: "\f1e3"; } .icon-fire-extinguisher:before { content: "\f1e4"; } .icon-fit-to-view:before { content: "\f1e5"; } .icon-flag-2:before { content: "\f1e6"; } .icon-flag:before { content: "\f1e7"; } .icon-folder-add:before { content: "\f1e8"; } .icon-folder-chevron-down:before { content: "\f1e9"; } .icon-folder-chevron-up:before { content: "\f1ea"; } .icon-folder-export:before { content: "\f1eb"; } .icon-folder-import:before { content: "\f1ec"; } .icon-folder-large:before { content: "\f1ed"; } .icon-folder-lock:before { content: "\f1ee"; } .icon-folder-opened:before { content: "\f1ef"; } .icon-folder-remove-2:before { content: "\f1f0"; } .icon-folder-remove:before { content: "\f1f1"; } .icon-folder-shortcut:before { content: "\f1f2"; } .icon-folder:before { content: "\f1f3"; } .icon-font-bold:before { content: "\f1f4"; } .icon-font-color:before { content: "\f1f5"; } .icon-font-italic:before { content: "\f1f6"; } .icon-font-size:before { content: "\f1f7"; } .icon-function:before { content: "\f1f8"; } .icon-gesture-one-finger-drag:before { content: "\f1f9"; } .icon-gesture-one-finger-tap-double:before { content: "\f1fa"; } .icon-gesture-one-finger-tap:before { content: "\f1fb"; } .icon-gesture-pinch:before { content: "\f1fc"; } .icon-gesture-touch:before { content: "\f1fd"; } .icon-gesture-two-finger-drag:before { content: "\f1fe"; } .icon-gesture-two-finger-tap:before { content: "\f1ff"; } .icon-gesture-two-finger:before { content: "\f200"; } .icon-globe:before { content: "\f201"; } .icon-graph-bar:before { content: "\f202"; } .icon-graph-pie-chart:before { content: "\f203"; } .icon-graph-scatter-chart:before { content: "\f204"; } .icon-graph:before { content: "\f205"; } .icon-group-ungroup:before { content: "\f206"; } .icon-group:before { content: "\f207"; } .icon-gyroscope:before { content: "\f208"; } .icon-hand-2:before { content: "\f209"; } .icon-help-hollow:before { content: "\f20a"; } .icon-help:before { content: "\f20b"; } .icon-hierarchy-tree:before { content: "\f20c"; } .icon-history:before { content: "\f20d"; } .icon-home:before { content: "\f20e"; } .icon-hourglass:before { content: "\f20f"; } .icon-hub:before { content: "\f210"; } .icon-i-beam:before { content: "\f211"; } .icon-image-2:before { content: "\f212"; } .icon-image:before { content: "\f213"; } .icon-imodel-2:before { content: "\f214"; } .icon-imodel-hollow-2:before { content: "\f215"; } .icon-imodel-hollow:before { content: "\f216"; } .icon-imodel-hub-sync:before { content: "\f217"; } .icon-imodel-hub:before { content: "\f218"; } .icon-imodel-schema:before { content: "\f219"; } .icon-imodel:before { content: "\f21a"; } .icon-imodeljs:before { content: "\f21b"; } .icon-import:before { content: "\f21c"; } .icon-important-very:before { content: "\f21d"; } .icon-important:before { content: "\f21e"; } .icon-info-2:before { content: "\f21f"; } .icon-info-hollow:before { content: "\f220"; } .icon-info:before { content: "\f221"; } .icon-install:before { content: "\f222"; } .icon-isolate:before { content: "\f223"; } .icon-issue-report:before { content: "\f224"; } .icon-issue-resolution-add:before { content: "\f225"; } .icon-issue-resolution:before { content: "\f226"; } .icon-item:before { content: "\f227"; } .icon-itwin-mapping:before { content: "\f228"; } .icon-label:before { content: "\f229"; } .icon-layers-hide:before { content: "\f22a"; } .icon-layers-isolate:before { content: "\f22b"; } .icon-layers:before { content: "\f22c"; } .icon-lightbulb-2:before { content: "\f22d"; } .icon-lightbulb:before { content: "\f22e"; } .icon-line:before { content: "\f22f"; } .icon-link:before { content: "\f230"; } .icon-list:before { content: "\f231"; } .icon-location:before { content: "\f232"; } .icon-lock-unlocked:before { content: "\f233"; } .icon-lock:before { content: "\f234"; } .icon-manager:before { content: "\f235"; } .icon-map:before { content: "\f236"; } .icon-measure-2d-hide:before { content: "\f237"; } .icon-measure-2d-show:before { content: "\f238"; } .icon-measure-2d:before { content: "\f239"; } .icon-measure-3d:before { content: "\f23a"; } .icon-measure-angle:before { content: "\f23b"; } .icon-measure-arc:before { content: "\f23c"; } .icon-measure-area:before { content: "\f23d"; } .icon-measure-clear-3:before { content: "\f23e"; } .icon-measure-clear:before { content: "\f23f"; } .icon-measure-distance:before { content: "\f240"; } .icon-measure-location:before { content: "\f241"; } .icon-measure-perpendicular:before { content: "\f242"; } .icon-measure-station:before { content: "\f243"; } .icon-measure:before { content: "\f244"; } .icon-media-controls-circular-pause:before { content: "\f245"; } .icon-media-controls-circular-play:before { content: "\f246"; } .icon-media-controls-circular-stop:before { content: "\f247"; } .icon-media-controls-fast-backward:before { content: "\f248"; } .icon-media-controls-fast-forward:before { content: "\f249"; } .icon-media-controls-frame-backward:before { content: "\f24a"; } .icon-media-controls-frame-forward:before { content: "\f24b"; } .icon-media-controls-go-to-end:before { content: "\f24c"; } .icon-media-controls-go-to-start:before { content: "\f24d"; } .icon-media-controls-loop:before { content: "\f24e"; } .icon-media-controls-pause:before { content: "\f24f"; } .icon-media-controls-play-backward:before { content: "\f250"; } .icon-media-controls-play-section:before { content: "\f251"; } .icon-media-controls-play:before { content: "\f252"; } .icon-media-controls-record:before { content: "\f253"; } .icon-media-controls-stop:before { content: "\f254"; } .icon-menu:before { content: "\f255"; } .icon-merge:before { content: "\f256"; } .icon-mist:before { content: "\f257"; } .icon-model-hide:before { content: "\f258"; } .icon-model-isolate:before { content: "\f259"; } .icon-model:before { content: "\f25a"; } .icon-more-2:before { content: "\f25b"; } .icon-more-circular-vertical:before { content: "\f25c"; } .icon-more-circular:before { content: "\f25d"; } .icon-more-vertical-2:before { content: "\f25e"; } .icon-more-vertical-circular:before { content: "\f25f"; } .icon-more-vertical:before { content: "\f260"; } .icon-more:before { content: "\f261"; } .icon-mouse-click-left:before { content: "\f262"; } .icon-mouse-click-right:before { content: "\f263"; } .icon-mouse-click-wheel:before { content: "\f264"; } .icon-mouse-click:before { content: "\f265"; } .icon-move-2:before { content: "\f266"; } .icon-move-below:before { content: "\f267"; } .icon-move:before { content: "\f268"; } .icon-network:before { content: "\f269"; } .icon-new:before { content: "\f26a"; } .icon-node-query-connected:before { content: "\f26b"; } .icon-node-query-disconnected:before { content: "\f26c"; } .icon-node-query-downstream:before { content: "\f26d"; } .icon-node-query-multi:before { content: "\f26e"; } .icon-node-query-upstream:before { content: "\f26f"; } .icon-notification-settings:before { content: "\f270"; } .icon-notification:before { content: "\f271"; } .icon-paintbrush:before { content: "\f272"; } .icon-palette:before { content: "\f273"; } .icon-panorama-model:before { content: "\f274"; } .icon-panorama:before { content: "\f275"; } .icon-perspective:before { content: "\f276"; } .icon-pin:before { content: "\f277"; } .icon-placeholder:before { content: "\f278"; } .icon-plan-drawing:before { content: "\f279"; } .icon-plan-floor:before { content: "\f27a"; } .icon-plane:before { content: "\f27b"; } .icon-polygon:before { content: "\f27c"; } .icon-print-preview:before { content: "\f27d"; } .icon-print-settings:before { content: "\f27e"; } .icon-print:before { content: "\f27f"; } .icon-probability-failure:before { content: "\f280"; } .icon-probability:before { content: "\f281"; } .icon-process:before { content: "\f282"; } .icon-profile:before { content: "\f283"; } .icon-progress-backward-2:before { content: "\f284"; } .icon-progress-backward-3:before { content: "\f285"; } .icon-progress-backward:before { content: "\f286"; } .icon-progress-forward-2:before { content: "\f287"; } .icon-progress-forward-3:before { content: "\f288"; } .icon-progress-forward:before { content: "\f289"; } .icon-project-large:before { content: "\f28a"; } .icon-properties-list:before { content: "\f28b"; } .icon-properties:before { content: "\f28c"; } .icon-puzzle:before { content: "\f28d"; } .icon-pw-project:before { content: "\f28e"; } .icon-pw-workarea:before { content: "\f28f"; } .icon-quantities:before { content: "\f290"; } .icon-rain-day:before { content: "\f291"; } .icon-rain-night:before { content: "\f292"; } .icon-rain-shower:before { content: "\f293"; } .icon-range:before { content: "\f294"; } .icon-re-center:before { content: "\f295"; } .icon-read-only:before { content: "\f296"; } .icon-records:before { content: "\f297"; } .icon-rectangle:before { content: "\f298"; } .icon-redo:before { content: "\f299"; } .icon-refresh:before { content: "\f29a"; } .icon-remove-2:before { content: "\f29b"; } .icon-remove:before { content: "\f29c"; } .icon-rename:before { content: "\f29d"; } .icon-reorder:before { content: "\f29e"; } .icon-repair:before { content: "\f29f"; } .icon-replace:before { content: "\f2a0"; } .icon-reporting-alignment-data:before { content: "\f2a1"; } .icon-reports:before { content: "\f2a2"; } .icon-road:before { content: "\f2a3"; } .icon-rotate-left:before { content: "\f2a4"; } .icon-rotate-right:before { content: "\f2a5"; } .icon-rotate:before { content: "\f2a6"; } .icon-rules:before { content: "\f2a7"; } .icon-safetibase:before { content: "\f2a8"; } .icon-save-as:before { content: "\f2a9"; } .icon-save-settings:before { content: "\f2aa"; } .icon-save-update:before { content: "\f2ab"; } .icon-save:before { content: "\f2ac"; } .icon-saved-searches:before { content: "\f2ad"; } .icon-saved-view-annotate:before { content: "\f2ae"; } .icon-saved-view-chat:before { content: "\f2af"; } .icon-saved-view:before { content: "\f2b0"; } .icon-saved-views-move:before { content: "\f2b1"; } .icon-scale-2:before { content: "\f2b2"; } .icon-scale:before { content: "\f2b3"; } .icon-screenshare-stop:before { content: "\f2b4"; } .icon-screenshare:before { content: "\f2b5"; } .icon-script-run:before { content: "\f2b6"; } .icon-script-status:before { content: "\f2b7"; } .icon-script:before { content: "\f2b8"; } .icon-search:before { content: "\f2b9"; } .icon-section-clear:before { content: "\f2ba"; } .icon-section-element:before { content: "\f2bb"; } .icon-section-hide:before { content: "\f2bc"; } .icon-section-plane:before { content: "\f2bd"; } .icon-section-range:before { content: "\f2be"; } .icon-section-shape:before { content: "\f2bf"; } .icon-section-show:before { content: "\f2c0"; } .icon-section-tool:before { content: "\f2c1"; } .icon-select-box:before { content: "\f2c2"; } .icon-select-line:before { content: "\f2c3"; } .icon-select-minus:before { content: "\f2c4"; } .icon-select-plus:before { content: "\f2c5"; } .icon-select-single:before { content: "\f2c6"; } .icon-selection-clear:before { content: "\f2c7"; } .icon-selection:before { content: "\f2c8"; } .icon-send:before { content: "\f2c9"; } .icon-settings:before { content: "\f2ca"; } .icon-shape:before { content: "\f2cb"; } .icon-share:before { content: "\f2cc"; } .icon-shortcut-add:before { content: "\f2cd"; } .icon-sitemap:before { content: "\f2ce"; } .icon-smartphone:before { content: "\f2cf"; } .icon-smiley-happy-2:before { content: "\f2d0"; } .icon-smiley-happy-very-2:before { content: "\f2d1"; } .icon-smiley-happy-very:before { content: "\f2d2"; } .icon-smiley-happy:before { content: "\f2d3"; } .icon-smiley-neutral-2:before { content: "\f2d4"; } .icon-smiley-neutral:before { content: "\f2d5"; } .icon-smiley-sad-2:before { content: "\f2d6"; } .icon-smiley-sad-very-2:before { content: "\f2d7"; } .icon-smiley-sad-very:before { content: "\f2d8"; } .icon-smiley-sad:before { content: "\f2d9"; } .icon-snaps-bisector:before { content: "\f2da"; } .icon-snaps-center:before { content: "\f2db"; } .icon-snaps-intersection:before { content: "\f2dc"; } .icon-snaps-midpoint:before { content: "\f2dd"; } .icon-snaps-multione:before { content: "\f2de"; } .icon-snaps-multithree:before { content: "\f2df"; } .icon-snaps-multitwo:before { content: "\f2e0"; } .icon-snaps-nearest:before { content: "\f2e1"; } .icon-snaps-origin:before { content: "\f2e2"; } .icon-snaps:before { content: "\f2e3"; } .icon-snow:before { content: "\f2e4"; } .icon-sort-down:before { content: "\f2e5"; } .icon-sort-menu:before { content: "\f2e6"; } .icon-sort-up:before { content: "\f2e7"; } .icon-spaces:before { content: "\f2e8"; } .icon-spatial-view-apply:before { content: "\f2e9"; } .icon-spin:before { content: "\f2ea"; } .icon-star-hollow:before { content: "\f2eb"; } .icon-star:before { content: "\f2ec"; } .icon-status-draft:before { content: "\f2ed"; } .icon-status-error-hollow:before { content: "\f2ee"; } .icon-status-error:before { content: "\f2ef"; } .icon-status-pass-hollow:before { content: "\f2f0"; } .icon-status-pass:before { content: "\f2f1"; } .icon-status-pending-hollow:before { content: "\f2f2"; } .icon-status-pending:before { content: "\f2f3"; } .icon-status-rejected-hollow:before { content: "\f2f4"; } .icon-status-rejected:before { content: "\f2f5"; } .icon-status-running:before { content: "\f2f6"; } .icon-status-success-hollow:before { content: "\f2f7"; } .icon-status-success:before { content: "\f2f8"; } .icon-status-update:before { content: "\f2f9"; } .icon-status-warning:before { content: "\f2fa"; } .icon-sunrise:before { content: "\f2fb"; } .icon-sunset:before { content: "\f2fc"; } .icon-symbol:before { content: "\f2fd"; } .icon-sync-disabled:before { content: "\f2fe"; } .icon-sync:before { content: "\f2ff"; } .icon-table-2:before { content: "\f300"; } .icon-table-of-contents:before { content: "\f301"; } .icon-table:before { content: "\f302"; } .icon-tag-2:before { content: "\f303"; } .icon-technical-preview-badge-bw:before { content: "\f304"; } .icon-technical-preview-badge:before { content: "\f305"; } .icon-technical-preview-bw:before { content: "\f306"; } .icon-technical-preview-mini-bw:before { content: "\f307"; } .icon-technical-preview-mini:before { content: "\f308"; } .icon-technical-preview:before { content: "\f309"; } .icon-test:before { content: "\f30a"; } .icon-text-align-text-align-center:before { content: "\f30b"; } .icon-text-align-text-align-justify:before { content: "\f30c"; } .icon-text-align-text-align-left:before { content: "\f30d"; } .icon-text-align-text-align-right:before { content: "\f30e"; } .icon-text-medium:before { content: "\f30f"; } .icon-text-small:before { content: "\f310"; } .icon-text:before { content: "\f311"; } .icon-three-points-circular-arc:before { content: "\f312"; } .icon-thumbnails:before { content: "\f313"; } .icon-thunderstorm:before { content: "\f314"; } .icon-timeline:before { content: "\f315"; } .icon-timer:before { content: "\f316"; } .icon-tools:before { content: "\f317"; } .icon-tree:before { content: "\f318"; } .icon-underline:before { content: "\f319"; } .icon-undo:before { content: "\f31a"; } .icon-unlink:before { content: "\f31b"; } .icon-upgrade:before { content: "\f31c"; } .icon-upload-to-cloud:before { content: "\f31d"; } .icon-upload:before { content: "\f31e"; } .icon-user-add:before { content: "\f31f"; } .icon-user:before { content: "\f320"; } .icon-users:before { content: "\f321"; } .icon-validate:before { content: "\f322"; } .icon-versions:before { content: "\f323"; } .icon-vertex:before { content: "\f324"; } .icon-view-layouts:before { content: "\f325"; } .icon-view-navigation:before { content: "\f326"; } .icon-visibility-half:before { content: "\f327"; } .icon-visibility-hide-2:before { content: "\f328"; } .icon-visibility-hide:before { content: "\f329"; } .icon-visibility-invert:before { content: "\f32a"; } .icon-visibility-semi-transparent:before { content: "\f32b"; } .icon-visibility:before { content: "\f32c"; } .icon-walk:before { content: "\f32d"; } .icon-wifi-disabled:before { content: "\f32e"; } .icon-wifi:before { content: "\f32f"; } .icon-window-add:before { content: "\f330"; } .icon-window-area:before { content: "\f331"; } .icon-window-backward:before { content: "\f332"; } .icon-window-collapse-2:before { content: "\f333"; } .icon-window-collapse:before { content: "\f334"; } .icon-window-expand:before { content: "\f335"; } .icon-window-forward:before { content: "\f336"; } .icon-window-full-screen:before { content: "\f337"; } .icon-window-maximize:before { content: "\f338"; } .icon-window-minimize:before { content: "\f339"; } .icon-window-new:before { content: "\f33a"; } .icon-window-settings:before { content: "\f33b"; } .icon-window-split-horizontal:before { content: "\f33c"; } .icon-window-split-vertical:before { content: "\f33d"; } .icon-window:before { content: "\f33e"; } .icon-windows:before { content: "\f33f"; } .icon-xray-view:before { content: "\f340"; } .icon-zoom-in-2:before { content: "\f341"; } .icon-zoom-in:before { content: "\f342"; } .icon-zoom-out-2:before { content: "\f343"; } .icon-zoom-out:before { content: "\f344"; } .icon-zoom:before { content: "\f345"; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uicore-autosuggest__container { position: relative; } .uicore-autosuggest__input { margin: 0; padding: 0; border: none; vertical-align: baseline; width: 100%; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 3px; -webkit-appearance: none; appearance: none; box-sizing: border-box; padding: 7px 12px; min-height: 38px; color: rgba(0, 0, 0, 0.8); background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.4); color: var(--iui-text-color); background-color: var(--iui-color-background-1); border: 1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); min-height: 28px; padding: 2px 8px; } .uicore-autosuggest__input:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .uicore-autosuggest__input:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } @media (prefers-reduced-motion: no-preference) { .uicore-autosuggest__input { transition: border-color 0.2s ease-out; } } .uicore-autosuggest__input.iui-small { padding-top: 1.5px; padding-bottom: 1.5px; min-height: 27px; } .uicore-autosuggest__input.iui-large { padding-top: 12.5px; padding-bottom: 12.5px; min-height: 49px; font-size: 16px; } .uicore-autosuggest__input::placeholder { -webkit-user-select: none; user-select: none; color: rgba(0, 0, 0, 0.2); color: var(--iui-text-color-placeholder); } .uicore-autosuggest__input:autofill { border-color: #008be1; color: #008be1; background: linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background: linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .uicore-autosuggest__input:hover { border-color: rgba(0, 0, 0, 0.8); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference) { .uicore-autosuggest__input:hover { transition: border-color 0.2s ease-out; } } .uicore-autosuggest__input[disabled] { background-color: #EEF0F3; border-color: #EEF0F3; background-color: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); cursor: not-allowed; } .uicore-autosuggest__input--focused { outline: none; } .uicore-autosuggest__input::-ms-clear { display: none; } .uicore-autosuggest__input--open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .uicore-autosuggest__suggestions-container { display: none; } .uicore-autosuggest__suggestions-container--open { display: block; position: absolute; top: 24px; width: 100%; border: 1px solid var(--buic-inputs-border); background-color: var(--buic-background-control); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; max-height: 400px; overflow-y: auto; z-index: 2; } @supports (-webkit-overflow-scrolling: touch) { .uicore-autosuggest__suggestions-container--open { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .uicore-autosuggest__suggestions-container--open::-webkit-scrollbar { width: 12px; height: 12px; } .uicore-autosuggest__suggestions-container--open::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .uicore-autosuggest__suggestions-container--open::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .uicore-autosuggest__suggestions-container--open::-webkit-scrollbar-corner { background-color: transparent; } .uicore-autosuggest__suggestions-container--open::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .uicore-autosuggest__suggestions-list { margin: 0; padding: 0; list-style-type: none; } .uicore-autosuggest__suggestion { cursor: pointer; padding: 5px 10px; } .uicore-autosuggest__suggestion--highlighted { background-color: var(--buic-row-selection); } .uicore-autosuggest__section-container { border-top: 1px dashed var(--buic-background-divider); } .uicore-autosuggest__section-container--first { border-top: 0; } .uicore-autosuggest__section-title { padding: 10px 0 0 10px; font-size: 12px; color: var(--buic-background-table-header); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-image-checkbox { display: inline-block; font-size: 16px; position: relative; height: 1em; width: 1em; cursor: pointer; /* accessibility */ } .core-image-checkbox input[type=checkbox]:not(:checked), .core-image-checkbox input[type=checkbox]:checked { position: absolute; z-index: -1; opacity: 0; } .core-image-checkbox input[type=checkbox]:checked + .image { color: var(--buic-foreground-primary); } .core-image-checkbox input[type=checkbox]:not(:checked) + .image { color: var(--buic-foreground-body); } .core-image-checkbox input[type=checkbox] + .image { opacity: 0.65; } .core-image-checkbox input[type=checkbox] + .image:hover { opacity: 1; } .core-image-checkbox input[type=checkbox]:disabled:not(:checked) + .image, .core-image-checkbox input[type=checkbox]:disabled:checked + .image { opacity: 0.25; } .core-image-checkbox [type=checkbox]:focus + .image:before { outline: 1px dotted currentColor; } .image-checkbox-border { border: 1px solid var(--buic-foreground-disabled); background-color: var(--buic-background-control); border-radius: 3px; padding: 1px 3px 0 2px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-iconInput-container { position: relative; padding: 0; margin: 0; } .core-iconInput-container .iui-input { margin: 0; padding-left: 30px; } .core-iconInput-container .core-iconInput-icon { position: absolute; top: 0; left: 0; width: 30px; height: 100%; display: flex; justify-content: center; align-items: center; } .core-iconInput-container .core-iconInput-icon .icon { width: 16px; height: 16px; margin-top: 2px; display: flex; justify-content: center; align-items: center; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-number-input-container { position: relative; padding: 0; margin: 0; box-sizing: border-box; } .core-number-input-container input { margin: 0; padding-right: 1.5em; } .core-number-input-container input.iui-input { padding: 2px 8px; } .core-number-input-container.core-number-buttons-for-touch input { padding-right: 3.5em; } .core-number-input-container .core-number-input-buttons-container { position: absolute; top: 0; right: 0; width: 20px; height: 100%; padding-top: 1.5px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .core-number-input-container .core-number-input-buttons-container .core-number-input-button { font-size: 8px; outline: none; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .core-number-input-container .core-number-input-buttons-container .core-number-input-button:hover { color: var(--buic-foreground-primary-tone); transition-duration: 150ms; } .core-number-input-container .core-number-input-buttons-container .core-number-input-button.core-number-input-button-up { padding-top: 1px; } .core-number-input-container .core-number-input-buttons-container .core-number-input-button.core-number-input-button-down { padding-top: 1px; } .core-number-input-container .core-number-input-buttons-container.core-number-buttons-for-touch { width: 3.5em; flex-direction: row-reverse; } .core-number-input-container .core-number-input-buttons-container.core-number-buttons-for-touch .core-number-input-button { font-size: 1em; } .core-number-input-container .core-number-input-buttons-container.core-number-buttons-for-touch .core-number-input-button:hover { color: unset; transition-duration: unset; } .core-number-input-container .core-number-input-buttons-container.core-number-buttons-for-touch .core-number-input-button.core-number-input-button-up { padding-top: 2px; } .core-number-input-container .core-number-input-buttons-container.core-number-buttons-for-touch .core-number-input-button.core-number-input-button-down { padding-top: 2px; } .core-number-input-container.core-number-input-disabled .core-number-input-button-up { pointer-events: none; color: var(--buic-foreground-disabled); } .core-number-input-container.core-number-input-disabled .core-number-input-button-down { pointer-events: none; color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ ul.core-listbox { list-style: none; outline: none; padding: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; display: flex; flex-direction: column; overflow: auto; color: var(--buic-foreground-body); border: 1px solid var(--buic-foreground-disabled); position: relative; } @supports (-webkit-overflow-scrolling: touch) { ul.core-listbox { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } ul.core-listbox::-webkit-scrollbar { width: 12px; height: 12px; } ul.core-listbox::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } ul.core-listbox::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } ul.core-listbox::-webkit-scrollbar-corner { background-color: transparent; } ul.core-listbox::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } ul.core-listbox:focus { border-color: var(--buic-foreground-focus); } ul.core-listbox:focus li.core-listbox-item.focused { background-color: var(--buic-row-hover); border: 1px solid var(--buic-foreground-primary); } ul.core-listbox li.core-listbox-item { display: inline-flex; line-height: 22px; padding-left: 4px; } ul.core-listbox li.core-listbox-item[aria-selected=true] { background-color: var(--buic-row-selection); } ul.core-listbox li.core-listbox-item[aria-disabled=true] { pointer-events: none; color: var(--buic-foreground-disabled); } ul.core-listbox li.core-listbox-item:hover { background-color: var(--buic-row-hover); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-lb { display: flex; align-items: center; } .core-lb > .lb-container { background-color: var(--buic-background-5); flex: 1 1; } .core-lb > .lb-container > .fill { height: 100%; background-color: var(--buic-foreground-primary); transition: width 0.3s linear; } .core-lb > .percent { flex: initial; opacity: 0.85; width: 3em; font-size: 0.9em; margin-left: 0.3em; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-loadingprompt { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .core-loadingprompt .title { font-size: 32px; font-weight: 600; margin-bottom: 10px; color: var(--buic-foreground-body); } .core-loadingprompt .message { font-size: 14px; margin-bottom: 1.75em; color: var(--buic-foreground-body); } /* cancel button */ .loading-prompt-cancel { margin-top: 2em; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-ls { display: flex; align-items: center; justify-content: center; flex-direction: column; } .core-ls .ls-message, .core-ls .ls-message-bottom, .core-ls .ls-message-top { color: var(--buic-foreground-body); } .core-ls .ls-message-top { margin-bottom: 12px; } .core-ls .ls-message-bottom { margin-top: 12px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-spinner-xlarge { display: inline-block; position: relative; width: 96px; height: 96px; } @keyframes uicoreSpinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } .core-spinner-xlarge.-loaded { opacity: 0; transition: opacity linear 0.1s; } .core-spinner-xlarge::after { height: 96px; width: 96px; border: solid 12px var(--buic-background-control-stroke); border-bottom-color: var(--buic-foreground-primary); border-radius: 50%; box-sizing: border-box; content: ""; opacity: inherit; position: absolute; left: 50%; top: 50%; animation: 1.5s 0.1s linear infinite uicoreSpinner; transform: translate3d(-50%, -50%, 0); transform-origin: center; will-change: transform; } .core-spinner-large { display: inline-block; position: relative; width: 64px; height: 64px; } @keyframes uicoreSpinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } .core-spinner-large.-loaded { opacity: 0; transition: opacity linear 0.1s; } .core-spinner-large::after { height: 64px; width: 64px; border: solid 8px var(--buic-background-control-stroke); border-bottom-color: var(--buic-foreground-primary); border-radius: 50%; box-sizing: border-box; content: ""; opacity: inherit; position: absolute; left: 50%; top: 50%; animation: 1.5s 0.1s linear infinite uicoreSpinner; transform: translate3d(-50%, -50%, 0); transform-origin: center; will-change: transform; } .core-spinner-medium { display: inline-block; position: relative; width: 32px; height: 32px; } @keyframes uicoreSpinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } .core-spinner-medium.-loaded { opacity: 0; transition: opacity linear 0.1s; } .core-spinner-medium::after { height: 32px; width: 32px; border: solid 4px var(--buic-background-control-stroke); border-bottom-color: var(--buic-foreground-primary); border-radius: 50%; box-sizing: border-box; content: ""; opacity: inherit; position: absolute; left: 50%; top: 50%; animation: 1.5s 0.1s linear infinite uicoreSpinner; transform: translate3d(-50%, -50%, 0); transform-origin: center; will-change: transform; } .core-spinner-small { display: inline-block; position: relative; width: 16px; height: 16px; } @keyframes uicoreSpinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } .core-spinner-small.-loaded { opacity: 0; transition: opacity linear 0.1s; } .core-spinner-small::after { height: 16px; width: 16px; border: solid 2px var(--buic-background-control-stroke); border-bottom-color: var(--buic-foreground-primary); border-radius: 50%; box-sizing: border-box; content: ""; opacity: inherit; position: absolute; left: 50%; top: 50%; animation: 1.5s 0.1s linear infinite uicoreSpinner; transform: translate3d(-50%, -50%, 0); transform-origin: center; will-change: transform; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .loading-status-container { display: flex; align-items: center; opacity: 0.9; font-size: 12px; } .loading-status-message { flex: 1 1; } .loading-status-percent { flex: initial; margin-right: auto; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-message-box-container { display: flex; color: var(--buic-foreground-body); } .core-message-box-container .core-message-box-icon { flex: 0 0; font-size: 32px; padding: 0 11px 11px 11px; margin-top: 10px; } .core-message-box-container .core-message-box-content { display: flex; align-items: center; flex: 1 1; } .core-message-box-success { color: var(--buic-foreground-positive); } .core-message-box-information { color: var(--buic-foreground-primary); } .core-message-box-question { color: #ffcf00; } .core-message-box-warning { color: var(--buic-foreground-warning); } .core-message-box-error, .core-message-box-fatal { color: var(--buic-foreground-negative); } .notifymessage-icon { margin-right: 6px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-radial-menu { visibility: hidden; position: fixed; z-index: 14000; } .core-radial-menu.opened { visibility: inherit; } .core-radial-menu > .core-radial-menu-container { margin-left: -50%; margin-top: -50%; } .core-radial-menu > .core-radial-menu-container .core-radial-menu-sector { stroke: var(--buic-background-panel-stroke); fill: var(--buic-background-control); stroke-width: 1px; } .core-radial-menu > .core-radial-menu-container .core-radial-menu-sector.selected { fill: var(--buic-row-selection); } .core-radial-menu > .core-radial-menu-container .core-radial-menu-button-svg .core-radial-menu-button-container { display: flex; flex-direction: column; align-items: center; } .core-radial-menu > .core-radial-menu-container .core-radial-menu-button-svg .core-radial-menu-button-container .core-radial-menu-button-icon { height: 16px; width: 16px; line-height: 16px; color: var(--buic-foreground-body); } .core-radial-menu > .core-radial-menu-container .core-radial-menu-button-svg .core-radial-menu-button-container .core-radial-menu-button-content { cursor: default; color: var(--buic-foreground-body); font-size: 12px; -webkit-user-select: none; user-select: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .uicore-reactSelectTop { font-size: 14px; font-weight: normal; color: var(--buic-foreground-body); background-image: none; border-radius: 3px; box-sizing: border-box; box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } @supports (-moz-appearance: none) { .uicore-reactSelectTop { padding-top: 0.3px; padding-bottom: 0.3px; } } .uicore-reactSelectTop .react-select__control { background-color: var(--buic-background-control); color: var(--buic-foreground-body); border: 1px solid var(--buic-inputs-border); cursor: pointer; } .uicore-reactSelectTop .react-select__control svg { width: unset; height: unset; } .uicore-reactSelectTop .react-select__control--is-focused { outline: 0px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .uicore-reactSelectTop .react-select__control--is-focused:hover { border-color: var(--buic-foreground-focus-border); } .uicore-reactSelectTop .react-select__control--is-disabled { background-color: var(--buic-background-control-disabled); color: var(--buic-foreground-disabled); opacity: var(--iui-opacity-4); cursor: not-allowed; } .uicore-reactSelectTop .react-select__control .react-select__placeholder { color: var(--buic-foreground-disabled); } .uicore-reactSelectTop .react-select__control .react-select__value-container .react-select__multi-value { background: var(--buic-background-control); color: var(--buic-foreground-primary); } .uicore-reactSelectTop .react-select__control .react-select__value-container .react-select__multi-value .react-select__multi-value__label { color: var(--buic-foreground-body); } .uicore-reactSelectTop .react-select__control .react-select__value-container .react-select__multi-value .react-select__multi-value__label .react-select__multi-value__remove { background: var(--buic-background-control); } .uicore-reactSelectTop .react-select__control .react-select__value-container .react-select__multi-value__remove { cursor: pointer; } .uicore-reactSelectTop .react-select__single-value { color: var(--buic-foreground-body); } .uicore-reactSelectTop .react-select__indicator { color: var(--buic-foreground-body); } .uicore-reactSelectTop .react-select__indicator:hover { color: var(--buic-foreground-activehover); cursor: pointer; } .uicore-reactSelectTop .react-select__indicator-separator { visibility: hidden; } .uicore-reactSelectTop .react-select__input input { width: 100% !important; color: var(--buic-foreground-body) !important; } .uicore-reactSelectTop .react-select__option:active { background-color: var(--buic-background-active-overlay); } .uicore-reactSelectTop .react-select__option:hover:not(.react-select__option--is-selected) { background-color: var(--buic-background-hover-overlay); } .uicore-reactSelectTop .react-select__option--is-focused:not(.react-select__option--is-selected) { background-color: var(--buic-background-hover-overlay); } .uicore-reactSelectTop .react-select__option--is-selected { color: var(--buic-foreground-body); background-color: var(--buic-background-pressed-overlay); } .uicore-reactSelectTop .react-select__option--is-selected:active { background-color: var(--buic-background-active-overlay); } .uicore-reactSelectTop .react-select__menu.uicore-reactSelectTop .react-select__menu { margin-top: 0; color: var(--buic-foreground-body); background-color: var(--buic-background-control); z-index: 15000; } .uicore-reactSelectTop .react-select__menu .react-select__menu-list::-webkit-scrollbar { width: 12px; height: 12px; } .uicore-reactSelectTop .react-select__menu .react-select__menu-list::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .uicore-reactSelectTop .react-select__menu .react-select__menu-list::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .uicore-reactSelectTop .react-select__menu .react-select__menu-list::-webkit-scrollbar-corner { background-color: transparent; } .uicore-reactSelectTop .react-select__menu .react-select__menu-list::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .uicore-reactSelectTop .react-select__menu.react-select__menu { margin-top: 0; color: var(--buic-foreground-body); background-color: var(--buic-background-control); z-index: 15000; } .uicore-reactSelectTop .react-select__menu.react-select__menu::-webkit-scrollbar { width: var(--buic-foreground-body); height: var(--buic-foreground-body); } .uicore-reactSelectTop .react-select__menu.react-select__menu::-webkit-scrollbar-thumb { border-radius: var(--buic-foreground-body); background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .uicore-reactSelectTop .react-select__menu.react-select__menu::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .uicore-reactSelectTop .react-select__menu.react-select__menu::-webkit-scrollbar-corner { background-color: transparent; } .uicore-reactSelectTop .react-select__menu.react-select__menu::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-searchbox { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; display: flex; align-items: center; position: relative; height: 28px; width: 12em; font-size: 14px; color: var(--buic-foreground-body); } .core-searchbox input { margin: 0; padding: 0; border: none; vertical-align: baseline; width: 100%; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 3px; -webkit-appearance: none; appearance: none; box-sizing: border-box; padding: 7px 12px; min-height: 38px; color: rgba(0, 0, 0, 0.8); background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.4); color: var(--iui-text-color); background-color: var(--iui-color-background-1); border: 1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); min-height: 28px; padding: 2px 2em 2px 12px; height: 100%; margin: 0; color: inherit; font-size: inherit; box-sizing: border-box; } .core-searchbox input:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .core-searchbox input:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } @media (prefers-reduced-motion: no-preference) { .core-searchbox input { transition: border-color 0.2s ease-out; } } .core-searchbox input.iui-small { padding-top: 1.5px; padding-bottom: 1.5px; min-height: 27px; } .core-searchbox input.iui-large { padding-top: 12.5px; padding-bottom: 12.5px; min-height: 49px; font-size: 16px; } .core-searchbox input::placeholder { -webkit-user-select: none; user-select: none; color: rgba(0, 0, 0, 0.2); color: var(--iui-text-color-placeholder); } .core-searchbox input:autofill { border-color: #008be1; color: #008be1; background: linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background: linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .core-searchbox input:hover { border-color: rgba(0, 0, 0, 0.8); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference) { .core-searchbox input:hover { transition: border-color 0.2s ease-out; } } .core-searchbox input[disabled] { background-color: #EEF0F3; border-color: #EEF0F3; background-color: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); cursor: not-allowed; } .core-searchbox .core-searchbox-button { position: absolute; height: 100%; right: 0; width: 2em; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; } .core-searchbox .core-searchbox-button:hover span { color: var(--buic-foreground-primary); } .core-searchbox .core-searchbox-button:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ div.core-settings-container { display: flex; box-sizing: border-box; height: 100%; width: 100%; } div.core-settings-container *, div.core-settings-container *:before, div.core-settings-container *:after { box-sizing: inherit; } div.core-settings-container .core-settings-container-left { min-width: 15em; height: 100%; overflow: auto; } div.core-settings-container .core-settings-container-left > .uicore-tabs-vertical { font-size: 16px; } div.core-settings-container .core-settings-container-right { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; background: var(--buic-background-dialog); align-content: center; } div.core-settings-container .core-settings-container-right .core-settings-container-right-header { display: flex; width: 100%; height: 48px; font-size: 24px; font-weight: 600; padding-left: 15px; align-items: center; } div.core-settings-container .core-settings-container-right .core-settings-container-right-header .core-settings-container-main-sub-header { position: relative; padding-left: 20px; } div.core-settings-container .core-settings-container-right .core-settings-container-right-header .core-settings-container-main-sub-header::before { content: "-"; position: absolute; left: 10px; transform: translateX(-50%); } div.core-settings-container .core-settings-container-right .core-settings-container-right-contents { display: flex; width: 100%; height: 100%; overflow: auto; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .core-slider-container { position: relative; height: 24px; display: flex; flex-direction: row; align-items: center; width: 100%; } .core-slider-container span.core-slider-minmax[data-testid=core-slider-min] { margin-right: 4px; } .core-slider-container span.core-slider-minmax[data-testid=core-slider-max] { margin-left: 4px; } .core-slider-container.core-slider-tickLabels { margin-bottom: 9px; } .core-slider-container.core.slider-includeTicksInWidth { margin-right: 10px; } .core-slider-container .core-slider-minMax { margin-left: 6px; margin-right: 6px; } .core-slider-container .core-slider { flex: 1 1; position: relative; height: inherit; margin-bottom: 2px; } .core-slider-container.core-disabled { cursor: not-allowed; } .core-slider-container.core-disabled .core-slider .core-slider-rail { cursor: not-allowed; } .core-slider-container.core-disabled .core-slider .core-slider-track { cursor: not-allowed; } .core-slider-container.core-disabled .core-slider .core-slider-track > .core-slider-track-inner { background: var(--buic-foreground-disabled); } .core-slider-container.core-disabled .core-slider .core-slider-handle { background: var(--buic-background-control-disabled); border-color: var(--buic-background-control-stroke-disabled); cursor: not-allowed; } .core-slider-container.core-disabled .core-slider .core-slider-tick-mark { opacity: var(--iui-opacity-4); } .core-slider-container.core-disabled .core-slider .core-slider-tick-label { color: var(--buic-foreground-disabled); } .core-slider-container.core-disabled .uicore-text-body { color: var(--buic-foreground-disabled); } .core-slider-container.core-disabled .icon { color: var(--buic-foreground-disabled); } .core-slider_track-tooltip-container { position: absolute; left: 0; top: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-slider-component-container{ display:flex; min-height:22px; } .iui-slider-component-container .iui-slider-min, .iui-slider-component-container .iui-slider-max{ -webkit-user-select:all; user-select:all; margin-top:2px; } .iui-slider-component-container .iui-slider-min svg, .iui-slider-component-container .iui-slider-max svg{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; margin-top:4px; } .iui-slider-component-container .iui-slider-min svg.iui-informational, .iui-slider-component-container .iui-slider-max svg.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-slider-component-container .iui-slider-min svg.iui-positive, .iui-slider-component-container .iui-slider-max svg.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-slider-component-container .iui-slider-min svg.iui-warning, .iui-slider-component-container .iui-slider-max svg.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-slider-component-container .iui-slider-min svg.iui-negative, .iui-slider-component-container .iui-slider-max svg.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-slider-component-container .iui-slider-min{ margin-right:12px; text-align:right; } .iui-slider-component-container .iui-slider-max{ margin-left:12px; } .iui-slider-component-container.iui-disabled{ cursor:not-allowed; } .iui-slider-component-container.iui-disabled .iui-slider-container{ cursor:not-allowed; pointer-events:none; } .iui-slider-component-container.iui-disabled .iui-slider-thumb{ cursor:not-allowed; background-color:#DCE0E3; border-color:#DCE0E3; background-color:var(--iui-color-background-4); border-color:var(--iui-color-background-4); } .iui-slider-component-container.iui-disabled .iui-slider-track{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-slider-component-container.iui-disabled .iui-slider-min, .iui-slider-component-container.iui-disabled .iui-slider-max, .iui-slider-component-container.iui-disabled .iui-slider-tick{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-slider-container{ position:relative; flex-grow:1; cursor:pointer; touch-action:pan-y; } .iui-slider-container.iui-grabbing{ cursor:grabbing; } .iui-slider-ticks{ position:relative; padding-top:16px; display:flex; pointer-events:none; justify-content:space-between; -webkit-user-select:none; user-select:none; } .iui-slider-ticks .iui-slider-tick{ position:relative; display:flex; pointer-events:none; justify-content:center; width:1px; height:11px; line-height:44px; margin-bottom:22px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-rail{ position:absolute; width:100%; height:4px; top:12px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-thumb{ position:absolute; height:16px; width:16px; border-radius:100%; top:5px; transform:translateX(-9px); z-index:1; cursor:grab; background:#FFF; border:1px solid #C7CCD1; background:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); } .iui-slider-thumb:active{ cursor:grabbing; } .iui-slider-thumb:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-thumb:focus:not(:focus-visible){ box-shadow:none; } .iui-slider-thumb:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-track{ pointer-events:none; position:absolute; height:4px; left:0; top:12px; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tooltip-container{ width:-moz-fit-content; width:fit-content; height:-moz-fit-content; height:fit-content; position:relative; } .iui-tooltip-container > .iui-tooltip{ position:absolute; visibility:hidden; -webkit-user-select:none; user-select:none; opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-tooltip-container > .iui-tooltip{ transition:visibility 0s linear 0.2s, opacity 0.2s ease-out; } } .iui-tooltip-container > .iui-tooltip.iui-tooltip-visible, .iui-tooltip-container:hover > .iui-tooltip{ visibility:visible; opacity:1; } .iui-tooltip{ margin:0; padding:0; border:none; vertical-align:baseline; display:block; text-align:center; border-radius:3px; font-size:12px; overflow:hidden; max-width:400px; width:max-content; overflow-wrap:break-word; box-sizing:content-box; padding:4px 8px; z-index:999; box-shadow:0 3px 14px rgba(0, 0, 0, 0.25); pointer-events:none; background-color:rgba(0, 0, 0, 0.6); color:#FFF; background-color:rgba(0, 0, 0, var(--iui-opacity-3)); color:var(--iui-color-foreground-accessory); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-split-button { flex-shrink: 1; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; display: inline-block; padding: 5.75px 11px; margin: 4.4px 0; border-radius: 3px; line-height: 16.5px; outline: none; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; text-decoration: none; cursor: pointer; box-sizing: border-box; box-shadow: transparent 0px 1px 1px inset; border: 1px solid transparent; transition: all 0.2s ease-in-out; padding: 5.75px; box-shadow: none; cursor: pointer; margin: 0; display: flex; box-sizing: border-box; line-height: 15.4px; outline: none; } .core-split-button:active, .core-split-button:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .core-split-button[disabled], .core-split-button[disabled]:hover, .core-split-button[disabled]:active, .core-split-button[disabled]:focus { opacity: var(--iui-opacity-4); background-color: #9ba5ae; border: 0; color: #fff; cursor: not-allowed; } .core-split-button.core-split-button-default-colors { border-color: var(--buic-background-control); color: var(--buic-foreground-body); background-color: var(--buic-background-control); } .core-split-button.core-split-button-default-colors > .core-split-button-label:hover { color: var(--buic-foreground-primary); } .core-split-button.core-split-button-default-colors > .core-split-button-arrow > .core-split-button-arrow-icon:hover { color: var(--buic-foreground-primary); } .core-split-button.core-split-button-default-colors:focus > .core-split-button-arrow > .core-split-button-arrow-icon { color: var(--buic-foreground-primary); } .core-split-button > .core-split-button-label { flex: 1 1; text-align: center; } .core-split-button > .core-split-button-label.core-split-button-border { margin: 0 4px; } .core-split-button.core-split-button-border { border-color: var(--buic-foreground-disabled); box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; } .core-split-button > .core-split-button-divider { width: 5px; } .core-split-button > .core-split-button-divider.core-split-button-border { border-right: 1px solid currentColor; opacity: var(--iui-opacity-4); } .core-split-button > .core-split-button-arrow { width: 15.4px; height: 15.4px; margin-left: 4px; } .core-split-button > .core-split-button-arrow > .core-split-button-arrow-icon { transition: transform 0.2s; text-align: center; font-size: 12px; line-height: 15.4px; } .core-split-button > .core-split-button-arrow > .context-menu { top: 1.3px; } .core-split-button > .core-split-button-arrow:focus { outline: none; } .core-split-button:active, .core-split-button:focus { border-color: transparent; box-shadow: transparent 0px 1px 1px inset; border-color: var(--buic-foreground-focus); } .core-split-button:active.core-split-button-border, .core-split-button:focus.core-split-button-border { border-color: var(--buic-background-control); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .core-split-button:focus > .core-split-button-arrow { border: none; box-shadow: none; outline: 0px; } .core-split-button.core-expanded { border-color: var(--buic-foreground-focus); } .core-split-button.core-expanded.core-split-button-border { border-color: var(--buic-background-control); box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .core-split-button.core-expanded > .core-split-button-arrow > .core-split-button-arrow-icon { transform: scaleY(-1); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uicore-filtered-text-match { color: var(--buic-foreground-primary); font-weight: bold; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-toggle { width: 42px; height: 21px; position: relative; display: inline-block; border-radius: 3px; color: #fff; vertical-align: middle; overflow: hidden; font-size: 14px; cursor: pointer; outline: none; margin: 2px; box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; transition: all 0.2s ease-in-out; } .core-toggle:active, .core-toggle:focus-within { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .core-toggle-large { height: 32px; width: 64px; } .core-toggle-large .core-toggle-handle { min-width: 28px; min-height: 28px; } .core-toggle-input { position: absolute; top: 0; left: 0; opacity: 0; } .core-toggle-background { position: relative; display: block; height: inherit; background: #85929d; color: #fff; border-radius: inherit; transition: box-shadow 0.2s ease-in-out; } /* Blue (default) */ .core-toggle-input:checked ~ .core-toggle-background { background: var(--buic-accessory-primary); } /* Green (primary) */ .core-toggle-primary > .core-toggle-input:checked ~ .core-toggle-background { background: var(--buic-accessory-success); } .core-toggle-handle { position: absolute; background: var(--buic-accessory-hollow); border-radius: 3px; box-sizing: border-box; border: 1px solid var(--buic-accessory-hollow); transition: border-color 0.2s ease-in-out; min-width: 17px; min-height: 17px; } .core-toggle-handle.core-toggling { transition: transform 0.2s ease-out; } /* Disabled toggle */ .core-toggle.uicore-disabled { opacity: var(--iui-opacity-4); cursor: not-allowed; } .core-toggle.uicore-disabled .core-toggle-input:checked ~ .core-toggle-background { background: var(--buic-foreground-disabled); } .core-toggle.core-toggle-rounded .core-toggle-handle { border-radius: 50%; } .core-toggle-checkmark { position: absolute; left: 0px; top: 50%; opacity: 0; transform: translateY(-50%); } .core-toggle-checkmark.core-toggling { transition: left 0.2s ease-out; } .core-toggle-input:checked ~ .core-toggle-checkmark.core-visible { opacity: 1; color: #fff; font-size: inherit; left: 15%; } .core-toggle-input:focus ~ .core-toggle-background, .core-toggle-input:active ~ .core-toggle-background { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-inputs-labeled-toggle { flex: 1 1; display: flex; box-sizing: border-box; align-items: center; } .core-inputs-labeled-toggle > .uicore-label { padding-left: 0.5em; font-size: 14px; } .core-inputs-labeled-toggle.uicore-disabled > .uicore-label { color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-toggle-switch{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; padding:5.5px 0; -webkit-user-select:none; user-select:none; cursor:pointer; position:relative; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-toggle-switch > input ~ .iui-toggle{ display:block; position:relative; height:20px; width:38px; border-radius:11px; background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle{ transition:background-color 0.2s ease, border-color 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ opacity:0; width:12px; height:12px; display:inline-block; position:relative; left:4px; fill:#FFF; fill:var(--iui-color-foreground-accessory); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ transition:opacity 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ position:absolute; height:16px; width:16px; top:50%; transform:translateY(-50%); right:20px; border-radius:50%; background-color:#000; opacity:0.8; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-2); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ transition:right 0.2s ease, background-color 0.2s ease, opacity 0.2s ease; } } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:focus ~ .iui-toggle{ border:1px solid rgba(0, 0, 0, 0.8); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:focus ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle{ background-color:#008BE1; border-color:#008BE1; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-icon{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-handle{ background-color:#FFF; opacity:0.8; background-color:var(--iui-color-foreground-accessory); opacity:var(--iui-opacity-2); right:2px; } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle{ border-color:#008BE1; border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:disabled ~ .iui-toggle{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-handle{ background-color:#000; opacity:0.2; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); opacity:0; } .iui-toggle-switch > input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-toggle-switch > input:disabled:checked ~ .iui-toggle > .iui-icon{ opacity:0.2; opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:enabled:focus ~ .iui-toggle{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-toggle-switch.iui-disabled{ cursor:not-allowed; } .iui-toggle-switch > .iui-label{ margin-right:8px; } .iui-toggle-switch .iui-toggle ~ .iui-label{ margin-left:8px; margin-right:0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .core-tooltip-tooltip { animation-name: none !important; max-width: 400px; font-size: 14px; background-color: var(--buic-background-tooltip); text-align: center; border: 1px solid var(--buic-foreground-disabled); padding: 2px 6px; z-index: 17000; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-tree-expansionToggle:focus { outline: none; } .core-tree-expansionToggle > .toggle { display: block; width: 24px; height: 24px; padding: 7px; font-size: 12px; box-sizing: border-box; transform: rotate(0); transition: transform 100ms ease; color: var(--buic-foreground-body); } .core-tree-expansionToggle.is-expanded > .toggle { transform: rotate(90deg); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-tree-branch { display: block; box-sizing: border-box; margin: 0; padding: 0 0 0 20px; width: -moz-fit-content; width: fit-content; min-width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-tree-node { /* Rules applied to the itself */ display: flex; box-sizing: border-box; width: -moz-fit-content; width: fit-content; min-width: 100%; font-family: "Open Sans"; font-size: 14px; color: var(--buic-foreground-body); white-space: nowrap; text-overflow: ellipsis; cursor: default; padding: 1px 1px 0px 1px; } .core-tree-node > .contents { display: flex; align-items: center; width: 100%; } .core-tree-node > .contents > .iui-progress-indicator-radial { margin: 0 4px; } .core-tree-node > .contents > .expansion-toggle { display: inline-block; margin-top: auto; margin-bottom: auto; } .core-tree-node > .contents .core-checkbox { display: inline-block; padding: 0; margin: 0; margin-right: 5px; background: transparent; } .core-tree-node > .contents .core-checkbox > input { position: relative; left: 0px; height: auto; line-height: unset; } .core-tree-node > .contents > .core-image-checkbox { top: -1px; } .core-tree-node-icon { width: 16px; margin: 0 5px; } .core-tree-node-icon > .bui-webfont-icon { display: inline-block; width: 16px; text-align: center; vertical-align: middle; } .core-tree-node.is-focused, .core-tree-node:focus { outline: 1px dotted #000; } .core-tree-node:not(.is-hover-disabled):hover { background: var(--buic-row-hover); } .core-tree-node.is-selected { background: var(--buic-row-selection); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-tree { -webkit-user-select: none; user-select: none; box-sizing: border-box; width: 100%; height: 100%; } .core-tree:focus { outline: none; } .core-tree > * { position: relative; display: block; padding: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .core-tree-placeholder { display: block; box-sizing: border-box; height: 24px; padding-top: 3px; padding-bottom: 3px; } .core-tree-placeholder > .contents { margin-left: 24px; height: 18px; background-color: var(--buic-background-placeholder); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-breadcrumb { flex-shrink: 0; display: flex; flex-direction: column; } .components-breadcrumb > .components-breadcrumb-head { position: relative; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input { margin: 0; padding: 0; border: none; vertical-align: baseline; width: 100%; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 3px; -webkit-appearance: none; appearance: none; box-sizing: border-box; padding: 7px 12px; min-height: 38px; color: rgba(0, 0, 0, 0.8); background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.4); color: var(--iui-text-color); background-color: var(--iui-color-background-1); border: 1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); min-height: 28px; padding: 2px 8px; width: calc(100% - 11.4px); height: 15.4px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } @media (prefers-reduced-motion: no-preference) { .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input { transition: border-color 0.2s ease-out; } } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input.iui-small { padding-top: 1.5px; padding-bottom: 1.5px; min-height: 27px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input.iui-large { padding-top: 12.5px; padding-bottom: 12.5px; min-height: 49px; font-size: 16px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input::placeholder { -webkit-user-select: none; user-select: none; color: rgba(0, 0, 0, 0.2); color: var(--iui-text-color-placeholder); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input:autofill { border-color: #008be1; color: #008be1; background: linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background: linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input:hover { border-color: rgba(0, 0, 0, 0.8); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference) { .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input:hover { transition: border-color 0.2s ease-out; } } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-input[disabled] { background-color: #EEF0F3; border-color: #EEF0F3; background-color: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); cursor: not-allowed; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-close { position: absolute; top: 0px; right: 0px; padding: 0.3px; margin: 4.4px 0; height: 15.4px; width: 15.4px; font-size: 16px; line-height: 15.4px; text-align: center; cursor: pointer; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-close:hover { color: var(--buic-foreground-primary); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .components-breadcrumb-close:focus { outline: none; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .context-menu .context-menu-item { padding: 5px; transform: rotate(180deg); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .context-menu .context-menu-item > .context-menu-icon { display: none; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-input-root > .context-menu .context-menu-item > .context-menu-content { transform: rotate(-180deg); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown { margin: 0; padding: 0; border: none; vertical-align: baseline; width: 100%; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 3px; -webkit-appearance: none; appearance: none; box-sizing: border-box; padding: 7px 12px; min-height: 38px; color: rgba(0, 0, 0, 0.8); background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.4); color: var(--iui-text-color); background-color: var(--iui-color-background-1); border: 1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); min-height: 28px; padding: 2px 8px; display: flex; width: calc(100% - 11.4px); background-color: var(--buic-background-control); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } @media (prefers-reduced-motion: no-preference) { .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown { transition: border-color 0.2s ease-out; } } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown.iui-small { padding-top: 1.5px; padding-bottom: 1.5px; min-height: 27px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown.iui-large { padding-top: 12.5px; padding-bottom: 12.5px; min-height: 49px; font-size: 16px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown::placeholder { -webkit-user-select: none; user-select: none; color: rgba(0, 0, 0, 0.2); color: var(--iui-text-color-placeholder); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown:autofill { border-color: #008be1; color: #008be1; background: linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background: linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown:hover { border-color: rgba(0, 0, 0, 0.8); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference) { .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown:hover { transition: border-color 0.2s ease-out; } } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown[disabled] { background-color: #EEF0F3; border-color: #EEF0F3; background-color: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); cursor: not-allowed; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown > .components-breadcrumb-up-dir { height: 15.4px; width: 15.4px; flex-shrink: 0; flex-grow: 0; font-size: 16px; border-right: 1px solid var(--buic-background-control-stroke); margin-right: 5px; cursor: pointer; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown > .components-breadcrumb-up-dir:hover { color: var(--buic-foreground-primary); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown > .components-breadcrumb-up-dir.root { color: var(--buic-foreground-muted); cursor: default; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown > .components-breadcrumb-up-dir.root:hover { color: var(--buic-foreground-muted); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown > .components-breadcrumb-up-dir:focus { outline: none; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-crumb-list { display: flex; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-crumb-list .components-breadcrumb-split-button { padding: 0; display: flex; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-crumb-list .components-breadcrumb-split-button .split-button-arrow-icon { font-size: 10px; line-height: 15.4px; transform: rotate(-90deg); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-crumb-list .components-breadcrumb-split-button .split-button-label { min-width: 15.4px; text-align: center; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-crumb-list .components-breadcrumb-split-button.expanded .split-button-arrow-icon { transform: rotate(0deg); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-crumb-list .components-breadcrumb-split-button > .static-arrow-icon { text-align: center; font-size: 10px; line-height: 15.4px; width: 15.4px; height: 15.4px; margin-left: 4px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-drop-target { border-radius: 3px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-drop-target.hover { background-color: var(--buic-row-hover); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-drop-target.dragging { color: var(--buic-foreground-disabled); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-end-node { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 14px; font-weight: 400; line-height: 22px; padding: 0; margin: 0 0 22px; margin: 0; min-width: 15.4px; text-align: center; border-radius: 3px; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-end-node:not(.static) { -webkit-user-select: none; user-select: none; cursor: pointer; } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-dropdown .components-breadcrumb-end-node:not(.static):hover { color: var(--buic-foreground-primary); } .components-breadcrumb > .components-breadcrumb-head .components-breadcrumb-selected { font-weight: bold; } .components-breadcrumb:not(.background) .components-breadcrumb-dropdown { border: initial; box-shadow: initial; background-color: initial; } .components-breadcrumb:not(.background) .components-breadcrumb-dropdown .split-button { background-color: initial; } .components-breadcrumb-details { height: calc(100% - (30.8px)); overflow: auto; background-color: var(--buic-background-control); border: 1px solid var(--buic-background-control-stroke); } .components-breadcrumb-details:focus { outline: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-nonprimitive-property { padding: 10px; display: grid; grid-row-gap: 10px; border-radius: 3px; border: solid 1px #c7ccd1; background-color: #ffffff; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-activehighlight { background-color: orange; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-property-label-renderer { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: auto; margin-bottom: auto; } .components-property-label-renderer-colon { margin: auto 3px auto 0px; } .components-primitive-property-label-renderer { position: relative; display: flex; } .components-primitive-property-label-renderer .components-label-popup { background: var(--buic-background-window); width: max-content; padding: 5px; } .components-property-record--vertical .components-nonprimitive-property-label-renderer { margin-bottom: 4px; } .components-nonprimitive-property-label-renderer { position: relative; display: flex; align-items: center; border: none; background: transparent; cursor: pointer; color: var(--buic-foreground-body); font-size: 14px; height: 100%; width: 100%; transition: transform 0.2s ease-in-out; } .components-nonprimitive-property-label-renderer .components-label-popup { background: var(--buic-background-window); width: max-content; padding: 5px; } .components-nonprimitive-property-label-renderer > .components-property-label-renderer { flex: 1 1; } .components-nonprimitive-property-label-renderer > div { width: 22px; height: 22px; margin-left: -7px; margin-right: 2px; font-size: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease-in-out; } .components-nonprimitive-property-label-renderer > div.components-expanded { transform: rotate(90deg); } .components-nonprimitive-property-label-renderer:hover { color: var(--buic-foreground-activehover); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-editor-container { width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-text-editor { min-width: 100%; height: 100%; margin: 0; } .components-smallEditor-host .components-text-editor.iui-input { min-height: 24px !important; padding-top: 1px !important; padding-bottom: 1px !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-input-container{ margin:0; padding:0; border:none; vertical-align:baseline; display:grid; -ms-grid-rows:auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' / auto 1fr; cursor:default; } .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-icon > .iui-input, .iui-input-container.iui-inline-icon > .iui-textarea{ padding-right:40px; } .iui-input-container.iui-inline-icon > .iui-input:last-child, .iui-input-container.iui-inline-icon > .iui-textarea:last-child{ padding-right:12px; } .iui-input-container.iui-with-message{ -ms-grid-rows:auto auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; } .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ margin-top:3px; } .iui-input-container .iui-input, .iui-input-container .iui-textarea, .iui-input-container .iui-input-group, .iui-input-container .iui-select{ -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; grid-area:inputs; -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; } label.iui-input-container{ cursor:pointer; } label.iui-input-container.iui-disabled{ cursor:not-allowed; } .iui-input-container.iui-disabled label{ cursor:not-allowed; } .iui-input-container .iui-checkbox, .iui-input-container .iui-radio{ min-height:22px; } .iui-input-container.iui-inline-label{ -ms-grid-rows:auto; -ms-grid-columns:auto 1fr auto; grid-template:'label inputs icon' / auto 1fr auto; } div.iui-input-container.iui-inline-label{ -ms-grid-columns:auto min-content auto; } .iui-input-container.iui-inline-label .iui-input, .iui-input-container.iui-inline-label .iui-textarea, .iui-input-container.iui-inline-label .iui-input-group, .iui-input-container.iui-inline-label .iui-select{ -ms-grid-row:1; -ms-grid-column:2; } .iui-input-container.iui-inline-label .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; } .iui-input-container.iui-inline-label.iui-with-message{ -ms-grid-rows:auto auto; -ms-grid-columns:auto auto 1fr; grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; } .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-label.iui-with-message .iui-message{ -ms-grid-row:2; -ms-grid-column:3; } .iui-input-container.iui-inline-label > .iui-input-group{ display:flex; grid-gap:16px; gap:16px; } .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:16px; } @supports (gap: 16px){ .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:0; } } .iui-input-container.iui-inline-label > .iui-input-group:not(:last-child){ margin-right:16px; } .iui-input-container > .iui-label{ -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:2; font-weight:600; margin-bottom:3px; grid-area:label; align-self:center; } .iui-input-container > .iui-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container > .iui-input-icon{ -ms-grid-row:3; -ms-grid-column:1; display:flex; grid-area:icon; width:16px; height:16px; align-self:center; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-input-container > .iui-input-icon:not(:last-child){ margin-right:4px; } .iui-input-container .iui-message{ -ms-grid-row:3; -ms-grid-column:2; font-size:12px; grid-area:message; margin-top:3px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-input-container .iui-message a{ -webkit-user-select:none; user-select:none; } .iui-input-container.iui-inline-label > .iui-label{ margin:0 16px 0 0; -ms-grid-column-span:1; } .iui-input-container.iui-inline-label > .iui-label.iui-required{ margin-right:6px; } .iui-input-container.iui-inline-icon > .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; grid-area:inputs; justify-self:end; margin:0 12px 0 0; position:relative; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{ height:100%; width:-moz-fit-content; width:fit-content; margin-right:0; border-top-left-radius:0; border-bottom-left-radius:0; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{ align-items:center; height:90%; margin-right:1px; padding:0 12px; cursor:pointer; background-position:center; transition:background 0.4s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{ background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{ background-color:var(--iui-color-background-2); background-size:100%; transition:background 0s; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{ width:16px; height:16px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); transition:transform 0.2s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{ transform:rotate(180deg); } .iui-input-container.iui-positive *::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-positive .iui-input-icon{ fill:#53A21A; fill:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a{ text-decoration:underline; color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a:hover{ text-decoration:none; color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-input-container.iui-positive > .iui-input, .iui-input-container.iui-positive > .iui-textarea, .iui-input-container.iui-positive > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #53A21A; border-bottom:2px solid var(--iui-color-foreground-positive); } .iui-input-container.iui-positive > .iui-input.iui-small, .iui-input-container.iui-positive > .iui-textarea.iui-small, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-positive > .iui-input.iui-large, .iui-input-container.iui-positive > .iui-textarea.iui-large, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-positive > .iui-input:focus, .iui-input-container.iui-positive > .iui-textarea:focus, .iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #53A21A; box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-positive); box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-negative *::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-negative .iui-input-icon{ fill:#D30A0A; fill:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a{ text-decoration:underline; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a:hover{ text-decoration:none; color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-input-container.iui-negative > .iui-input, .iui-input-container.iui-negative > .iui-textarea, .iui-input-container.iui-negative > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #D30A0A; border-bottom:2px solid var(--iui-color-foreground-negative); } .iui-input-container.iui-negative > .iui-input.iui-small, .iui-input-container.iui-negative > .iui-textarea.iui-small, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-negative > .iui-input.iui-large, .iui-input-container.iui-negative > .iui-textarea.iui-large, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-negative > .iui-input:focus, .iui-input-container.iui-negative > .iui-textarea:focus, .iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #D30A0A; box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-negative); box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-warning *::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-warning .iui-input-icon{ fill:#F18B12; fill:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a{ text-decoration:underline; color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a:hover{ text-decoration:none; color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-input-container.iui-warning > .iui-input, .iui-input-container.iui-warning > .iui-textarea, .iui-input-container.iui-warning > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #F18B12; border-bottom:2px solid var(--iui-color-foreground-warning); } .iui-input-container.iui-warning > .iui-input.iui-small, .iui-input-container.iui-warning > .iui-textarea.iui-small, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-warning > .iui-input.iui-large, .iui-input-container.iui-warning > .iui-textarea.iui-large, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-warning > .iui-input:focus, .iui-input-container.iui-warning > .iui-textarea:focus, .iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #F18B12; box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-warning); box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-label{ font-weight:600; margin-bottom:3px; cursor:default; display:block; } .iui-input-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } label.iui-input-label{ cursor:pointer; } label.iui-input-label.iui-disabled{ cursor:not-allowed; } .iui-input-label.iui-inline{ margin:0 16px 0 0; -ms-grid-column-span:1; display:inline-flex; align-items:center; } .iui-input-label.iui-inline.iui-required{ margin-right:6px; } .iui-input{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-input{ transition:border-color 0.2s ease-out; } } .iui-input.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-input.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-input::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-input:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-input:hover{ transition:border-color 0.2s ease-out; } } .iui-input[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-input:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); resize:vertical; min-height:38px; } @media (prefers-reduced-motion: no-preference){ .iui-textarea{ transition:border-color 0.2s ease-out; } } .iui-textarea.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-textarea.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-textarea::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-textarea:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-textarea:hover{ transition:border-color 0.2s ease-out; } } .iui-textarea[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-textarea:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea[disabled], .iui-textarea[readonly]{ resize:none; } .iui-select{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; position:relative; width:100%; } .iui-select > .iui-select-button{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); display:flex; align-items:center; min-height:38px; padding-right:32px; -webkit-user-select:none; user-select:none; position:relative; } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select > .iui-select-button.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-select > .iui-select-button::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button:hover{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-select > .iui-select-button:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus:not(:focus-visible){ box-shadow:none; } .iui-select > .iui-select-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-select > .iui-select-button > .iui-icon + .iui-content{ margin-left:8px; } .iui-select > .iui-select-button > .iui-content{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .iui-select > .iui-select-button.iui-placeholder{ color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button::after{ content:''; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(0, 0, 0, 0.8); border-top:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-select > .iui-select-button:hover::after{ border-bottom:none; border-top:5px solid black; border-top:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-active::after{ border-top:none; border-bottom:5px solid rgba(0, 0, 0, 0.8); border-bottom:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button.iui-active:hover::after{ border-bottom:5px solid black; border-bottom:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-disabled{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-select > .iui-select-button.iui-disabled::after{ border-top:5px solid rgba(0, 0, 0, 0.2); border-top:5px solid var(--iui-icons-color-actionable-disabled); } .iui-select.iui-small .iui-select-button{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select.iui-large .iui-select-button{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-checkbox{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-checkbox > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-checkbox.iui-disabled{ cursor:not-allowed; } .iui-checkbox .iui-checkbox-checkmark, .iui-checkbox .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial), .iui-checkbox .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-checkbox > .iui-label{ margin-right:8px; } .iui-checkbox > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-checkbox .iui-checkbox-checkmark ~ .iui-label, .iui-checkbox .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-checkbox input:checked ~ .iui-checkbox-checkmark, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark, .iui-checkbox input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark, .iui-checkbox input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark path, .iui-checkbox input:disabled ~ .iui-checkbox-checkmark g, .iui-checkbox input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-checkbox input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-checkbox.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-checkbox.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-checkbox .iui-checkbox-checkmark{ border-radius:3px; } .iui-checkbox.iui-loading{ cursor:wait; } .iui-checkbox.iui-loading input ~ .iui-checkbox-checkmark{ border:none; background-color:transparent; } .iui-checkbox.iui-loading input:disabled ~ .iui-checkbox-checkmark{ cursor:wait; } .iui-checkbox.iui-loading input:disabled ~ .iui-label{ cursor:wait; } .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark, .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ border:none; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark{ background-color:transparent; } .iui-checkbox-visibility .iui-checkbox-checkmark svg:not(.iui-radial){ width:16px; height:16px; } .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck, .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:0; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:1; transition:opacity 0.2s ease; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-radio > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio.iui-disabled{ cursor:not-allowed; } .iui-radio .iui-checkbox-checkmark, .iui-radio .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial), .iui-radio .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-radio > .iui-label{ margin-right:8px; } .iui-radio > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio .iui-checkbox-checkmark ~ .iui-label, .iui-radio .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-radio input:checked ~ .iui-checkbox-checkmark, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark, .iui-radio input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-radio input:enabled:focus ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-radio input:disabled ~ .iui-checkbox-checkmark, .iui-radio input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-radio input:disabled ~ .iui-checkbox-checkmark path, .iui-radio input:disabled ~ .iui-checkbox-checkmark g, .iui-radio input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-radio.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-radio.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-radio .iui-radio-dot{ border-radius:50%; } .iui-radio-tile-container{ display:inline-flex; flex-wrap:wrap; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; z-index:0; } .iui-radio-tile-container > label{ cursor:pointer; } .iui-radio-tile-container > label > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio-tile-container > label > .iui-radio-tile{ width:160px; height:100%; box-sizing:border-box; padding:8px; position:relative; z-index:1; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ width:32px; height:32px; display:block; margin:0 auto; margin-top:6px; margin-bottom:11px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-checkmark{ display:none; width:16px; height:16px; position:absolute; right:8px; fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-label{ font-size:14px; font-weight:600; line-height:22px; text-align:center; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-description{ font-size:12px; line-height:15px; text-align:center; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label:first-child > .iui-radio-tile{ border-radius:3px 0 0 3px; } .iui-radio-tile-container > label:last-child > .iui-radio-tile{ border-radius:0 3px 3px 0; } .iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{ margin-left:-1px; } .iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ z-index:2; border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile{ padding:7px; z-index:3; border:2px solid #008BE1; border:2px solid var(--iui-color-foreground-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-checkmark{ display:inline-block; } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile{ cursor:not-allowed; z-index:0; border-color:#EEF0F3; background-color:#EEF0F3; border-color:var(--iui-color-background-disabled); background-color:var(--iui-color-background-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-checkmark{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); filter:grayscale(100%); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-label{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label input:disabled:checked ~ .iui-radio-tile{ z-index:3; border:2px solid rgba(0, 0, 0, 0.4); border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-body{ background-color:#F8F9FB; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-2); color:var(--iui-text-color); font-size:14px; line-height:22px; scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-body::-webkit-scrollbar{ width:8px; height:8px; } .iui-body::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } .iui-body::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{ background-color:transparent; } .iui-body.iui-no-webfonts{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-anchor{ text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-anchor:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:focus:not(:focus-visible){ box-shadow:none; } .iui-anchor:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } [class*='iui-'], [class*='iui-'] *{ scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; } [class*='iui-'] ::selection, [class*='iui-'] * ::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } [class*='iui-']::-webkit-scrollbar, [class*='iui-'] *::-webkit-scrollbar{ width:8px; height:8px; } [class*='iui-']::-webkit-scrollbar-thumb, [class*='iui-'] *::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } [class*='iui-']::-webkit-scrollbar-thumb:hover, [class*='iui-'] *::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } [class*='iui-']::-webkit-scrollbar-track, [class*='iui-']::-webkit-scrollbar-corner, [class*='iui-'] *::-webkit-scrollbar-track, [class*='iui-'] *::-webkit-scrollbar-corner{ background-color:transparent; } html, html.iui-theme-light{ --iui-color-background-1-rgb:255, 255, 255; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:248, 249, 251; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:238, 240, 243; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:220, 224, 227; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:199, 204, 209; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:238, 240, 243; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:0, 0, 0; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:255, 255, 255; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:0, 139, 225; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:83, 162, 26; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:211, 10, 10; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:241, 139, 18; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 107.49333, 174; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } html.iui-theme-dark{ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } @media (prefers-color-scheme: dark){ html:not([class*='iui-theme-']){ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-property-record--horizontal { height: 100%; display: grid; padding: 0 8px; } .components-property-record--horizontal .components-property-record-label { font-size: 12px; color: var(--buic-foreground-muted); } .components-property-record--horizontal .components-property-record-value { min-height: 24px; font-size: 14px; color: var(--buic-foreground-body); padding: 0px 5px; } .components-property-record--vertical { height: 100%; padding: 0 8px; display: grid; align-content: center; } .components-property-record--vertical .components-property-record-label { font-size: 12px; color: var(--buic-foreground-muted); } .components-property-record--vertical .components-property-record-value { min-height: 22px; font-size: 14px; color: var(--buic-foreground-body); } .components-property-record-label { display: flex; align-items: center; } .components-property-record-value { display: flex; align-items: center; overflow: hidden; } .components-property-record-value span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .components-property-record-value .core-underlined-button { margin-top: 2px; } .components-property-record-value .multiline { display: flex; align-items: baseline; } .components-property-record-value .expanded { white-space: pre-wrap; margin-top: 4px; margin-bottom: 4px; } .components-property-record-value .expanded .expand-toggle { float: right; margin-top: 2px; } .components-property-record-value .expand-toggle { padding: 0; white-space: nowrap; border: none; background: none; color: var(--buic-foreground-primary); font-size: 12px; cursor: pointer; } .components-property-record-value .expand-toggle:hover { text-decoration: underline; } .components-property-record-value .expand-toggle:active { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-property-action-button-list--horizontal { display: flex; justify-content: flex-end; align-items: center; grid-column: 4; } .components-property-action-button-list--vertical { display: flex; justify-content: flex-end; align-items: center; grid-column: 2; grid-row-start: 1; grid-row-end: 3; } .components-action-button-container { margin: 0 5px 0 5px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @charset "UTF-8"; /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-table { height: 100%; width: 100%; -webkit-user-select: none; user-select: none; color: var(--buic-foreground-body); background-color: var(--buic-background-control); /* TODO: Is property-name-cell old? */ } .components-table .rdg-selected { border: none !important; background-color: transparent !important; } .components-table .rdg-selected-range { border: none !important; background-color: transparent !important; } .components-table .rdg-last--frozen { box-shadow: none !important; } .components-table .react-grid-Canvas { height: 100% !important; } @supports (-webkit-overflow-scrolling: touch) { .components-table .react-grid-Canvas { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .components-table .react-grid-Canvas::-webkit-scrollbar { width: 12px; height: 12px; } .components-table .react-grid-Canvas::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .components-table .react-grid-Canvas::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .components-table .react-grid-Canvas::-webkit-scrollbar-corner { background-color: transparent; } .components-table .react-grid-Canvas::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .components-table .react-grid-Container, .components-table .react-grid-Grid, .components-table .react-grid-Main { min-height: 100% !important; height: 100% !important; } .components-table .react-grid-Container, .components-table .react-grid-Canvas { width: 100% !important; } .components-table .react-grid-Main, .components-table .react-grid-Grid, .components-table .react-grid-Viewport, .components-table .react-grid-Canvas, .components-table .react-grid-Row { border: none; background: transparent; outline: none; font-size: 14px; } .components-table .react-grid-Row { width: -moz-fit-content; width: fit-content; } .components-table .react-grid-Cell { padding-left: 0px; padding-right: 0px; border: none; color: var(--buic-foreground-body); background: transparent; } .components-table .react-grid-Cell:focus { outline: none !important; } .components-table .react-grid-Cell--locked:last-of-type { border: none; box-sizing: border-box; } .components-table .react-grid-Header { background: var(--buic-background-table-header); box-shadow: none; } .components-table .react-grid-HeaderCell { padding: 4px 0 4px 8px; box-sizing: border-box; background: var(--buic-background-table-header); font-size: 14px; border: none; } .components-table .react-grid-HeaderCell__draggable { background: var(--buic-background-table-header); width: 8px !important; } .components-table .react-grid-HeaderCell__draggable > :after { color: var(--buic-background-table-header) !important; background: var(--buic-background-table-header); } .components-table .react-grid-HeaderCell__draggable::after { content: "⠇"; font-size: 16px; font-weight: normal; color: var(--buic-foreground-muted); position: relative; display: block; top: calc(50% - 12px); left: calc(50% - 1px); pointer-events: none; } .components-table .property-name-cell span { height: 100%; display: inline-block; vertical-align: text-bottom; padding: 0 0 2px 6px; } .components-table .property-name-cell be-svg-icon { width: 24px; height: 16px; margin-top: 4px; } .components-table .react-grid-HeaderCell--locked { z-index: 3; } .components-table .react-grid-Cell__value { overflow: visible !important; } .components-table .react-grid-Cell__value > div { top: 0 !important; transform: none !important; } .components-table .icon { padding-left: 0px; background: inherit; } .components-table .components-editor-container { margin-top: 1px; } .components-table .components-cell-editor { height: 100%; } .components-table.striped-rows .react-grid-Row--even .react-grid-Cell { background-color: var(--buic-background-striped_row); } .components-table.row-selection .react-grid-Row .react-grid-Cell.row-selected { background: var(--buic-row-selection); } .components-table.row-selection .react-grid-Row:hover .react-grid-Cell { background: var(--buic-row-hover); } .components-table.cell-selection .react-grid-Row:hover .react-grid-Cell { background: transparent; } .components-table.cell-selection .react-grid-Cell:hover .components-table-cell { background: var(--buic-row-hover); } .components-table.hide-header .react-grid-Viewport { height: 100% !important; top: 0 !important; } .components-table.hide-header .react-grid-Cell { border-right: none; border-bottom: none; } .components-table.hide-header .react-grid-Header { display: none; } .components-table-header-drag-drop .react-grid-HeaderCell { height: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-table .react-grid-HeaderCell { /* NumericFilter rendering */ } .components-table .react-grid-HeaderCell > div > div { margin-right: unset !important; max-width: unset !important; } .components-table .react-grid-HeaderCell .input-sm { display: none; } .components-table .react-grid-HeaderCell .form-control.input-sm { margin: 0; padding: 0; border: none; vertical-align: baseline; width: 100%; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 3px; -webkit-appearance: none; appearance: none; box-sizing: border-box; padding: 7px 12px; min-height: 38px; color: rgba(0, 0, 0, 0.8); background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.4); color: var(--iui-text-color); background-color: var(--iui-color-background-1); border: 1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); display: inline; padding: 2px 8px; margin: 0; max-width: calc(100% - 10px); min-height: 24px; height: 24px; } .components-table .react-grid-HeaderCell .form-control.input-sm:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .components-table .react-grid-HeaderCell .form-control.input-sm:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } @media (prefers-reduced-motion: no-preference) { .components-table .react-grid-HeaderCell .form-control.input-sm { transition: border-color 0.2s ease-out; } } .components-table .react-grid-HeaderCell .form-control.input-sm.iui-small { padding-top: 1.5px; padding-bottom: 1.5px; min-height: 27px; } .components-table .react-grid-HeaderCell .form-control.input-sm.iui-large { padding-top: 12.5px; padding-bottom: 12.5px; min-height: 49px; font-size: 16px; } .components-table .react-grid-HeaderCell .form-control.input-sm::placeholder { -webkit-user-select: none; user-select: none; color: rgba(0, 0, 0, 0.2); color: var(--iui-text-color-placeholder); } .components-table .react-grid-HeaderCell .form-control.input-sm:autofill { border-color: #008be1; color: #008be1; background: linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background: linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .components-table .react-grid-HeaderCell .form-control.input-sm:hover { border-color: rgba(0, 0, 0, 0.8); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference) { .components-table .react-grid-HeaderCell .form-control.input-sm:hover { transition: border-color 0.2s ease-out; } } .components-table .react-grid-HeaderCell .form-control.input-sm[disabled] { background-color: #EEF0F3; border-color: #EEF0F3; background-color: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); cursor: not-allowed; } .components-table .react-grid-HeaderCell .uicore-reactSelectTop { min-height: 24px; max-height: 24px; max-width: calc(100% - 10px); } .components-table .react-grid-HeaderCell .uicore-reactSelectTop .react-select__control { min-height: 24px; max-height: 24px; } .components-table .react-grid-HeaderCell .uicore-reactSelectTop .react-select__control .react-select__placeholder { padding: 2px; } .components-table .react-grid-HeaderCell .uicore-reactSelectTop .react-select__control .react-select__value-container { padding: 0 2px; max-height: 24px; } .components-table .react-grid-HeaderCell .uicore-reactSelectTop .react-select__control .react-select__value-container .react-select__multi-value { margin: 0; } .components-table .react-grid-HeaderCell .uicore-reactSelectTop .react-select__control .react-select__value-container .react-select__multi-value .react-select__multi-value__label { padding-left: 4px; } .components-table .react-grid-HeaderCell .uicore-reactSelectTop .react-select__single-value { margin: 0; } .components-table .react-grid-HeaderCell .uicore-reactSelectTop .react-select__indicator { padding: 0 2px; } .components-table .react-grid-HeaderCell .components-popup-button { min-height: 24px; max-height: 24px; min-width: calc(100% - 10px); max-width: calc(100% - 10px); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-progress-indicator-linear{ margin:0; padding:0; border:none; vertical-align:baseline; text-align:left; display:block; } .iui-progress-indicator-linear > .iui-track{ width:100%; height:4px; overflow:hidden; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-progress-indicator-linear > .iui-track > .iui-fill{ display:inline-block; height:100%; vertical-align:top; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-progress-indicator-linear > .iui-label{ align-items:center; width:100%; overflow:hidden; margin-top:4px; display:flex; font-size:12px; justify-content:space-between; } .iui-progress-indicator-linear > .iui-label > :only-child{ margin:0 auto; } .iui-progress-indicator-linear > .iui-label > :last-child:not(:first-child){ -webkit-user-select:none; user-select:none; } .iui-progress-indicator-linear > .iui-label svg{ display:flex; width:16px; height:16px; } .iui-progress-indicator-linear.iui-positive > .iui-track, .iui-progress-indicator-linear.iui-positive > .iui-track > *{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label > span::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear.iui-negative > .iui-track > *{ width:100%; background-color:#D30A0A; background-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label > span::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear > .iui-track > .iui-determinate{ transition:width 2s ease-in-out; } .iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive) > .iui-track > .iui-indeterminate{ width:100%; animation:iui-progress-indicator-linear-animate-indeterminate 1.5s infinite linear; } @keyframes iui-progress-indicator-linear-animate-indeterminate{ 0%{ transform:translateX(-60%) scaleX(0); } 40%{ transform:translateX(-40%) scaleX(0.4); } 100%{ transform:translateX(100%) scaleX(0.5); } } .iui-progress-indicator-radial-ie{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-block; position:relative; box-sizing:border-box; height:100%; width:100%; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-progress-indicator-radial-ie::after{ position:relative; box-sizing:border-box; content:''; width:100%; height:100%; display:inline-block; border:3px solid currentColor; border-radius:100%; background-color:transparent; animation:dash 0.8s linear infinite; border-bottom-color:#C7CCD1; border-bottom-color:var(--iui-color-background-5); } @keyframes dash{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .iui-progress-indicator-radial{ position:relative; display:inline-block; width:32px; height:32px; } .iui-progress-indicator-radial > .iui-radial{ height:100%; width:100%; } .iui-progress-indicator-radial > .iui-radial > circle.iui-fill{ stroke:#008BE1; stroke:var(--iui-color-foreground-primary); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial > .iui-radial > circle.iui-track{ stroke:#C7CCD1; stroke:var(--iui-color-background-5); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial .iui-inner-content{ position:absolute; display:flex; width:calc(100% - 8px); height:calc(100% - 8px); left:50%; top:50%; transform:translate(-50%, -50%); align-items:center; justify-content:center; font-size:12px; -webkit-user-select:none; user-select:none; overflow:hidden; } .iui-progress-indicator-radial .iui-inner-content svg, .iui-progress-indicator-radial .iui-inner-content img{ display:flex; width:16px; height:16px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-progress-indicator-radial .iui-inner-content svg:hover, .iui-progress-indicator-radial .iui-inner-content img:hover{ fill:black; fill:var(--iui-icons-color-actionable-hover); } .iui-progress-indicator-radial.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill, .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{ stroke:#53A21A; stroke:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#53A21A; border-bottom-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{ stroke:#D30A0A; stroke:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#D30A0A; border-bottom-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-x-small{ width:16px; height:16px; } .iui-progress-indicator-radial.iui-x-small .iui-inner-content{ display:none; } .iui-progress-indicator-radial.iui-small{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-large{ width:48px; height:48px; } .iui-progress-indicator-radial.iui-large .iui-inner-content{ font-size:16px; } .iui-progress-indicator-radial.iui-large .iui-inner-content svg, .iui-progress-indicator-radial.iui-large .iui-inner-content img{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{ transform:rotate(-90deg); } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{ stroke-dasharray:88; transition:stroke-dashoffset 0.5s ease-in-out; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{ animation:rotate-indeterminate 2s linear infinite; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{ animation:dash-indeterminate 1.5s ease-in-out infinite; } @keyframes rotate-indeterminate{ 100%{ transform:rotate(360deg); } } @keyframes dash-indeterminate{ 0%{ stroke-dasharray:1, 88; } 50%{ stroke-dasharray:88, 88; stroke-dashoffset:-22; } 100%{ stroke-dasharray:88, 88; stroke-dashoffset:-88; } } .iui-progress-indicator-overlay{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; z-index:10000; pointer-events:none; background-color:rgba(255, 255, 255, 0.8); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-2)); } @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){ .iui-progress-indicator-overlay{ background-color:rgba(255, 255, 255, 0.6); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-3)); backdrop-filter:blur(5px); } } .iui-progress-indicator-overlay:focus, .iui-progress-indicator-overlay:focus-visible{ outline:0; } .iui-progress-indicator-overlay .iui-progress-indicator-linear{ width:50%; max-width:33vw; } @keyframes closeAnimation{ from{ opacity:1; opacity:var(--iui-opacity-1); } to{ opacity:0; } } .iui-progress-indicator-overlay .iui-overlay-exiting{ animation:closeAnimation 0.2s linear; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-multi-value-buttons { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 8px; column-gap: 8px; margin-top: 8px; } .components-multi-value-filter-selectAll { margin-bottom: 4px; } .components-multi-value-filter-searchbox { margin-bottom: 8px; } .components-multi-value-filter-searchbox > .core-searchbox { width: 100%; } .components-multi-value-filter-distinct-values { height: 100%; width: 100%; overflow-y: auto; border: 1px solid var(--buic-background-panel-stroke); border-radius: 2px; box-sizing: border-box; max-height: 250px; padding-left: 2px; } @supports (-webkit-overflow-scrolling: touch) { .components-multi-value-filter-distinct-values { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .components-multi-value-filter-distinct-values::-webkit-scrollbar { width: 12px; height: 12px; } .components-multi-value-filter-distinct-values::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .components-multi-value-filter-distinct-values::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .components-multi-value-filter-distinct-values::-webkit-scrollbar-corner { background-color: transparent; } .components-multi-value-filter-distinct-values::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-popup-button { min-width: 100%; min-height: 28px; height: 100%; margin: 0; padding: 0; background-color: var(--buic-background-control); border: 1px solid var(--buic-inputs-border); border-radius: 3px; box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; box-sizing: border-box; cursor: pointer; display: flex; flex-shrink: 1; align-items: center; font-weight: normal; } .components-popup-button > .components-popup-button-value { flex-grow: 1; max-width: calc(100% - 15.4px); overflow-x: hidden; padding: 0 3px; } .components-popup-button > .components-popup-button-value.components-popup-button-placeholder { color: var(--buic-foreground-disabled); } .components-popup-button > .components-popup-button-arrow { background-color: var(--buic-background-control); width: 15.4px; height: 15.4px; } .components-popup-button > .components-popup-button-arrow > .components-popup-button-arrow-icon { transition: transform 0.2s; text-align: center; font-size: 12px; line-height: 15.4px; } .components-popup-button > .components-popup-button-arrow > .components-popup-button-arrow-icon:hover { color: var(--buic-foreground-primary); } .components-popup-button:focus, .components-popup-button.components-popup-expanded { border-color: var(--buic-foreground-focus); outline: 0px; box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .components-popup-button:focus > .components-popup-button-arrow, .components-popup-button.components-popup-expanded > .components-popup-button-arrow { border: none; box-shadow: none; outline: 0px; } .components-popup-button:focus > .components-popup-button-arrow > .components-popup-button-arrow-icon, .components-popup-button.components-popup-expanded > .components-popup-button-arrow > .components-popup-button-arrow-icon { color: var(--buic-foreground-primary); } .components-smallEditor-host .components-popup-button { min-height: 24px !important; } .components-popup-button-popup { background-color: var(--buic-background-dialog); } .components-editor-popup-content { padding: 4px 8px; } .components-popup-bottom-buttons { display: flex; justify-content: flex-end; margin-top: 4px; } .components-popup-bottom-buttons > .components-popup-large-button { width: 70px; font-size: 20px; margin-left: 6px; } .components-popup-bottom-buttons > .components-popup-cancel-button, .components-popup-bottom-buttons > .components-popup-cancel-button:active, .components-popup-bottom-buttons > .components-popup-cancel-button:focus { border: none; background-color: #9ba5ae; color: #fff; } .components-popup-bottom-buttons > .components-popup-cancel-button:hover { background-color: #677480; color: #fff; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-button{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; display:inline-flex; align-items:center; vertical-align:middle; justify-content:center; position:relative; box-sizing:border-box; border-radius:3px; line-height:22px; outline:none; box-shadow:none; font-size:14px; font-weight:400; text-decoration:none; -webkit-user-select:none; user-select:none; cursor:pointer; white-space:nowrap; border:1px solid transparent; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); padding:0 16px; height:38px; grid-gap:8px; gap:8px; padding:0 16px; height:38px; grid-gap:8px; gap:8px; } @media (prefers-reduced-motion: no-preference){ .iui-button{ transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .iui-button:hover{ text-decoration:none; color:black; color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button:focus:not(:focus-visible){ box-shadow:none; } .iui-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button[disabled], .iui-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-default{ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:focus{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:focus .iui-notification-primary::before, .iui-button.iui-default:focus .iui-notification-positive::before, .iui-button.iui-default:focus .iui-notification-warning::before, .iui-button.iui-default:focus .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default:focus:where(:not(:focus-visible)){ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:hover, .iui-button.iui-default:active{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:hover .iui-notification-primary::before, .iui-button.iui-default:hover .iui-notification-positive::before, .iui-button.iui-default:hover .iui-notification-warning::before, .iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before, .iui-button.iui-default:active .iui-notification-positive::before, .iui-button.iui-default:active .iui-notification-warning::before, .iui-button.iui-default:active .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default.iui-dropdown{ padding-right:8px; } .iui-button.iui-default.iui-dropdown.iui-small{ padding-right:4px; } .iui-button.iui-default.iui-dropdown.iui-large{ padding-right:12px; } .iui-button.iui-default.iui-active{ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); color:#008BE1; background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); color:var(--iui-color-foreground-primary); } .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-high-visibility{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-cta{ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus:where(:not(:focus-visible)){ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:hover, .iui-button.iui-cta:active{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-idea{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); border-radius:22px; box-shadow:0 9px 46px rgba(0, 0, 0, 0.25); position:fixed; bottom:11px; right:16px; } .iui-button.iui-idea:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:hover, .iui-button.iui-idea:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-borderless{ border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; } .iui-button.iui-borderless > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:focus{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)){ border-color:transparent; background-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-button.iui-small{ padding:0 8px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-small.iui-borderless{ padding:0 2px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-large{ padding:0 24px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button.iui-large.iui-borderless{ padding:0 12px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button-group{ display:inline-flex; align-items:center; isolation:isolate; } .iui-button-group > *{ display:flex; } .iui-button-group > * input, .iui-button-group > * button{ position:relative; transition-duration:0ms; } .iui-button-group > * input:hover, .iui-button-group > * button:hover{ z-index:1; } .iui-button-group > * input:focus, .iui-button-group > * button:focus{ z-index:2; } .iui-button-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-group > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{ z-index:-1; } .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * button:hover, .iui-button-group > * button:focus{ transition-duration:0.2s; } .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){ border-radius:0; } .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-group > *:not(:last-child){ margin-right:-1px; } .iui-button-group > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu{ display:inline-flex; align-items:center; isolation:isolate; display:inline-flex; align-items:center; isolation:isolate; } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu:hover{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-button-split-menu > *:first-child > .iui-borderless:hover{ background-color:transparent; } .iui-button-split-menu > *:last-child > .iui-button{ padding:4px; } .iui-button-split-menu > *:last-child > .iui-small{ padding:2px; } .iui-button-split-menu > *:last-child > .iui-large{ padding:8px; } .iui-button-split-menu > *:first-child > .iui-high-visibility, .iui-button-split-menu > *:first-child > .iui-cta{ border-right-color:rgba(255, 255, 255, 0.4); border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu > *:last-child > .iui-high-visibility, .iui-button-split-menu > *:last-child > .iui-cta{ border-left-color:rgba(255, 255, 255, 0.4); border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu.iui-disabled{ background-color:transparent; background-color:transparent; } .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-icon{ width:16px; height:16px; transition:fill 0.2s ease-out; fill:currentColor; } @charset "UTF-8"; /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-table-cell { -webkit-user-select: none; user-select: none; display: flex; align-items: center; color: var(--buic-foreground-body); padding: 1px; box-sizing: border-box; overflow: hidden; } .components-table-cell.border-top { border-top: 1px solid var(--buic-foreground-primary); padding-top: 0; } .components-table-cell.border-right { border-right: 1px solid var(--buic-foreground-primary); padding-right: 0; } .components-table-cell.border-bottom { border-bottom: 1px solid var(--buic-foreground-primary); padding-bottom: 0; } .components-table-cell.border-left { border-left: 1px solid var(--buic-foreground-primary); padding-left: 0; } .components-table-cell.is-selected { background-color: var(--buic-row-selection); } .components-table-cell.is-keyboard-editable { background-color: var(--buic-background-editable); } .components-table-cell:focus { outline: none; } .components-table-cell > * { padding-left: 8px; height: 100%; width: calc(100% - 8px); } .components-table-cell > span:empty:before { content: "​"; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-date-input { width: auto; } .components-date-input.components-date-has-error { color: var(--buic-foreground-negative); } .components-date-input.iui-input { padding: 2px 8px; } .components-date-input.iui-input[disabled] { color: var(--buic-foreground-body); opacity: 0.65; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-date-picker-calendar { border-radius: 3px 3px 0 0; background-color: var(--buic-background-control); color: var(--buic-foreground-body); font-size: 14px; } .components-date-picker-calendar * { box-sizing: border-box; } .components-date-picker-calendar .components-date-picker-calendar-header-months { display: inline-flex; width: calc(100% - 12px); align-items: center; justify-content: space-between; padding: 6px; } .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-previous-month, .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-next-month { background-color: var(--buic-background-control); border: none; cursor: pointer; padding: 5px; font-size: 16px; -webkit-user-select: none; user-select: none; color: rgba(var(--buic-foreground-body), var(--iui-opacity-2)); } .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-previous-month:focus, .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-next-month:focus { outline: 0px; } .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-previous-month:focus.showFocusOutline, .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-next-month:focus.showFocusOutline { outline: 0px; border: 0px solid var(--buic-inputs-border); border-radius: 3px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px, var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px; } .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-previous-month:hover, .components-date-picker-calendar .components-date-picker-calendar-header-months button.components-next-month:hover { color: var(--buic-foreground-primary); } .components-date-picker-calendar .components-date-picker-calendar-header-months .components-next-month { text-align: right; } .components-date-picker-calendar .components-date-picker-calendar-header-months .components-month-year { flex: 2 1; font-weight: 700; text-align: center; } .components-date-picker-calendar .components-date-picker-calendar-header-weekdays { display: grid; background-color: var(--buic-background-2); padding-inline-start: 8px; padding-inline-end: 8px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; align-items: center; } .components-date-picker-calendar .components-date-picker-calendar-header-weekdays .components-date-picker-calendar-header-day-short { text-align: center; text-decoration: none; font-weight: 700; height: 32px; width: 32px; display: inline-flex; align-items: center; justify-content: center; } .components-date-picker-calendar ul.components-date-picker-calendar-month { margin: 1px; padding: 4px 5px; list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; text-align: center; align-items: center; align-self: center; } .components-date-picker-calendar ul.components-date-picker-calendar-month:focus { outline: 0px; } .components-date-picker-calendar ul.components-date-picker-calendar-month:focus.showFocusOutline { border: 0px solid var(--buic-inputs-border); border-radius: 3px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px, var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px; } .components-date-picker-calendar ul.components-date-picker-calendar-month:focus.showFocusOutline .components-date-picker-calendar-day.focused { outline: 0px; border: 1px solid var(--buic-inputs-border); border-radius: 3px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px, var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px; z-index: 1; } .components-date-picker-calendar ul.components-date-picker-calendar-month .components-date-picker-calendar-day { box-sizing: border-box; text-align: center; white-space: nowrap; cursor: pointer; height: 32px; width: 32px; display: inline-flex; align-items: center; justify-content: center; } .components-date-picker-calendar ul.components-date-picker-calendar-month .components-date-picker-calendar-day:focus { outline: 0px; } .components-date-picker-calendar ul.components-date-picker-calendar-month .components-date-picker-calendar-day:hover:not(.selected) { background-color: var(--buic-row-hover); border-radius: 3px; font-weight: 600; } .components-date-picker-calendar ul.components-date-picker-calendar-month .components-date-picker-calendar-day.selected { background-color: var(--buic-background-primary); color: var(--buic-foreground-accessory); font-weight: 600; border-radius: 3px; } .components-date-picker-calendar ul.components-date-picker-calendar-month .components-date-picker-calendar-day.selected:hover { background-color: var(--buic-row-hover); color: var(--buic-foreground-body); } .components-date-picker-calendar ul.components-date-picker-calendar-month .components-date-picker-calendar-day.today { background-color: rgba(var(--buic-foreground-body), var(--iui-opacity-6)); font-weight: 600; border-radius: 50%; } .components-date-picker-calendar ul.components-date-picker-calendar-month .components-date-picker-calendar-day.notCurrentMonth:not(.selected) { color: var(--buic-foreground-disabled); font-weight: 300; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-time { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; background-color: var(--buic-background-control); border: 1px solid var(--buic-inputs-border); border-radius: 3px; box-shadow: var(--buic-inputs-boxshadow) 0px 1px 1px inset; box-sizing: border-box; } .components-time.has-error { color: var(--buic-foreground-negative); } .components-time .components-time-input { box-sizing: border-box; width: 2em; text-align: center; border: none; box-shadow: none; margin: 0; } .components-time .components-time-input.iui-input { padding-left: 0; padding-right: 0; } .components-time .components-time-input:focus { outline: 0px; border: 1px solid var(--buic-inputs-border); border-radius: 3px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px, var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px; z-index: 1; /* bump z-index so drop shadow in not cut off by AM/PM */ } .components-time .components-time-period-input { box-sizing: border-box; width: 3em; text-align: center; border: none; padding-left: 0; padding-right: 0; box-shadow: none; margin: 0; } .components-time .components-time-period-input:focus { outline: 0px; border: 1px solid var(--buic-inputs-border); border-radius: 3px; border-color: var(--buic-foreground-focus-border); box-shadow: var(--buic-focus-boxshadow-gradient1) 0px 1px 1px, var(--buic-focus-boxshadow-gradient2) 0px 0px 0px 2px; } .components-time .component-time-separator { margin: 0; padding: 0 1px; } .components-time .iui-input { padding: 2px 8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-date-picker-calendar-popup-button { color: var(--buic-foreground-body); font-size: 14px; background-color: transparent; height: 2.2em; border: none; margin-right: 2px; } .components-date-picker-calendar-popup-button .datepicker-button { width: 16px; height: 16px; } .components-date-picker-calendar-popup-button svg { fill: var(--buic-foreground-body); } .components-date-picker-calendar-popup-button:hover { color: var(--buic-foreground-primary-tone); cursor: auto; } .components-date-picker-calendar-popup-button:hover svg { fill: var(--buic-foreground-primary-tone); } .components-date-picker-calendar-popup-button:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; outline: none; } .components-date-picker-calendar-popup-panel { display: flex; flex-direction: column; background-color: var(--buic-background-control); } .components-date-picker-calendar-popup-panel .time-container { display: flex; flex-direction: row; align-items: center; justify-content: center; border-top: 2px solid var(--buic-inputs-border); padding-top: 8px; padding-bottom: 8px; } .components-date-picker-calendar-popup-panel .time-container .time-label { margin-right: 4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-boolean-editor { height: 16.8px; width: 16.8px; margin-left: 0px; } .components-boolean-editor.components-cell-editor { border: none; } .components-property-list--horizontal .components-boolean-editor { margin-left: 8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-customnumber-editor { width: 100%; height: 100%; margin: 0; } .components-smallEditor-host .components-customnumber-editor.iui-input { min-height: 24px !important; padding-top: 1px !important; padding-bottom: 1px !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-datetime-editor { min-width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-enumbuttongroup-editor { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; background: var(--buic-background-control); width: -moz-fit-content; width: fit-content; border-color: var(--buic-background-toolbutton-stroke); border-width: 1px; border-radius: 3px; border-style: solid; overflow: hidden; display: flex; vertical-align: bottom; box-sizing: border-box; height: 32px; } .components-enumbuttongroup-editor > * { display: inline-block; height: 100%; width: 32px; } .components-enumbuttongroup-editor > *:not(:first-child) { margin-left: 1px; } .components-enumbuttongroup-editor > *:not(:first-child):before { content: ""; background-color: var(--buic-background-toolbutton-stroke); display: block; position: absolute; pointer-events: none; width: 1px; height: 100%; left: -1px; top: 0; } .components-enumbuttongroup-button { border-width: 0; background: var(--buic-background-control); background-origin: border-box; border-color: var(--buic-background-control-stroke); border-style: solid; cursor: pointer; transition-property: background-color, color; transition-duration: 500ms; transition-timing-function: ease; position: relative; background: var(--buic-background-control); height: 32px; width: 32px; } .components-enumbuttongroup-button > i { font-size: 16px; width: 100%; height: 100%; display: grid; align-content: center; justify-content: center; margin: 0; color: var(--buic-foreground-body); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); transition: all 500ms ease; } .components-enumbuttongroup-button > i svg { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .components-enumbuttongroup-button > i img { width: 100%; height: 100%; } .components-enumbuttongroup-button:hover > i { color: var(--buic-foreground-primary-tone); transition-duration: 150ms; } .components-enumbuttongroup-button:active > i { color: var(--buic-foreground-body-reverse); filter: drop-shadow(0 0 0 transparent); } .components-enumbuttongroup-button:active > i svg { filter: drop-shadow(0 0 0 transparent); } .components-enumbuttongroup-button:active:not(.nz-is-disabled) { background: var(--buic-foreground-primary-tone); color: var(--buic-foreground-body-reverse); transition-duration: 150ms; transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5); } .components-enumbuttongroup-button.nz-is-active { background: var(--buic-background-control); } .components-enumbuttongroup-button.nz-is-active:not(:active):not(.nz-is-disabled) { transition-duration: 0s; } .components-enumbuttongroup-button.nz-is-active:not(:active):not(.nz-is-disabled) > i { color: var(--buic-foreground-primary); filter: drop-shadow(0 0 0 transparent); transition-duration: 150ms; transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5); } .components-enumbuttongroup-button.nz-is-active:not(:active):not(.nz-is-disabled) > i svg { filter: drop-shadow(0 0 0 transparent); } .components-enumbuttongroup-button.nz-is-active:not(:active):not(.nz-is-disabled):after { content: ""; display: block; position: absolute; background: var(--buic-foreground-primary); left: 3px; top: 5px; border-radius: 2px; width: 2px; height: 22px; } .components-enumbuttongroup-button.nz-is-disabled { pointer-events: none; } .components-enumbuttongroup-button.nz-is-disabled > i { color: var(--buic-foreground-disabled); } .components-enumbuttongroup-button.nz-is-disabled:hover { cursor: auto; } .components-enumbuttongroup-button.nz-is-disabled:active { pointer-events: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-enum-editor { width: 100%; height: 100%; margin: 0; } .components-smallEditor-host .components-enum-editor.iui-select > .iui-select-button { min-height: 24px !important; padding-top: 0px !important; padding-bottom: 0px !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-menu{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); list-style-type:none; -webkit-user-select:none; user-select:none; width:100%; margin:0; padding:0; } .iui-menu .iui-header-menu-icon{ margin:0 4px; } .iui-menu div.iui-header-menu-icon{ margin:0; width:24px; height:24px; border-radius:3px; } .iui-menu.iui-scroll{ overflow-y:auto; overflow-y:overlay; } .iui-menu-item{ display:flex; align-items:center; font-size:14px; padding:0 13px; height:38px; cursor:pointer; box-sizing:border-box; line-height:normal; } .iui-menu-item + .iui-menu-item{ margin-top:-1px; } .iui-menu-item .iui-content, .iui-menu-item .iui-menu-label, .iui-menu-item .iui-menu-description{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-menu-item .iui-content{ flex:1 1 auto; } .iui-menu-item .iui-content + .iui-icon{ margin-right:0; margin-left:8px; } .iui-menu-item .iui-menu-description{ display:none; font-size:12px; opacity:0.6; opacity:var(--iui-opacity-3); } .iui-menu-item > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-menu-item > .iui-icon + .iui-content{ margin-left:8px; } .iui-menu-item:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-menu-item:focus, .iui-menu-item.iui-focused{ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item:focus:not(:focus-visible){ outline:none; } .iui-menu-item.iui-large{ height:49px; } .iui-menu-item.iui-large .iui-menu-description{ display:block; } .iui-menu-item.iui-active, .iui-menu-item.iui-active:hover{ background-color:rgba(0, 139, 225, 0.2); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-active > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{ outline-width:2px; outline-offset:-2px; } .iui-menu-item.iui-active:focus:not(:focus-visible){ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-disabled, .iui-menu-item.iui-disabled:hover{ cursor:not-allowed; outline:none; background-color:#FFF; color:rgba(0, 0, 0, 0.2); background-color:var(--iui-color-background-1); color:var(--iui-text-color-placeholder); } .iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-menu-content{ padding:11px 13px; } .iui-menu-divider{ height:1px; width:calc(100% - 24px); margin:1px auto; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-icon-editor { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--buic-foreground-body); border: none; box-sizing: border-box; height: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .components-iconpicker-button { color: var(--buic-foreground-body); background: var(--buic-background-control); box-sizing: border-box; border: 1px solid var(--buic-inputs-border); border-radius: 3px; display: flex; align-items: center; width: -moz-fit-content; width: fit-content; } .components-iconpicker-button .iconpicker-button-sprite { width: 18px; height: 18px; margin: 4px; } .components-iconpicker-button .icon { margin-left: 4px; font-size: 10px; transition: color 0.1s ease; } .components-iconpicker-button:not(.readonly) { cursor: pointer; } .components-iconpicker-button:hover .icon { color: var(--buic-foreground-primary); } .components-iconpicker-popup { border: 1px solid var(--buic-inputs-border); z-index: 15000; } .components-iconpicker-popup .components-iconpicker-popup-container { color: var(--buic-foreground-body); background: var(--buic-background-control); } .components-iconpicker-popup .components-iconpicker-popup-container .components-iconpicker-popup-icons { display: grid; grid-gap: 8px; padding: 8px; } .components-iconpicker-popup .components-iconpicker-popup-container .components-iconpicker-popup-icons .components-icon-swatch { width: 34px; height: 34px; padding: 4px; border-width: 1px; border-radius: 3px; border-style: solid; border-color: rgba(0, 0, 0, 0.2); background: var(--buic-background-control); transition: scale 0.2s ease; cursor: pointer; outline: none; } .components-iconpicker-popup .components-iconpicker-popup-container .components-iconpicker-popup-icons .components-icon-swatch:hover { transform: scale(1.15); } .components-iconpicker-popup .components-iconpicker-popup-container .components-iconpicker-popup-icons .components-icon-swatch[disabled] { opacity: 0.2; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-image-checkbox-editor { height: 32px; width: 32px; margin-left: 0px; } .components-image-checkbox-editor.components-cell-editor { border: none; } .components-property-list--horizontal .components-image-checkbox-editor { margin-left: 14px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-smallEditor-host .components-numeric-input-editor.iui-input { min-height: 24px !important; padding-top: 0px !important; padding-bottom: 0px !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-slider-editor { min-width: 100%; } .components-slider-editor-slider { min-width: 100px; min-height: 24px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-slider-component-container{ display:flex; min-height:22px; } .iui-slider-component-container .iui-slider-min, .iui-slider-component-container .iui-slider-max{ -webkit-user-select:all; user-select:all; margin-top:2px; } .iui-slider-component-container .iui-slider-min svg, .iui-slider-component-container .iui-slider-max svg{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; margin-top:4px; } .iui-slider-component-container .iui-slider-min svg.iui-informational, .iui-slider-component-container .iui-slider-max svg.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-slider-component-container .iui-slider-min svg.iui-positive, .iui-slider-component-container .iui-slider-max svg.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-slider-component-container .iui-slider-min svg.iui-warning, .iui-slider-component-container .iui-slider-max svg.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-slider-component-container .iui-slider-min svg.iui-negative, .iui-slider-component-container .iui-slider-max svg.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-slider-component-container .iui-slider-min{ margin-right:12px; text-align:right; } .iui-slider-component-container .iui-slider-max{ margin-left:12px; } .iui-slider-component-container.iui-disabled{ cursor:not-allowed; } .iui-slider-component-container.iui-disabled .iui-slider-container{ cursor:not-allowed; pointer-events:none; } .iui-slider-component-container.iui-disabled .iui-slider-thumb{ cursor:not-allowed; background-color:#DCE0E3; border-color:#DCE0E3; background-color:var(--iui-color-background-4); border-color:var(--iui-color-background-4); } .iui-slider-component-container.iui-disabled .iui-slider-track{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-slider-component-container.iui-disabled .iui-slider-min, .iui-slider-component-container.iui-disabled .iui-slider-max, .iui-slider-component-container.iui-disabled .iui-slider-tick{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-slider-container{ position:relative; flex-grow:1; cursor:pointer; touch-action:pan-y; } .iui-slider-container.iui-grabbing{ cursor:grabbing; } .iui-slider-ticks{ position:relative; padding-top:16px; display:flex; pointer-events:none; justify-content:space-between; -webkit-user-select:none; user-select:none; } .iui-slider-ticks .iui-slider-tick{ position:relative; display:flex; pointer-events:none; justify-content:center; width:1px; height:11px; line-height:44px; margin-bottom:22px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-rail{ position:absolute; width:100%; height:4px; top:12px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-thumb{ position:absolute; height:16px; width:16px; border-radius:100%; top:5px; transform:translateX(-9px); z-index:1; cursor:grab; background:#FFF; border:1px solid #C7CCD1; background:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); } .iui-slider-thumb:active{ cursor:grabbing; } .iui-slider-thumb:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-thumb:focus:not(:focus-visible){ box-shadow:none; } .iui-slider-thumb:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-track{ pointer-events:none; position:absolute; height:4px; left:0; top:12px; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tooltip-container{ width:-moz-fit-content; width:fit-content; height:-moz-fit-content; height:fit-content; position:relative; } .iui-tooltip-container > .iui-tooltip{ position:absolute; visibility:hidden; -webkit-user-select:none; user-select:none; opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-tooltip-container > .iui-tooltip{ transition:visibility 0s linear 0.2s, opacity 0.2s ease-out; } } .iui-tooltip-container > .iui-tooltip.iui-tooltip-visible, .iui-tooltip-container:hover > .iui-tooltip{ visibility:visible; opacity:1; } .iui-tooltip{ margin:0; padding:0; border:none; vertical-align:baseline; display:block; text-align:center; border-radius:3px; font-size:12px; overflow:hidden; max-width:400px; width:max-content; overflow-wrap:break-word; box-sizing:content-box; padding:4px 8px; z-index:999; box-shadow:0 3px 14px rgba(0, 0, 0, 0.25); pointer-events:none; background-color:rgba(0, 0, 0, 0.6); color:#FFF; background-color:rgba(0, 0, 0, var(--iui-opacity-3)); color:var(--iui-color-foreground-accessory); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-textarea-editor { min-width: 100%; margin: 0; } .components-textarea-editor-textarea { min-width: 150px; margin: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-enum-editor { min-width: 100%; height: 100%; margin: 0; } .components-enum-editor .uicore-reactSelectTop { max-height: 24px; } .components-enum-editor .uicore-reactSelectTop .react-select__control { max-height: 24px; width: 100%; line-height: 24px; min-height: 0px; } .components-enum-editor .uicore-reactSelectTop .react-select__control .react-select__placeholder { padding: 2px; } .components-enum-editor .uicore-reactSelectTop .react-select__control .react-select__value-container { padding: 2px; max-height: 24px; min-height: 24px; min-width: 4.5em; } .components-enum-editor .uicore-reactSelectTop .react-select__single-value { max-height: 24px; min-height: 24px; margin: 0; min-width: 4.5em; } .components-enum-editor .uicore-reactSelectTop .react-select__indicator { padding: 0 2px; max-height: 24px; min-height: 24px; width: 100%; } .components-enum-editor .css-1gtu0rj-indicatorContainer { max-height: 24px; width: 100%; padding: 0 8px; } .components-enum-editor .css-tlfecz-indicatorContainer { max-height: 24px; width: 100%; padding: 0 8px; } .components-enum-editor .css-g1d714-ValueContainer { max-height: 24px; min-height: 24px; width: 100%; } .components-enum-editor .css-yk16xz-control { max-height: 24px; min-height: 24px; min-width: 4.5em; width: 100%; } .components-enum-editor .css-1pahdxg-control { max-height: 24px; min-height: 24px; min-width: 4.5em; width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-property-list--horizontal .components-toggle-editor { margin-left: 4px; } .components-property-list--horizontal .components-toggle-editor.iui-toggle-switch { padding: 1px 0; } .components-property-list--vertical .components-toggle-editor { margin-left: 2px; } .components-property-list--vertical .components-toggle-editor.iui-toggle-switch { padding: 1px 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-toggle-switch{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; padding:5.5px 0; -webkit-user-select:none; user-select:none; cursor:pointer; position:relative; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-toggle-switch > input ~ .iui-toggle{ display:block; position:relative; height:20px; width:38px; border-radius:11px; background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle{ transition:background-color 0.2s ease, border-color 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ opacity:0; width:12px; height:12px; display:inline-block; position:relative; left:4px; fill:#FFF; fill:var(--iui-color-foreground-accessory); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ transition:opacity 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ position:absolute; height:16px; width:16px; top:50%; transform:translateY(-50%); right:20px; border-radius:50%; background-color:#000; opacity:0.8; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-2); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ transition:right 0.2s ease, background-color 0.2s ease, opacity 0.2s ease; } } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:focus ~ .iui-toggle{ border:1px solid rgba(0, 0, 0, 0.8); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:focus ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle{ background-color:#008BE1; border-color:#008BE1; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-icon{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-handle{ background-color:#FFF; opacity:0.8; background-color:var(--iui-color-foreground-accessory); opacity:var(--iui-opacity-2); right:2px; } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle{ border-color:#008BE1; border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:disabled ~ .iui-toggle{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-handle{ background-color:#000; opacity:0.2; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); opacity:0; } .iui-toggle-switch > input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-toggle-switch > input:disabled:checked ~ .iui-toggle > .iui-icon{ opacity:0.2; opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:enabled:focus ~ .iui-toggle{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-toggle-switch.iui-disabled{ cursor:not-allowed; } .iui-toggle-switch > .iui-label{ margin-right:8px; } .iui-toggle-switch .iui-toggle ~ .iui-label{ margin-left:8px; margin-right:0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-filtering-input { display: flex; align-items: center; justify-content: space-between; margin: 5px; } .components-filtering-input-input { position: relative; flex: 1 1; } .components-filtering-input-input input { min-height: 28px; padding: 2px 8px; box-sizing: border-box; } .components-filtering-input-input input::-ms-clear { display: none; } .components-filtering-input-input-components { display: flex; position: absolute; right: 8px; top: 1px; bottom: 0px; } .components-filtering-input-input-components > .icon { align-self: center; border: none; outline: none; } .components-filtering-input-button { margin: 0; padding: 0; border: none; vertical-align: baseline; font-family: inherit; display: inline-flex; align-items: center; vertical-align: middle; justify-content: center; position: relative; box-sizing: border-box; border-radius: 3px; line-height: 22px; outline: none; box-shadow: none; font-size: 14px; font-weight: 400; text-decoration: none; -webkit-user-select: none; user-select: none; cursor: pointer; white-space: nowrap; border: 1px solid transparent; color: rgba(0, 0, 0, 0.8); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); background-color: #FFF; border-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.8); background-color: var(--iui-color-background-1); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); margin-left: 6px; } @media (prefers-reduced-motion: no-preference) { .components-filtering-input-button { transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .components-filtering-input-button:hover { text-decoration: none; color: black; color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .components-filtering-input-button:focus-visible { outline: 1px solid var(--iui-color-foreground-primary); outline-offset: -1px; } @supports not selector(*:focus-visible) { .components-filtering-input-button:focus { outline: 1px solid var(--iui-color-foreground-primary); outline-offset: -1px; } } .components-filtering-input-button[disabled], .components-filtering-input-button:disabled { cursor: not-allowed; background: #EEF0F3; border-color: #EEF0F3; color: rgba(0, 0, 0, 0.2); background: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .components-filtering-input-button:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .components-filtering-input-button:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } .components-filtering-input-button:hover, .components-filtering-input-button:active { background-color: #f2f2f2; border-color: black; color: black; background-color: var(--iui-color-background-1-overlay); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .components-filtering-input-button:hover .iui-notification-primary::before, .components-filtering-input-button:hover .iui-notification-positive::before, .components-filtering-input-button:hover .iui-notification-warning::before, .components-filtering-input-button:hover .iui-notification-negative::before, .components-filtering-input-button:active .iui-notification-primary::before, .components-filtering-input-button:active .iui-notification-positive::before, .components-filtering-input-button:active .iui-notification-warning::before, .components-filtering-input-button:active .iui-notification-negative::before { border-color: #f2f2f2; border-color: var(--iui-color-background-1-overlay); } .components-filtering-input-button.iui-dropdown { padding-right: 8px; } .components-filtering-input-button.iui-dropdown.iui-small { padding-right: 4px; } .components-filtering-input-button.iui-dropdown.iui-large { padding-right: 12px; } .components-filtering-input-button.iui-active:enabled { position: relative; color: #008BE1; color: var(--iui-color-foreground-primary); } .components-filtering-input-button.iui-active:enabled::before { content: ""; position: absolute; inset: 0; background-color: rgba(0, 139, 225, 0.1); background-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .components-filtering-input-button[disabled], .components-filtering-input-button:disabled { cursor: not-allowed; background: #EEF0F3; border-color: #EEF0F3; color: rgba(0, 0, 0, 0.2); background: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .components-filtering-input-clear { margin: 0; padding: 0; border: none; vertical-align: baseline; font-family: inherit; display: inline-flex; align-items: center; vertical-align: middle; justify-content: center; position: relative; box-sizing: border-box; border-radius: 3px; line-height: 22px; outline: none; box-shadow: none; font-size: 14px; font-weight: 400; text-decoration: none; -webkit-user-select: none; user-select: none; cursor: pointer; white-space: nowrap; border: 1px solid transparent; color: rgba(0, 0, 0, 0.8); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); background-color: #FFF; border-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.8); background-color: var(--iui-color-background-1); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); margin-left: 6px; color: var(--buic-foreground-muted); font-size: "12px"; } @media (prefers-reduced-motion: no-preference) { .components-filtering-input-clear { transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .components-filtering-input-clear:hover { text-decoration: none; color: black; color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .components-filtering-input-clear:focus-visible { outline: 1px solid var(--iui-color-foreground-primary); outline-offset: -1px; } @supports not selector(*:focus-visible) { .components-filtering-input-clear:focus { outline: 1px solid var(--iui-color-foreground-primary); outline-offset: -1px; } } .components-filtering-input-clear[disabled], .components-filtering-input-clear:disabled { cursor: not-allowed; background: #EEF0F3; border-color: #EEF0F3; color: rgba(0, 0, 0, 0.2); background: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .components-filtering-input-clear:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .components-filtering-input-clear:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } .components-filtering-input-clear:hover, .components-filtering-input-clear:active { background-color: #f2f2f2; border-color: black; color: black; background-color: var(--iui-color-background-1-overlay); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .components-filtering-input-clear:hover .iui-notification-primary::before, .components-filtering-input-clear:hover .iui-notification-positive::before, .components-filtering-input-clear:hover .iui-notification-warning::before, .components-filtering-input-clear:hover .iui-notification-negative::before, .components-filtering-input-clear:active .iui-notification-primary::before, .components-filtering-input-clear:active .iui-notification-positive::before, .components-filtering-input-clear:active .iui-notification-warning::before, .components-filtering-input-clear:active .iui-notification-negative::before { border-color: #f2f2f2; border-color: var(--iui-color-background-1-overlay); } .components-filtering-input-clear.iui-dropdown { padding-right: 8px; } .components-filtering-input-clear.iui-dropdown.iui-small { padding-right: 4px; } .components-filtering-input-clear.iui-dropdown.iui-large { padding-right: 12px; } .components-filtering-input-clear.iui-active:enabled { position: relative; color: #008BE1; color: var(--iui-color-foreground-primary); } .components-filtering-input-clear.iui-active:enabled::before { content: ""; position: absolute; inset: 0; background-color: rgba(0, 139, 225, 0.1); background-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .components-filtering-input-clear[disabled], .components-filtering-input-clear:disabled { cursor: not-allowed; background: #EEF0F3; border-color: #EEF0F3; color: rgba(0, 0, 0, 0.2); background: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .components-filtering-input-loader { margin-bottom: auto; margin-top: auto; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-result-selector { display: flex; align-items: center; font-size: 12px; font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; color: var(--buic-foreground-body); } .components-result-selector-current-result { margin: 0 2px; padding-top: 2px; } .components-result-selector-current-result input[type=number]::-webkit-outer-spin-button, .components-result-selector-current-result input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .components-result-selector-current-result input[type=number] { -moz-appearance: textfield; display: inline-block; text-align: center; font-size: 12px; padding: 0px; min-width: 2em; } .components-result-selector-current-result:hover { cursor: pointer; } .components-result-selector-button { margin: 0; padding: 0; border: none; vertical-align: baseline; font-family: inherit; display: inline-flex; align-items: center; vertical-align: middle; justify-content: center; position: relative; box-sizing: border-box; border-radius: 3px; line-height: 22px; outline: none; box-shadow: none; font-size: 14px; font-weight: 400; text-decoration: none; -webkit-user-select: none; user-select: none; cursor: pointer; white-space: nowrap; border: 1px solid transparent; color: rgba(0, 0, 0, 0.8); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); background-color: #FFF; border-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.8); background-color: var(--iui-color-background-1); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); font-size: 12px; height: 20px; width: 20px; border-style: none; color: var(--buic-foreground-muted); margin: 0 4px; } @media (prefers-reduced-motion: no-preference) { .components-result-selector-button { transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .components-result-selector-button:hover { text-decoration: none; color: black; color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .components-result-selector-button:focus-visible { outline: 1px solid var(--iui-color-foreground-primary); outline-offset: -1px; } @supports not selector(*:focus-visible) { .components-result-selector-button:focus { outline: 1px solid var(--iui-color-foreground-primary); outline-offset: -1px; } } .components-result-selector-button[disabled], .components-result-selector-button:disabled { cursor: not-allowed; background: #EEF0F3; border-color: #EEF0F3; color: rgba(0, 0, 0, 0.2); background: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .components-result-selector-button:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .components-result-selector-button:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } .components-result-selector-button:hover, .components-result-selector-button:active { background-color: #f2f2f2; border-color: black; color: black; background-color: var(--iui-color-background-1-overlay); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .components-result-selector-button:hover .iui-notification-primary::before, .components-result-selector-button:hover .iui-notification-positive::before, .components-result-selector-button:hover .iui-notification-warning::before, .components-result-selector-button:hover .iui-notification-negative::before, .components-result-selector-button:active .iui-notification-primary::before, .components-result-selector-button:active .iui-notification-positive::before, .components-result-selector-button:active .iui-notification-warning::before, .components-result-selector-button:active .iui-notification-negative::before { border-color: #f2f2f2; border-color: var(--iui-color-background-1-overlay); } .components-result-selector-button.iui-dropdown { padding-right: 8px; } .components-result-selector-button.iui-dropdown.iui-small { padding-right: 4px; } .components-result-selector-button.iui-dropdown.iui-large { padding-right: 12px; } .components-result-selector-button.iui-active:enabled { position: relative; color: #008BE1; color: var(--iui-color-foreground-primary); } .components-result-selector-button.iui-active:enabled::before { content: ""; position: absolute; inset: 0; background-color: rgba(0, 139, 225, 0.1); background-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .components-result-selector-button[disabled], .components-result-selector-button:disabled { cursor: not-allowed; background: #EEF0F3; border-color: #EEF0F3; color: rgba(0, 0, 0, 0.2); background: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .components-result-selector-button:hover { background-color: var(--buic-row-hover); border-radius: 2px; } /* Overriding iui-button defaults */ .components-result-selector-button, .components-result-selector-button:active, .components-result-selector-button:focus, .components-result-selector-button:disabled, .components-result-selector-button[disabled]:hover { border-style: none; padding: 0px; } .components-result-selector-button:disabled, .components-result-selector-button[disabled]:hover { background-color: var(--buic-background-control-disabled); cursor: default; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-parsed-input { width: auto; } .components-parsed-input.components-parsed-input-has-error { color: var(--buic-foreground-negative); font-weight: bold; } .components-parsed-input.components-parsed-input[disabled] { color: var(--buic-foreground-body); opacity: 0.65; } .components-parsed-input.iui-input { padding: 2px 8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-property-grid-loader { position: relative; display: block; left: calc(50% - 24px); top: calc(50% - 24px); } .components-property-grid { padding-top: 6px; padding-bottom: 6px; -webkit-user-select: none; user-select: none; color: var(--buic-foreground-body); } .components-property-grid .property-categories { display: grid; grid-row-gap: 6px; padding: 3px; } .components-property-grid .property-categories > div { transition: margin 0.2s ease-in-out; } .components-property-grid .property-categories > div > .iui-header { border-color: #dce0e3 transparent transparent; } .components-property-grid .property-categories > div:first-child > .iui-header { border-top-color: transparent; } .components-property-grid .property-categories > .iui-expanded + div > .iui-header { border-top-color: transparent; } .components-property-grid .property-categories > .iui-expanded + div.iui-expanded > .iui-header { border-top-color: #008be1; } .components-property-grid .property-categories > .iui-expanded + .iui-expanded { margin-top: 0; } .components-property-grid-wrapper { width: 100%; height: 100%; overflow-y: auto; } @supports (-webkit-overflow-scrolling: touch) { .components-property-grid-wrapper { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .components-property-grid-wrapper::-webkit-scrollbar { width: 12px; height: 12px; } .components-property-grid-wrapper::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .components-property-grid-wrapper::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .components-property-grid-wrapper::-webkit-scrollbar-corner { background-color: transparent; } .components-property-grid-wrapper::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .components-property-list--horizontal { width: 100%; display: grid; grid-row-gap: 1px; overflow: hidden; } .components-property-list--horizontal .components--selected { background-color: var(--buic-row-selection); outline: 1px solid var(--buic-foreground-primary); } .components-property-list--horizontal .components--clickable { cursor: pointer; } .components-property-list--horizontal .components--clickable:hover { background: var(--buic-row-hover); } .components-property-list--horizontal .components--hoverable:hover { background-color: var(--buic-row-hover); } .components-property-list--vertical { width: 100%; } .components-property-list--vertical .components--selected { background-color: var(--buic-row-selection); outline: 1px solid var(--buic-foreground-primary); } .components-property-list--vertical .components--clickable { cursor: pointer; } .components-property-list--vertical .components--clickable:hover { background: var(--buic-row-hover); } .components-property-list--vertical .components--hoverable:hover { background-color: var(--buic-row-hover); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-expandable-block{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; box-sizing:border-box; width:100%; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-expandable-block > .iui-header{ display:flex; align-items:center; padding:11px 12px; cursor:pointer; box-sizing:border-box; -webkit-user-select:none; user-select:none; border:1px solid #EEF0F3; border-bottom-color:#DCE0E3; background-color:#EEF0F3; border:1px solid var(--iui-color-background-3); border-bottom-color:var(--iui-color-background-4); background-color:var(--iui-color-background-3); } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block > .iui-header{ transition:background-color 0.2s ease-out; } } .iui-expandable-block > .iui-header > .iui-icon, .iui-expandable-block > .iui-header > .iui-status-icon{ display:inline-flex; flex-shrink:0; width:16px; height:16px; } .iui-expandable-block > .iui-header > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block > .iui-header > .iui-icon{ transition:transform 0.2s ease-out; } } .iui-expandable-block > .iui-header > .iui-status-icon{ margin-left:12px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-expandable-block > .iui-header > .iui-status-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-expandable-block > .iui-header > .iui-status-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-expandable-block > .iui-header > .iui-status-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-expandable-block > .iui-header > .iui-status-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-expandable-block > .iui-header .iui-expandable-block-label{ display:flex; flex-direction:column; flex:auto; min-width:0; margin-left:12px; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block > .iui-header .iui-expandable-block-label{ transition:color 0.2s ease; } } .iui-expandable-block > .iui-header .iui-title, .iui-expandable-block > .iui-header .iui-caption{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-expandable-block > .iui-header .iui-title{ font-size:16px; } .iui-expandable-block > .iui-header .iui-caption{ font-size:12px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-expandable-block > .iui-header:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-expandable-block > .iui-header:focus:not(:focus-visible){ box-shadow:none; } .iui-expandable-block > .iui-header:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-expandable-block .iui-expandable-content{ overflow:hidden; box-sizing:border-box; border-bottom:1px solid #DCE0E3; border-right:1px solid #DCE0E3; border-left:1px solid #DCE0E3; border-bottom:1px solid var(--iui-color-background-4); border-right:1px solid var(--iui-color-background-4); border-left:1px solid var(--iui-color-background-4); } .iui-expandable-block .iui-expandable-content.iui-enter{ opacity:0; } .iui-expandable-block .iui-expandable-content.iui-enter-active{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block .iui-expandable-content.iui-enter-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-expandable-block .iui-expandable-content.iui-exit{ opacity:1; } .iui-expandable-block .iui-expandable-content.iui-exit-active{ opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block .iui-expandable-content.iui-exit-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-expandable-block .iui-expandable-content > div{ padding:11px 12px; } .iui-expandable-block:hover > .iui-header{ background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-expandable-block:hover > .iui-header > .iui-icon{ fill:black; fill:var(--iui-icons-color-actionable-hover); } .iui-expandable-block:hover > .iui-header .iui-caption, .iui-expandable-block:hover > .iui-header .iui-title{ color:#000; color:var(--iui-color-foreground-body); } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block:hover > .iui-header .iui-caption, .iui-expandable-block:hover > .iui-header .iui-title{ transition:color 0.2s ease; } } .iui-expandable-block.iui-expanded > .iui-header{ background-color:#EEF0F3; border-left:1px solid #DCE0E3; border-top:1px solid #DCE0E3; border-right:1px solid #DCE0E3; background-color:var(--iui-color-background-3); border-left:1px solid var(--iui-color-background-4); border-top:1px solid var(--iui-color-background-4); border-right:1px solid var(--iui-color-background-4); } .iui-expandable-block.iui-expanded > .iui-header:hover{ background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-expandable-block.iui-expanded > .iui-header:hover{ background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-expandable-block.iui-expanded > .iui-header > .iui-icon{ transform:rotate(90deg); } .iui-expandable-block.iui-small .iui-header{ padding:5.5px 8px; } .iui-expandable-block.iui-small .iui-header > .iui-icon{ width:12px; height:12px; } .iui-expandable-block.iui-small .iui-header > .iui-expandable-block-label{ margin-left:8px; } .iui-expandable-block.iui-small .iui-header > .iui-status-icon{ margin-left:8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-virtualized-property-grid-loader { height: 100%; display: flex; align-items: center; justify-content: center; } .components-virtualized-property-grid { -webkit-user-select: none; user-select: none; } @supports (-webkit-overflow-scrolling: touch) { .components-property-grid-wrapper { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .components-property-grid-wrapper::-webkit-scrollbar { width: 12px; height: 12px; } .components-property-grid-wrapper::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .components-property-grid-wrapper::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .components-property-grid-wrapper::-webkit-scrollbar-corner { background-color: transparent; } .components-property-grid-wrapper::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .virtualized-grid-node > :not(.virtualized-grid-node-category) { background: var(--iui-color-background-1); } .virtualized-grid-node .nested-border-middle { height: 100%; padding: 0 4px; box-sizing: border-box; border-left: 1px solid var(--iui-color-background-4); border-right: 1px solid var(--iui-color-background-4); } .virtualized-grid-node .nested-border-bottom { border-bottom: 1px solid var(--iui-color-background-4); padding-bottom: 4px; } .virtualized-grid-node .components--clickable { cursor: pointer; box-sizing: border-box; } .virtualized-grid-node .components--clickable:not(.components--selected):hover { margin: 0 -4px; padding: 0 12px; background: var(--buic-row-hover); } .virtualized-grid-node .components--selected { margin: 0 -4px; padding: 0px 11px; background-color: var(--buic-row-selection); border: 1px solid var(--buic-foreground-primary); } .virtualized-grid-node .components--selected:hover { background: var(--buic-row-hover); } .virtualized-grid-node-category { padding-top: 4px; } .virtualized-grid-node-category .iui-expandable-content { display: none; } .virtualized-grid-node-custom-category { padding-top: 4px; } .virtualized-grid-node-custom-category .iui-expandable-content > div { padding: 0 4px 4px 4px; } .virtualized-grid-node-content { height: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-selectable-content { display: flex; flex-direction: column; } .components-selectable-content .components-selectable-content-header .components-selectable-content-selector { width: 100%; } .components-selectable-content .components-selectable-content-wrapper { flex-grow: 1; overflow: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-overflow-sizer { display: inline-block; position: relative; } .components-toolbar-overflow-sizer.components-horizontal { width: 100%; } .components-toolbar-overflow-sizer.components-vertical { height: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-items-container { border-radius: 3px; display: inline-block; vertical-align: bottom; box-sizing: border-box; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); pointer-events: auto; } .components-toolbar-items-container.components-vertical { width: 42px; } .components-toolbar-items-container.components-vertical > * { height: 40px; } .components-toolbar-items-container.components-vertical > *:not(:first-child) { margin-top: 1px; } .components-toolbar-items-container.components-vertical > *:not(:first-child):before { content: ""; display: block; position: absolute; pointer-events: none; height: 1px; width: 100%; left: 0; top: -1px; } .components-toolbar-items-container.components-horizontal { height: 42px; } .components-toolbar-items-container.components-horizontal > * { display: inline-block; height: 100%; width: 40px; } .components-toolbar-items-container.components-horizontal > *:not(:first-child) { margin-left: 1px; } .components-toolbar-items-container.components-horizontal > *:not(:first-child):before { content: ""; display: block; position: absolute; pointer-events: none; width: 1px; height: 100%; left: -1px; top: 0; } .components-toolbar-items-container > * { vertical-align: bottom; } /* modifications to the style to support the appearance of a tool button separator */ .components-toolbar-item-container.components-horizontal.components-toolbar-button-add-gap-before { margin-left: 5px; } div.components-toolbar-items-container.components-toolbar-show-decorators .components-toolbar-item-container.components-horizontal.components-toolbar-button-add-gap-before::before { width: 1px; background-color: var(--buic-foreground-muted); left: -3px; } .components-toolbar-item-container.components-vertical.components-toolbar-button-add-gap-before { margin-top: 5px; } div.components-toolbar-items-container.components-toolbar-show-decorators .components-toolbar-item-container.components-vertical.components-toolbar-button-add-gap-before::before { height: 1px; background-color: var(--buic-foreground-muted); top: -3px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-button-item { box-sizing: border-box; background-origin: border-box; border-color: transparent; border-style: solid; cursor: pointer; transition: background-color 250ms ease; position: relative; background: transparent; height: 100%; width: 100%; outline-style: solid; outline-width: 0; } .components-toolbar-button-item > .components-icon { font-size: 16px; width: 100%; height: 100%; display: grid; align-content: center; justify-content: center; color: var(--iui-operateBtn-icons-color); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); transition: all 250ms ease; } .components-toolbar-button-item > .components-icon img { width: 16px; height: 16px; } .components-toolbar-button-item:focus { color: var(--buic-foreground-activehover); background-color: var(--buic-background-focus-overlay); } .components-toolbar-button-item:focus svg { opacity: 1; } .components-toolbar-button-item:hover { color: var(--buic-foreground-activehover); background-color: var(--buic-background-hover-overlay); } .components-toolbar-button-item:hover svg { opacity: 1; } .components-toolbar-button-item:active { color: var(--buic-foreground-activehover); background-color: var(--buic-background-active-overlay); border: solid 2px var(--buic-foreground-primary); } .components-toolbar-button-item:active > .components-icon { color: var(--buic-foreground-activehover); } .components-toolbar-button-item:active > .components-icon svg { opacity: 1; } .components-toolbar-button-item:active:not(.components-disabled) { background: var(--buic-background-pressed-overlay); color: var(--buic-foreground-activehover); transition-duration: 150ms; transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5); } .components-toolbar-button-item.components-active { color: var(--buic-foreground-activehover); background-color: var(--buic-background-active-overlay); border: solid 2px var(--buic-foreground-primary); } .components-toolbar-button-item.components-active:not(:active):not(.components-disabled) { transition-duration: 0s; } .components-toolbar-button-item.components-active:not(:active):not(.components-disabled) > .components-icon { color: var(--iui-operateBtn-icons-color); transition-duration: 150ms; transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5); } .components-toolbar-button-item.components-active:not(:active):not(.components-disabled) > .components-icon svg { opacity: 1; } .components-toolbar-button-item.components-disabled > .components-icon { color: var(--buic-foreground-disabled); } .components-toolbar-button-item.components-disabled:hover { cursor: auto; } .components-toolbar-button-item.components-disabled:active { pointer-events: none; } .components-toolbar-button-item > .components-badge { display: none; } div.components-toolbar-items-container.components-toolbar-show-decorators .components-toolbar-button-item > .components-badge { display: block; position: absolute; top: 0; left: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-item-container { position: relative; height: 100%; display: flex; align-items: center; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-button-item.components-ellipsis-icon { position: relative; } .components-toolbar-button-item.components-ellipsis-icon > .components-icon .components-ellipsis { position: relative; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } .components-toolbar-button-item.components-ellipsis-icon > .components-icon .components-ellipsis:before { content: ""; position: absolute; left: -8px; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } .components-toolbar-button-item.components-ellipsis-icon > .components-icon .components-ellipsis:after { content: ""; position: absolute; left: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } .components-toolbar-overflow_popup { border: none; background: none; z-index: 8000; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-overflow-panel { background: var(--buic-background-1); border-radius: 3px; display: flex; height: unset; width: -moz-fit-content; width: fit-content; padding: unset; } .components-toolbar-overflow-panel.components-vertical-components-direction-bottom { right: -1px; flex-direction: column; top: 100%; } .components-toolbar-overflow-panel.components-vertical-components-direction-top { right: -1px; flex-direction: column; bottom: 100%; } .components-toolbar-overflow-panel.components-horizontal-components-direction-right { left: 100%; bottom: -1px; flex-direction: row; } .components-toolbar-overflow-panel.components-horizontal-components-direction-left { right: 100%; bottom: -1px; flex-direction: row; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-expandable-button { position: relative; } .components-toolbar-expandable-button > *:not(.components-triangle) { height: 100%; width: 100%; } .components-toolbar-expandable-button > .components-triangle { border-radius: 0; position: absolute; right: 3px; bottom: 3px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); pointer-events: none; border-width: 0 0 4px 4px; width: 0; height: 0; border-style: solid; border-color: transparent transparent var(--buic-foreground-body) transparent; } .components-toolbar-expandable-button:active > .components-triangle { filter: drop-shadow(0 0 0 transparent); border-color: transparent transparent var(--buic-foreground-activehover) transparent; } .components-toolbar-expandable-button.components-active:not(:active):not(.components-disabled) > .components-triangle { filter: drop-shadow(0 0 0 transparent); border-color: transparent transparent var(--buic-foreground-activehover) transparent; } .components-toolbar-expandable-button.components-disabled > .components-triangle { border-color: transparent transparent var(--buic-foreground-disabled) transparent; } .components-toolbar-expandable-button.components-disabled-drag > .components-icon { color: var(--buic-foreground-disabled); } .components-toolbar-expandable-button.components-disabled-drag > .components-triangle { border-color: transparent transparent var(--buic-foreground-disabled) transparent; } .components-toolbar-popupItem_popupItemPopup { z-index: 8000; width: -moz-fit-content; width: fit-content; background: var(--buic-background-1); border-color: var(--buic-background-5); border-width: 1px; border-style: solid; border-radius: 3px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-item-expandable-group-backArrow { width: 15px; height: 20px; } .components-toolbar-item-expandable-group-backArrow:hover, .components-toolbar-item-expandable-group-backArrow.components-targeted { cursor: pointer; } .components-toolbar-item-expandable-group-backArrow:hover:after, .components-toolbar-item-expandable-group-backArrow.components-targeted:after { color: var(--buic-foreground-primary); } .components-toolbar-item-expandable-group-backArrow:after { content: ""; display: block; position: relative; left: 3px; top: 3px; color: var(--buic-foreground-body); width: 8.4852813742px; height: 8.4852813742px; border-top: solid 2px currentColor; border-left: solid 2px currentColor; margin-left: 2px; margin-top: 2px; box-sizing: border-box; transform: rotate(-45deg); } .components-toolbar-item-expandable-group-backArrow:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-item-expandable-group-column > *:not(:last-child) { margin-bottom: 9px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-item-expandable-group-columns { display: grid; grid-auto-columns: 1fr; grid-gap: 12px; grid-auto-flow: column; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-item-expandable-group-panel { line-height: normal; background: var(--buic-background-panel); padding: 8px; border-radius: 4px; pointer-events: auto; border: 1px solid var(--buic-background-widget-stroke); font-size: 14px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-toolbar-item-expandable-group-title { white-space: nowrap; text-align: center; color: var(--buic-foreground-body); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); margin-bottom: 9px; margin-left: 20px; margin-right: 20px; font-weight: 400; font-size: 16px; } .components-toolbar-item-expandable-group-nested { position: relative; } .components-toolbar-item-expandable-group-nested .components-back { position: absolute; left: 10px; top: 8px; } .components-toolbar-item-expandable-group-nested > .components-toolbar-item-expandable-group-title { /* Contributes to space available for back arrow */ min-height: 14px; margin-left: 28px; margin-right: 28px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-toolbar-item-expandable-group-tool-expander > .components-expansion-indicator { width: 8.4852813742px; height: 8.4852813742px; border-top: solid 2px currentColor; border-left: solid 2px currentColor; margin-left: 2px; margin-top: 2px; margin-right: 10px; box-sizing: border-box; transform: rotate(135deg); } .components-toolbar-item-expandable-group-tool-expander:active:not(.components-disabled) > .components-expansion-indicator { filter: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-toolbar-item-expandable-group-tool-item { white-space: nowrap; height: 32px; color: var(--buic-foreground-body); cursor: pointer; border-radius: 3px; display: flex; align-items: center; font-weight: 400; font-size: 14px; } .components-toolbar-item-expandable-group-tool-item > .components-icon { width: 16px; height: 16px; display: inline-block; margin-right: 16px; margin-left: 8px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); position: relative; } .components-toolbar-item-expandable-group-tool-item > .components-icon > .components-badge { position: absolute; top: -8px; left: -8px; filter: none; } .components-toolbar-item-expandable-group-tool-item > .components-label { display: inline-block; margin-right: 16px; line-height: 32px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .components-toolbar-item-expandable-group-tool-item > .components-label:after { display: block; content: attr(title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .components-toolbar-item-expandable-group-tool-item:hover:not(.components-disabled), .components-toolbar-item-expandable-group-tool-item.components-targeted:not(.components-disabled) { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .components-toolbar-item-expandable-group-tool-item:hover:not(.components-disabled) > .components-icon, .components-toolbar-item-expandable-group-tool-item:hover:not(.components-disabled) .components-label, .components-toolbar-item-expandable-group-tool-item.components-targeted:not(.components-disabled) > .components-icon, .components-toolbar-item-expandable-group-tool-item.components-targeted:not(.components-disabled) .components-label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .components-toolbar-item-expandable-group-tool-item:active:not(.components-disabled) { background: var(--buic-row-selection); color: var(--buic-foreground-activehover); } .components-toolbar-item-expandable-group-tool-item:active:not(.components-disabled) > .components-icon, .components-toolbar-item-expandable-group-tool-item:active:not(.components-disabled) .components-label { filter: none; } .components-toolbar-item-expandable-group-tool-item:focus { outline: none; } .components-toolbar-item-expandable-group-tool-item.components-pointer-up:hover:not(.components-disabled), .components-toolbar-item-expandable-group-tool-item.components-pointer-up.components-targeted:not(.components-disabled) { background: var(--buic-row-selection); color: var(--buic-foreground-activehover); } .components-toolbar-item-expandable-group-tool-item.components-pointer-up:hover:not(.components-disabled) > .components-icon, .components-toolbar-item-expandable-group-tool-item.components-pointer-up:hover:not(.components-disabled) .components-label, .components-toolbar-item-expandable-group-tool-item.components-pointer-up.components-targeted:not(.components-disabled) > .components-icon, .components-toolbar-item-expandable-group-tool-item.components-pointer-up.components-targeted:not(.components-disabled) .components-label { filter: none; } .components-toolbar-item-expandable-group-tool-item.components-focused:not(.components-disabled) { color: var(--buic-foreground-primary); border-color: var(--buic-foreground-primary); border-width: 2px; border-style: solid; font-weight: 400; font-size: 14px; } .components-toolbar-item-expandable-group-tool-item.components-focused:not(.components-disabled) > .components-icon, .components-toolbar-item-expandable-group-tool-item.components-focused:not(.components-disabled) .components-label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .components-toolbar-item-expandable-group-tool-item.components-active:not(.components-disabled) { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .components-toolbar-item-expandable-group-tool-item.components-active:not(.components-disabled)::before { content: ""; background-color: var(--buic-foreground-primary); display: block; position: relative; top: 0; left: 3px; width: 2px; height: 22px; border-radius: 2px; } .components-toolbar-item-expandable-group-tool-item.components-active:not(.components-disabled) > .components-icon, .components-toolbar-item-expandable-group-tool-item.components-active:not(.components-disabled) .components-label { filter: none; } .components-toolbar-item-expandable-group-tool-item.components-disabled { color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-controlledTree-node-description { color: var(--buic-foreground-muted); font-size: 12px; margin-top: 4px; } .components-controlledTree-node-description.with-editor { margin: 0; padding-top: 1px; } .components-controlledTree-node-content { height: 24px; line-height: 12px; display: flex; flex-direction: column; justify-content: center; } .components-controlledTree-node-content.with-description { height: 43px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-controlledTree-loader { position: relative; display: block; left: calc(50% - 24px); top: calc(50% - 24px); height: 48px; width: 48px; } .components-controlledTree-errorMessage { font-style: italic; color: var(--buic-foreground-muted); margin: 0 20%; text-align: center; } .components-controlledTree { color: var(--buic-foreground-body); background-color: var(--buic-background-control); /** * Workaround for horizontal scroll issue. * based on https://github.com/bvaughn/react-virtualized/issues/1248 */ } .components-controlledTree .ReactVirtualized__Grid, .components-controlledTree .ReactWindow__VariableSizeList { overflow: auto !important; background-color: inherit; } .components-controlledTree .ReactVirtualized__Grid::-webkit-scrollbar, .components-controlledTree .ReactWindow__VariableSizeList::-webkit-scrollbar { width: 12px; height: 12px; } .components-controlledTree .ReactVirtualized__Grid::-webkit-scrollbar-thumb, .components-controlledTree .ReactWindow__VariableSizeList::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .components-controlledTree .ReactVirtualized__Grid::-webkit-scrollbar-thumb:hover, .components-controlledTree .ReactWindow__VariableSizeList::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .components-controlledTree .ReactVirtualized__Grid::-webkit-scrollbar-corner, .components-controlledTree .ReactWindow__VariableSizeList::-webkit-scrollbar-corner { background-color: transparent; } .components-controlledTree .ReactVirtualized__Grid::-webkit-scrollbar-track-piece:corner-present, .components-controlledTree .ReactWindow__VariableSizeList::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .components-controlledTree .ReactVirtualized__Grid:focus, .components-controlledTree .ReactWindow__VariableSizeList:focus { outline: none; } .components-controlledTree .ReactVirtualized__Grid > div, .components-controlledTree .ReactWindow__VariableSizeList > div { overflow: visible !important; max-width: none !important; } .components-controlledTree .node-wrapper { position: relative !important; height: 0 !important; width: -moz-fit-content !important; width: fit-content !important; min-width: 100% !important; overflow: visible !important; } .components-controlledTree .node-wrapper.is-selected { z-index: 1; } .components-controlledTree .node-wrapper .core-tree-node.is-focused, .components-controlledTree .node-wrapper .core-tree-node:focus { outline: none; } .components-controlledTree .node-wrapper.is-selected .core-tree-node { border-left: 1px solid var(--buic-foreground-primary); padding-left: 0; border-right: 1px solid var(--buic-foreground-primary); padding-right: 0; } .components-controlledTree .node-wrapper.is-selected:first-child .core-tree-node, .components-controlledTree .node-wrapper:not(.is-selected) + .node-wrapper.is-selected .core-tree-node { border-top: 1px solid var(--buic-foreground-primary); padding-top: 0; } .components-controlledTree .node-wrapper.is-selected + .node-wrapper:not(.is-selected) .core-tree-node { border-top: 1px solid var(--buic-foreground-primary); padding-top: 0; } .components-controlledTree .node-wrapper.is-selected:last-child .core-tree-node { border-bottom: 1px solid var(--buic-foreground-primary); padding-bottom: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-alpha-pointer { position: absolute; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #f8f8f8; box-shadow: rgba(0, 0, 0, 0.37) 0px 1px 4px 0px; } .components-alpha-pointer:focus { outline: none; border: none; } .components-alpha-container-horizontal { width: 100%; height: 1rem; display: flex; align-items: center; justify-content: center; } .components-alpha-container-horizontal .components-alpha-slider { position: relative; width: calc(100% - 1.2rem); height: 100%; background-color: linear-gradient(to right, rgba(47, 37, 72, 0) 0%, #2f2548 100%); background-image: url('data:image/svg+xml, '), linear-gradient(to right, rgba(47, 37, 72, 0) 0%, #2f2548 100%); background-size: 2rem 1rem, cover; background-repeat: repeat, no-repeat; } .components-alpha-container-horizontal .components-alpha-slider .components-alpha-pointer { transform: translate(-0.6rem, -0.1rem); } .components-alpha-container-vertical { width: 1rem; display: flex; align-items: center; justify-content: center; height: 100%; } .components-alpha-container-vertical .components-alpha-slider { position: relative; width: 100%; height: calc(100% - 1.2rem); background-color: linear-gradient(to bottom, rgba(47, 37, 72, 0) 0%, #2f2548 100%); background-image: url('data:image/svg+xml, '), linear-gradient(to top, rgba(47, 37, 72, 0) 0%, #2f2548 100%); background-size: 1rem 2rem, cover; background-repeat: repeat, no-repeat; } .components-alpha-container-vertical .components-alpha-slider .components-alpha-pointer { transform: translate(-0.1rem, -0.6rem); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ button.components-colorpicker-button { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--buic-foreground-body); box-sizing: border-box; border: 1px solid transparent; border-radius: 3px; background-color: transparent; border: none; padding: 0; } button.components-colorpicker-button > .components-colorpicker-button-container { display: flex; flex-direction: row; align-items: center; border-radius: 3px; } button.components-colorpicker-button > .components-colorpicker-button-container > .components-colorpicker-button-color-swatch { border: 1px solid var(--buic-inputs-border); border-radius: 3px; width: 1.25em; height: 1.25em; } button.components-colorpicker-button > .components-colorpicker-button-container > .components-caret { margin-left: 0.25em; margin-right: 0.25em; } button.components-colorpicker-button:not(.readonly) { cursor: pointer; } button.components-colorpicker-button:disabled { pointer-events: none; } button.components-colorpicker-button:disabled > .components-colorpicker-button-container > .components-caret { color: var(--buic-foreground-disabled); } button.components-colorpicker-button.round .components-colorpicker-button-container { border-bottom-left-radius: 50%; border-top-left-radius: 50%; } button.components-colorpicker-button.round .components-colorpicker-button-color-swatch { border-radius: 50%; } .components-colorpicker-popup { border: 1px solid var(--buic-inputs-border); border-radius: 6px; } .components-colorpicker-popup .components-colorpicker-popup-container { color: var(--buic-foreground-body); background: var(--buic-background-control); border-radius: 6px; } .components-colorpicker-popup .components-colorpicker-popup-container > .components-colorpicker-popup-colors { display: grid; grid-gap: 8px; padding: 8px; } .components-colorpicker-popup .components-colorpicker-popup-container > .components-colorpicker-popup-colors > .components-colorpicker-swatch { height: 1.5em; width: 1.5em; transition: scale 0.2s ease; cursor: pointer; outline: none; } .components-colorpicker-popup .components-colorpicker-popup-container > .components-colorpicker-popup-colors > .components-colorpicker-swatch:hover { transform: scale(1.15); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-color-swatch { font-size: 14px; height: 1.2em; width: 1.2em; border-width: 1px; border-radius: 3px; border-style: solid; border-color: var(--buic-inputs-border); } .components-color-swatch.round { border-radius: 50%; } .components-color-swatch[disabled] { opacity: 0.2; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-color-picker{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); box-sizing:border-box; border-radius:3px; display:inline-flex; padding:11px 12px; -webkit-user-select:none; user-select:none; overflow-y:auto; flex-direction:column; max-height:495px; } @supports (overflow-y: overlay){ .iui-color-picker{ overflow-y:overlay; } } @supports (row-gap: 11px){ .iui-color-picker{ grid-row-gap:11px; row-gap:11px; } } .iui-color-picker > div:not(:last-child){ margin-bottom:11px; } @supports (row-gap: 11px){ .iui-color-picker > div:not(:last-child){ margin-bottom:0; } } .iui-color-palette{ display:flex; flex-wrap:wrap; align-content:flex-start; min-height:24px; min-width:24px; } @supports (gap: 8px){ .iui-color-palette{ grid-gap:8px; gap:8px; } } .iui-color-palette button.iui-button.iui-borderless{ height:24px; width:24px; padding:0; } .iui-color-palette-wrapper{ max-width:280px; } .iui-color-palette-wrapper:only-child{ max-width:312px; } .iui-color-input{ display:flex; align-items:center; } .iui-color-input-wrapper{ max-width:280px; } .iui-color-input .iui-button{ margin-right:4px; } .iui-color-input-fields{ display:flex; width:100%; grid-gap:2px; gap:2px; } .iui-color-input-fields > *{ flex-grow:1; } .iui-color-input-fields > *:not(:last-child){ margin-right:2px; } @supports (gap: 2px){ .iui-color-input-fields > *:not(:last-child){ margin-right:0; } } .iui-color-input-fields input{ text-transform:uppercase; } .iui-color-input-fields input[type='number']{ -webkit-appearance:textfield; appearance:textfield; text-align:right; } .iui-color-input-fields input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none; appearance:none; } .iui-color-swatch{ height:24px; width:24px; cursor:pointer; border-radius:5px; background-color:var(--swatch-color); margin-bottom:4px; margin-right:4px; box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } @supports (gap: 8px){ .iui-color-swatch{ margin-bottom:0; margin-right:0; } } .iui-color-swatch:hover{ box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-color-swatch:focus{ outline:0; box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-color-swatch.iui-active{ box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-color-swatch.iui-active:hover{ box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); } .iui-color-swatch.iui-active:focus{ box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); } .iui-color-swatch.iui-active:focus:not(:focus-visible){ box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); } .iui-color-picker-section-label{ margin-bottom:5.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex-shrink:0; } .iui-color-selection-wrapper{ display:flex; flex-direction:column; min-width:280px; } .iui-color-field{ position:relative; cursor:crosshair; width:100%; height:209px; background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--hue)); background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--hue)); } .iui-color-field:not(:last-child){ margin-bottom:6px; } .iui-hue-slider .iui-slider-rail{ height:8px; background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, cyan 50%, #03F 67%, #C3F 83%, #F00 100%); background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, cyan 50%, #03F 67%, #C3F 83%, #F00 100%); } .iui-hue-slider .iui-slider-thumb{ top:7px; } .iui-opacity-slider .iui-slider-rail{ height:8px; background-image:repeating-linear-gradient(45deg, #EEF0F3 25%, transparent 25%, transparent 75%, #EEF0F3 75%, #EEF0F3), repeating-linear-gradient(45deg, #EEF0F3 25%, #C7CCD1 25%, #C7CCD1 75%, #EEF0F3 75%, #EEF0F3); background-position:0 0, 4px 4px; background-size:8px 8px; background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)); background-position:0 0, 4px 4px; background-size:8px 8px; } .iui-opacity-slider .iui-slider-rail::before{ display:block; content:''; width:100%; height:100%; background-image:linear-gradient(to right, transparent 0%, var(--selected-color) 100%); } .iui-opacity-slider .iui-slider-thumb{ top:7px; } .iui-color-dot{ position:absolute; top:var(--top, 0%); left:var(--left, 0%); width:16px; height:16px; border-radius:50%; transform:translate(-8px, -8px); cursor:crosshair; box-shadow:white 0 0 0 1px, inset 0 0 0 1px rgba(255, 255, 255, 0.1); background-color:var(--selected-color); box-shadow:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-1)) 0 0 0 1px, inset 0 0 0 1px rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-6)); background-color:var(--selected-color); } .iui-color-dot:hover{ box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-color-dot:focus{ outline:0; box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-body{ background-color:#F8F9FB; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-2); color:var(--iui-text-color); font-size:14px; line-height:22px; scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-body::-webkit-scrollbar{ width:8px; height:8px; } .iui-body::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } .iui-body::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{ background-color:transparent; } .iui-body.iui-no-webfonts{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-anchor{ text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-anchor:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:focus:not(:focus-visible){ box-shadow:none; } .iui-anchor:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } [class*='iui-'], [class*='iui-'] *{ scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; } [class*='iui-'] ::selection, [class*='iui-'] * ::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } [class*='iui-']::-webkit-scrollbar, [class*='iui-'] *::-webkit-scrollbar{ width:8px; height:8px; } [class*='iui-']::-webkit-scrollbar-thumb, [class*='iui-'] *::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } [class*='iui-']::-webkit-scrollbar-thumb:hover, [class*='iui-'] *::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } [class*='iui-']::-webkit-scrollbar-track, [class*='iui-']::-webkit-scrollbar-corner, [class*='iui-'] *::-webkit-scrollbar-track, [class*='iui-'] *::-webkit-scrollbar-corner{ background-color:transparent; } html, html.iui-theme-light{ --iui-color-background-1-rgb:255, 255, 255; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:248, 249, 251; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:238, 240, 243; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:220, 224, 227; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:199, 204, 209; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:238, 240, 243; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:0, 0, 0; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:255, 255, 255; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:0, 139, 225; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:83, 162, 26; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:211, 10, 10; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:241, 139, 18; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 107.49333, 174; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } html.iui-theme-dark{ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } @media (prefers-color-scheme: dark){ html:not([class*='iui-theme-']){ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-slider-component-container{ display:flex; min-height:22px; } .iui-slider-component-container .iui-slider-min, .iui-slider-component-container .iui-slider-max{ -webkit-user-select:all; user-select:all; margin-top:2px; } .iui-slider-component-container .iui-slider-min svg, .iui-slider-component-container .iui-slider-max svg{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; margin-top:4px; } .iui-slider-component-container .iui-slider-min svg.iui-informational, .iui-slider-component-container .iui-slider-max svg.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-slider-component-container .iui-slider-min svg.iui-positive, .iui-slider-component-container .iui-slider-max svg.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-slider-component-container .iui-slider-min svg.iui-warning, .iui-slider-component-container .iui-slider-max svg.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-slider-component-container .iui-slider-min svg.iui-negative, .iui-slider-component-container .iui-slider-max svg.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-slider-component-container .iui-slider-min{ margin-right:12px; text-align:right; } .iui-slider-component-container .iui-slider-max{ margin-left:12px; } .iui-slider-component-container.iui-disabled{ cursor:not-allowed; } .iui-slider-component-container.iui-disabled .iui-slider-container{ cursor:not-allowed; pointer-events:none; } .iui-slider-component-container.iui-disabled .iui-slider-thumb{ cursor:not-allowed; background-color:#DCE0E3; border-color:#DCE0E3; background-color:var(--iui-color-background-4); border-color:var(--iui-color-background-4); } .iui-slider-component-container.iui-disabled .iui-slider-track{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-slider-component-container.iui-disabled .iui-slider-min, .iui-slider-component-container.iui-disabled .iui-slider-max, .iui-slider-component-container.iui-disabled .iui-slider-tick{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-slider-container{ position:relative; flex-grow:1; cursor:pointer; touch-action:pan-y; } .iui-slider-container.iui-grabbing{ cursor:grabbing; } .iui-slider-ticks{ position:relative; padding-top:16px; display:flex; pointer-events:none; justify-content:space-between; -webkit-user-select:none; user-select:none; } .iui-slider-ticks .iui-slider-tick{ position:relative; display:flex; pointer-events:none; justify-content:center; width:1px; height:11px; line-height:44px; margin-bottom:22px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-rail{ position:absolute; width:100%; height:4px; top:12px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-thumb{ position:absolute; height:16px; width:16px; border-radius:100%; top:5px; transform:translateX(-9px); z-index:1; cursor:grab; background:#FFF; border:1px solid #C7CCD1; background:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); } .iui-slider-thumb:active{ cursor:grabbing; } .iui-slider-thumb:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-thumb:focus:not(:focus-visible){ box-shadow:none; } .iui-slider-thumb:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-track{ pointer-events:none; position:absolute; height:4px; left:0; top:12px; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tooltip-container{ width:-moz-fit-content; width:fit-content; height:-moz-fit-content; height:fit-content; position:relative; } .iui-tooltip-container > .iui-tooltip{ position:absolute; visibility:hidden; -webkit-user-select:none; user-select:none; opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-tooltip-container > .iui-tooltip{ transition:visibility 0s linear 0.2s, opacity 0.2s ease-out; } } .iui-tooltip-container > .iui-tooltip.iui-tooltip-visible, .iui-tooltip-container:hover > .iui-tooltip{ visibility:visible; opacity:1; } .iui-tooltip{ margin:0; padding:0; border:none; vertical-align:baseline; display:block; text-align:center; border-radius:3px; font-size:12px; overflow:hidden; max-width:400px; width:max-content; overflow-wrap:break-word; box-sizing:content-box; padding:4px 8px; z-index:999; box-shadow:0 3px 14px rgba(0, 0, 0, 0.25); pointer-events:none; background-color:rgba(0, 0, 0, 0.6); color:#FFF; background-color:rgba(0, 0, 0, var(--iui-opacity-3)); color:var(--iui-color-foreground-accessory); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-input-container{ margin:0; padding:0; border:none; vertical-align:baseline; display:grid; -ms-grid-rows:auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' / auto 1fr; cursor:default; } .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-icon > .iui-input, .iui-input-container.iui-inline-icon > .iui-textarea{ padding-right:40px; } .iui-input-container.iui-inline-icon > .iui-input:last-child, .iui-input-container.iui-inline-icon > .iui-textarea:last-child{ padding-right:12px; } .iui-input-container.iui-with-message{ -ms-grid-rows:auto auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; } .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ margin-top:3px; } .iui-input-container .iui-input, .iui-input-container .iui-textarea, .iui-input-container .iui-input-group, .iui-input-container .iui-select{ -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; grid-area:inputs; -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; } label.iui-input-container{ cursor:pointer; } label.iui-input-container.iui-disabled{ cursor:not-allowed; } .iui-input-container.iui-disabled label{ cursor:not-allowed; } .iui-input-container .iui-checkbox, .iui-input-container .iui-radio{ min-height:22px; } .iui-input-container.iui-inline-label{ -ms-grid-rows:auto; -ms-grid-columns:auto 1fr auto; grid-template:'label inputs icon' / auto 1fr auto; } div.iui-input-container.iui-inline-label{ -ms-grid-columns:auto min-content auto; } .iui-input-container.iui-inline-label .iui-input, .iui-input-container.iui-inline-label .iui-textarea, .iui-input-container.iui-inline-label .iui-input-group, .iui-input-container.iui-inline-label .iui-select{ -ms-grid-row:1; -ms-grid-column:2; } .iui-input-container.iui-inline-label .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; } .iui-input-container.iui-inline-label.iui-with-message{ -ms-grid-rows:auto auto; -ms-grid-columns:auto auto 1fr; grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; } .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-label.iui-with-message .iui-message{ -ms-grid-row:2; -ms-grid-column:3; } .iui-input-container.iui-inline-label > .iui-input-group{ display:flex; grid-gap:16px; gap:16px; } .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:16px; } @supports (gap: 16px){ .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:0; } } .iui-input-container.iui-inline-label > .iui-input-group:not(:last-child){ margin-right:16px; } .iui-input-container > .iui-label{ -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:2; font-weight:600; margin-bottom:3px; grid-area:label; align-self:center; } .iui-input-container > .iui-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container > .iui-input-icon{ -ms-grid-row:3; -ms-grid-column:1; display:flex; grid-area:icon; width:16px; height:16px; align-self:center; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-input-container > .iui-input-icon:not(:last-child){ margin-right:4px; } .iui-input-container .iui-message{ -ms-grid-row:3; -ms-grid-column:2; font-size:12px; grid-area:message; margin-top:3px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-input-container .iui-message a{ -webkit-user-select:none; user-select:none; } .iui-input-container.iui-inline-label > .iui-label{ margin:0 16px 0 0; -ms-grid-column-span:1; } .iui-input-container.iui-inline-label > .iui-label.iui-required{ margin-right:6px; } .iui-input-container.iui-inline-icon > .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; grid-area:inputs; justify-self:end; margin:0 12px 0 0; position:relative; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{ height:100%; width:-moz-fit-content; width:fit-content; margin-right:0; border-top-left-radius:0; border-bottom-left-radius:0; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{ align-items:center; height:90%; margin-right:1px; padding:0 12px; cursor:pointer; background-position:center; transition:background 0.4s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{ background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{ background-color:var(--iui-color-background-2); background-size:100%; transition:background 0s; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{ width:16px; height:16px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); transition:transform 0.2s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{ transform:rotate(180deg); } .iui-input-container.iui-positive *::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-positive .iui-input-icon{ fill:#53A21A; fill:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a{ text-decoration:underline; color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a:hover{ text-decoration:none; color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-input-container.iui-positive > .iui-input, .iui-input-container.iui-positive > .iui-textarea, .iui-input-container.iui-positive > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #53A21A; border-bottom:2px solid var(--iui-color-foreground-positive); } .iui-input-container.iui-positive > .iui-input.iui-small, .iui-input-container.iui-positive > .iui-textarea.iui-small, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-positive > .iui-input.iui-large, .iui-input-container.iui-positive > .iui-textarea.iui-large, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-positive > .iui-input:focus, .iui-input-container.iui-positive > .iui-textarea:focus, .iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #53A21A; box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-positive); box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-negative *::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-negative .iui-input-icon{ fill:#D30A0A; fill:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a{ text-decoration:underline; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a:hover{ text-decoration:none; color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-input-container.iui-negative > .iui-input, .iui-input-container.iui-negative > .iui-textarea, .iui-input-container.iui-negative > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #D30A0A; border-bottom:2px solid var(--iui-color-foreground-negative); } .iui-input-container.iui-negative > .iui-input.iui-small, .iui-input-container.iui-negative > .iui-textarea.iui-small, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-negative > .iui-input.iui-large, .iui-input-container.iui-negative > .iui-textarea.iui-large, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-negative > .iui-input:focus, .iui-input-container.iui-negative > .iui-textarea:focus, .iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #D30A0A; box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-negative); box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-warning *::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-warning .iui-input-icon{ fill:#F18B12; fill:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a{ text-decoration:underline; color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a:hover{ text-decoration:none; color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-input-container.iui-warning > .iui-input, .iui-input-container.iui-warning > .iui-textarea, .iui-input-container.iui-warning > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #F18B12; border-bottom:2px solid var(--iui-color-foreground-warning); } .iui-input-container.iui-warning > .iui-input.iui-small, .iui-input-container.iui-warning > .iui-textarea.iui-small, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-warning > .iui-input.iui-large, .iui-input-container.iui-warning > .iui-textarea.iui-large, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-warning > .iui-input:focus, .iui-input-container.iui-warning > .iui-textarea:focus, .iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #F18B12; box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-warning); box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-label{ font-weight:600; margin-bottom:3px; cursor:default; display:block; } .iui-input-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } label.iui-input-label{ cursor:pointer; } label.iui-input-label.iui-disabled{ cursor:not-allowed; } .iui-input-label.iui-inline{ margin:0 16px 0 0; -ms-grid-column-span:1; display:inline-flex; align-items:center; } .iui-input-label.iui-inline.iui-required{ margin-right:6px; } .iui-input{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-input{ transition:border-color 0.2s ease-out; } } .iui-input.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-input.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-input::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-input:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-input:hover{ transition:border-color 0.2s ease-out; } } .iui-input[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-input:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); resize:vertical; min-height:38px; } @media (prefers-reduced-motion: no-preference){ .iui-textarea{ transition:border-color 0.2s ease-out; } } .iui-textarea.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-textarea.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-textarea::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-textarea:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-textarea:hover{ transition:border-color 0.2s ease-out; } } .iui-textarea[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-textarea:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea[disabled], .iui-textarea[readonly]{ resize:none; } .iui-select{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; position:relative; width:100%; } .iui-select > .iui-select-button{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); display:flex; align-items:center; min-height:38px; padding-right:32px; -webkit-user-select:none; user-select:none; position:relative; } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select > .iui-select-button.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-select > .iui-select-button::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button:hover{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-select > .iui-select-button:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus:not(:focus-visible){ box-shadow:none; } .iui-select > .iui-select-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-select > .iui-select-button > .iui-icon + .iui-content{ margin-left:8px; } .iui-select > .iui-select-button > .iui-content{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .iui-select > .iui-select-button.iui-placeholder{ color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button::after{ content:''; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(0, 0, 0, 0.8); border-top:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-select > .iui-select-button:hover::after{ border-bottom:none; border-top:5px solid black; border-top:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-active::after{ border-top:none; border-bottom:5px solid rgba(0, 0, 0, 0.8); border-bottom:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button.iui-active:hover::after{ border-bottom:5px solid black; border-bottom:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-disabled{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-select > .iui-select-button.iui-disabled::after{ border-top:5px solid rgba(0, 0, 0, 0.2); border-top:5px solid var(--iui-icons-color-actionable-disabled); } .iui-select.iui-small .iui-select-button{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select.iui-large .iui-select-button{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-checkbox{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-checkbox > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-checkbox.iui-disabled{ cursor:not-allowed; } .iui-checkbox .iui-checkbox-checkmark, .iui-checkbox .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial), .iui-checkbox .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-checkbox > .iui-label{ margin-right:8px; } .iui-checkbox > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-checkbox .iui-checkbox-checkmark ~ .iui-label, .iui-checkbox .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-checkbox input:checked ~ .iui-checkbox-checkmark, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark, .iui-checkbox input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark, .iui-checkbox input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark path, .iui-checkbox input:disabled ~ .iui-checkbox-checkmark g, .iui-checkbox input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-checkbox input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-checkbox.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-checkbox.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-checkbox .iui-checkbox-checkmark{ border-radius:3px; } .iui-checkbox.iui-loading{ cursor:wait; } .iui-checkbox.iui-loading input ~ .iui-checkbox-checkmark{ border:none; background-color:transparent; } .iui-checkbox.iui-loading input:disabled ~ .iui-checkbox-checkmark{ cursor:wait; } .iui-checkbox.iui-loading input:disabled ~ .iui-label{ cursor:wait; } .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark, .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ border:none; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark{ background-color:transparent; } .iui-checkbox-visibility .iui-checkbox-checkmark svg:not(.iui-radial){ width:16px; height:16px; } .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck, .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:0; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:1; transition:opacity 0.2s ease; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-radio > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio.iui-disabled{ cursor:not-allowed; } .iui-radio .iui-checkbox-checkmark, .iui-radio .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial), .iui-radio .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-radio > .iui-label{ margin-right:8px; } .iui-radio > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio .iui-checkbox-checkmark ~ .iui-label, .iui-radio .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-radio input:checked ~ .iui-checkbox-checkmark, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark, .iui-radio input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-radio input:enabled:focus ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-radio input:disabled ~ .iui-checkbox-checkmark, .iui-radio input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-radio input:disabled ~ .iui-checkbox-checkmark path, .iui-radio input:disabled ~ .iui-checkbox-checkmark g, .iui-radio input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-radio.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-radio.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-radio .iui-radio-dot{ border-radius:50%; } .iui-radio-tile-container{ display:inline-flex; flex-wrap:wrap; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; z-index:0; } .iui-radio-tile-container > label{ cursor:pointer; } .iui-radio-tile-container > label > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio-tile-container > label > .iui-radio-tile{ width:160px; height:100%; box-sizing:border-box; padding:8px; position:relative; z-index:1; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ width:32px; height:32px; display:block; margin:0 auto; margin-top:6px; margin-bottom:11px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-checkmark{ display:none; width:16px; height:16px; position:absolute; right:8px; fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-label{ font-size:14px; font-weight:600; line-height:22px; text-align:center; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-description{ font-size:12px; line-height:15px; text-align:center; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label:first-child > .iui-radio-tile{ border-radius:3px 0 0 3px; } .iui-radio-tile-container > label:last-child > .iui-radio-tile{ border-radius:0 3px 3px 0; } .iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{ margin-left:-1px; } .iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ z-index:2; border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile{ padding:7px; z-index:3; border:2px solid #008BE1; border:2px solid var(--iui-color-foreground-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-checkmark{ display:inline-block; } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile{ cursor:not-allowed; z-index:0; border-color:#EEF0F3; background-color:#EEF0F3; border-color:var(--iui-color-background-disabled); background-color:var(--iui-color-background-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-checkmark{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); filter:grayscale(100%); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-label{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label input:disabled:checked ~ .iui-radio-tile{ z-index:3; border:2px solid rgba(0, 0, 0, 0.4); border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-button{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; display:inline-flex; align-items:center; vertical-align:middle; justify-content:center; position:relative; box-sizing:border-box; border-radius:3px; line-height:22px; outline:none; box-shadow:none; font-size:14px; font-weight:400; text-decoration:none; -webkit-user-select:none; user-select:none; cursor:pointer; white-space:nowrap; border:1px solid transparent; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); padding:0 16px; height:38px; grid-gap:8px; gap:8px; padding:0 16px; height:38px; grid-gap:8px; gap:8px; } @media (prefers-reduced-motion: no-preference){ .iui-button{ transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .iui-button:hover{ text-decoration:none; color:black; color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button:focus:not(:focus-visible){ box-shadow:none; } .iui-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button[disabled], .iui-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-default{ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:focus{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:focus .iui-notification-primary::before, .iui-button.iui-default:focus .iui-notification-positive::before, .iui-button.iui-default:focus .iui-notification-warning::before, .iui-button.iui-default:focus .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default:focus:where(:not(:focus-visible)){ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:hover, .iui-button.iui-default:active{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:hover .iui-notification-primary::before, .iui-button.iui-default:hover .iui-notification-positive::before, .iui-button.iui-default:hover .iui-notification-warning::before, .iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before, .iui-button.iui-default:active .iui-notification-positive::before, .iui-button.iui-default:active .iui-notification-warning::before, .iui-button.iui-default:active .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default.iui-dropdown{ padding-right:8px; } .iui-button.iui-default.iui-dropdown.iui-small{ padding-right:4px; } .iui-button.iui-default.iui-dropdown.iui-large{ padding-right:12px; } .iui-button.iui-default.iui-active{ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); color:#008BE1; background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); color:var(--iui-color-foreground-primary); } .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-high-visibility{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-cta{ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus:where(:not(:focus-visible)){ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:hover, .iui-button.iui-cta:active{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-idea{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); border-radius:22px; box-shadow:0 9px 46px rgba(0, 0, 0, 0.25); position:fixed; bottom:11px; right:16px; } .iui-button.iui-idea:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:hover, .iui-button.iui-idea:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-borderless{ border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; } .iui-button.iui-borderless > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:focus{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)){ border-color:transparent; background-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-button.iui-small{ padding:0 8px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-small.iui-borderless{ padding:0 2px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-large{ padding:0 24px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button.iui-large.iui-borderless{ padding:0 12px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button-group{ display:inline-flex; align-items:center; isolation:isolate; } .iui-button-group > *{ display:flex; } .iui-button-group > * input, .iui-button-group > * button{ position:relative; transition-duration:0ms; } .iui-button-group > * input:hover, .iui-button-group > * button:hover{ z-index:1; } .iui-button-group > * input:focus, .iui-button-group > * button:focus{ z-index:2; } .iui-button-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-group > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{ z-index:-1; } .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * button:hover, .iui-button-group > * button:focus{ transition-duration:0.2s; } .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){ border-radius:0; } .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-group > *:not(:last-child){ margin-right:-1px; } .iui-button-group > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu{ display:inline-flex; align-items:center; isolation:isolate; display:inline-flex; align-items:center; isolation:isolate; } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu:hover{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-button-split-menu > *:first-child > .iui-borderless:hover{ background-color:transparent; } .iui-button-split-menu > *:last-child > .iui-button{ padding:4px; } .iui-button-split-menu > *:last-child > .iui-small{ padding:2px; } .iui-button-split-menu > *:last-child > .iui-large{ padding:8px; } .iui-button-split-menu > *:first-child > .iui-high-visibility, .iui-button-split-menu > *:first-child > .iui-cta{ border-right-color:rgba(255, 255, 255, 0.4); border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu > *:last-child > .iui-high-visibility, .iui-button-split-menu > *:last-child > .iui-cta{ border-left-color:rgba(255, 255, 255, 0.4); border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu.iui-disabled{ background-color:transparent; background-color:transparent; } .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-icon{ width:16px; height:16px; transition:fill 0.2s ease-out; fill:currentColor; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-hue-pointer { position: absolute; width: 1.2em; height: 1.2em; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.37) 0px 1px 4px 0px; } .components-hue-pointer:focus { outline: none; border: none; } .components-hue-container-horizontal { width: 100%; height: 0.5em; display: flex; align-items: center; justify-content: center; } .components-hue-container-horizontal .components-hue-slider { position: relative; width: 100%; height: 100%; border-radius: 1em; background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } .components-hue-container-horizontal .components-hue-pointer { transform: translate(-0.6em, -0.45em); cursor: pointer; border: 1px solid #fff; } .components-hue-container-vertical { width: 0.5em; display: flex; align-items: center; justify-content: center; height: 100%; } .components-hue-container-vertical .components-hue-slider { position: relative; width: 100%; height: 100%; border-radius: 1em; background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } .components-hue-container-vertical .components-hue-pointer { transform: translate(-0.45em, -0.6em); cursor: pointer; border: 1px solid #fff; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-saturation-container { width: 100%; height: 100%; min-width: 100px; min-height: 100px; } .components-saturation-container .components-saturation-region { position: relative; width: 100%; height: 100%; background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); background-size: cover, cover; overflow: visible; } .components-saturation-container .components-saturation-region .components-saturation-pointer { position: absolute; width: 2em; height: 2em; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.37) 0px 4px 4px 0px; border: 2px solid #fff; transform: translate(-1em, -1em); } .components-saturation-container .components-saturation-region .components-saturation-pointer:focus { outline: none; border: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-colorpicker-panel { display: flex; flex-direction: column; } .components-colorpicker-panel .components-colorpicker-panel-color { display: flex; flex-direction: row; height: 100%; grid-column-gap: 20px; column-gap: 20px; } .components-colorpicker-panel .components-colorpicker-panel-color .components-colorpicker-saturation { margin: 1em; display: block; width: calc(100% - 40px); height: 150px; } .components-colorpicker-panel .components-colorpicker-panel-color .components-hue-container-vertical { height: 150px; margin-top: 1em; margin-right: 0.5em; } .components-colorpicker-panel .components-color-swatch { width: 2em; height: 2em; } .components-colorpicker-panel-presets { width: 100%; height: 100%; padding-top: 10px; margin-top: 10px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 2px; column-gap: 2px; grid-row-gap: 10px; row-gap: 10px; border-top: 1px solid var(--buic-inputs-border); justify-items: center; } .components-colorpicker-panel-presets .components-colorpicker-panel-swatch { width: 2em; height: 2em; padding: 0; border-color: var(--buic-inputs-border); } .components-colorpicker-popup-panel-padding { display: flex; flex-direction: column; } .components-colorpicker-popup-panel-padding button.core-dialog-close { margin-left: auto; background: transparent; border: none; color: var(--buic-foreground-body); } .components-colorpicker-input-panel { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; } .components-colorpicker-input-panel .components-colorpicker-input-value-wrapper { align-items: center; display: flex; flex-direction: row; grid-gap: 4px; gap: 4px; } .components-colorpicker-input-panel .components-colorpicker-input-value-wrapper .uicore-inputs-labeled-input { text-align: right; margin: 0; } .components-colorpicker-input-panel .components-colorpicker-input-value-wrapper .core-number-input-container { width: 54px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ button.components-colorpicker-popup-button { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--buic-foreground-body); background-color: transparent; box-sizing: border-box; border-radius: 3px; border: none; padding: 0; } button.components-colorpicker-popup-button:not(.readonly) { cursor: pointer; } button.components-colorpicker-popup-button > .components-colorpicker-button-container { display: flex; flex-direction: row; align-items: center; } button.components-colorpicker-popup-button > .components-colorpicker-button-container > .components-colorpicker-button-color-swatch { border: 1px solid var(--buic-inputs-border); border-radius: 3px; width: 1.25em; height: 1.25em; } button.components-colorpicker-popup-button > .components-colorpicker-button-container > .components-caret { margin-left: 0.25em; margin-right: 0.25em; } button.components-colorpicker-popup-button:disabled { pointer-events: none; } button.components-colorpicker-popup-button:disabled > .components-colorpicker-button-container > .components-caret { color: var(--buic-foreground-disabled); } .components-colorpicker-popup-panel-padding { padding: 3px 6px 6px 6px; display: flex; flex-direction: column; grid-gap: 4px; gap: 4px; } .components-colorpicker-popup-panel-padding button.core-dialog-close { margin-left: auto; background: transparent; border: none; color: var(--buic-foreground-body); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-color-editor { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--buic-foreground-body); border: none; box-sizing: border-box; height: 100%; display: flex; align-items: center; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-weight-editor { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 14px; color: var(--buic-foreground-body); border: none; box-sizing: border-box; height: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-weightpicker-button { color: var(--buic-foreground-body); background: var(--buic-background-control); border: 1px solid var(--buic-inputs-border); border-radius: 3px; min-width: 100px; } .components-weightpicker-button:not(.readonly):not([disabled]) { cursor: pointer; } .components-weightpicker-button:active, .components-weightpicker-button:focus { box-shadow: var(--buic-focus-boxshadow) 0px 0px 0px 2px; } .components-weightpicker-popup.core-popup { background: var(--buic-background-control); border: 1px solid var(--buic-inputs-border); } .components-weightpicker-popup .components-weightpicker-popup-container { color: var(--buic-foreground-body); background: var(--buic-background-control); min-width: 60px; padding: 0 4px; border-radius: 4px; } .components-weightpicker-popup .components-weightpicker-popup-container > ul { padding: 4px 0; list-style: none; margin: 0.25rem 0; } .components-weightpicker-popup .components-weightpicker-popup-container > ul > .components-weightpicker-swatch:hover { background: var(--buic-row-hover); } .components-weightpicker-popup .components-weightpicker-popup-container > ul > .components-weightpicker-swatch.active { background: var(--buic-row-selection); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-lineweight-swatch { font-size: 14px; color: var(--buic-foreground-body); border: none; background: inherit; width: 100%; display: flex; flex-direction: row; align-items: center; padding: 3px 15px 3px 0; min-height: 22px; box-sizing: border-box; } .components-lineweight-swatch::-moz-focus-inner { border: 0px; } .components-lineweight-swatch:focus { outline: 1px solid var(--buic-row-selection); } .components-lineweight-swatch[disabled] { opacity: 0.2; cursor: default; } .components-lineweight-swatch > span { width: 1.5em; text-align: right; } .components-lineweight-swatch > div { flex: 1 1; background: var(--buic-foreground-body); margin-left: 15px; } .components-lineweight-swatch.hide-label > span { display: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .component-quantity-number-input-container { display: flex; align-items: center; position: relative; padding: 0; margin: 0; box-sizing: border-box; } .component-quantity-number-input-container .component-quantity-number-input-suffix { padding-left: 0.25em; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container { position: relative; padding: 0; margin: 0; box-sizing: border-box; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container input { margin: 0; padding-right: 1.5em; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container.component-number-buttons-for-touch input { padding-right: 3.5em; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container { position: absolute; top: 0; right: 0; width: 20px; height: 22px; padding-top: 1.5px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container .component-quantity-number-input-button { font-size: 8px; outline: none; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container .component-quantity-number-input-button:hover { color: var(--buic-foreground-primary-tone); transition-duration: 150ms; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container .component-quantity-number-input-button.component-quantity-number-input-button-up { padding-top: 1px; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container .component-quantity-number-input-button.component-quantity-number-input-button-down { padding-top: 1px; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container.component-number-buttons-for-touch { width: 3.5em; flex-direction: row-reverse; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container.component-number-buttons-for-touch .component-quantity-number-input-button { font-size: 1em; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container.component-number-buttons-for-touch .component-quantity-number-input-button:hover { color: unset; transition-duration: unset; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container.component-number-buttons-for-touch .component-quantity-number-input-button.component-quantity-number-input-button-up { padding-top: 2px; } .component-quantity-number-input-container .component-quantity-number-input-value-and-buttons-container .component-quantity-number-input-buttons-container.component-number-buttons-for-touch .component-quantity-number-input-button.component-quantity-number-input-button-down { padding-top: 2px; } .component-quantity-number-input-container.component-quantity-number-input-disabled .component-quantity-number-input-suffix { -webkit-user-select: none; user-select: none; color: var(--buic-foreground-disabled); } .component-quantity-number-input-container.component-quantity-number-input-disabled .component-quantity-number-input-button-up { pointer-events: none; color: var(--buic-foreground-disabled); } .component-quantity-number-input-container.component-quantity-number-input-disabled .component-quantity-number-input-button-down { pointer-events: none; color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-cube-css3d { width: 128px; height: 128px; perspective: 300px; transform-style: preserve-3d; } .components-cube-css3d .face { width: 100%; height: 100%; position: absolute; -webkit-backface-visibility: inherit; backface-visibility: inherit; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .components-cube-container { position: relative; width: 96px; height: 96px; } .components-cube-container .cube-element-container { position: absolute; left: 0; top: 0; width: 96px; height: 96px; display: flex; justify-content: center; align-items: center; } .components-cube-container .cube-element-container .nav-cube { width: 64px; height: 64px; } .components-cube-container .cube-element-container .nav-cube .nav-cube-face { display: flex; flex-direction: column; width: 100%; height: 100%; font-size: 10px; font-weight: 600; color: var(--buic-foreground-body); box-shadow: inset 0px 0px 1px 0.2px #000; } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row { display: flex; flex-direction: row; height: 14px; width: 100%; } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row.cube-center { height: auto; flex-grow: 1; } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row .face-cell { cursor: pointer; -webkit-user-select: none; user-select: none; width: 14px; } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row .face-cell.cube-center { width: auto; flex-grow: 1; } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row .face-cell.cube-hover { color: var(--buic-foreground-activehover); background: var(--buic-background-active-overlay); } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row .face-cell.cube-active { color: var(--buic-foreground-activehover); background: var(--buic-background-pressed-overlay); } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row.cube-center .face-cell.cube-center { display: flex; justify-content: center; align-items: center; } .components-cube-container .cube-element-container .nav-cube .cube-left, .components-cube-container .cube-element-container .nav-cube .cube-right, .components-cube-container .cube-element-container .nav-cube .cube-front, .components-cube-container .cube-element-container .nav-cube .cube-back { background: linear-gradient(var(--buic-background-1), var(--buic-background-4)); } .components-cube-container .cube-element-container .nav-cube .cube-top { background: var(--buic-background-1); } .components-cube-container .cube-element-container .nav-cube .cube-bottom { background: var(--buic-background-4); } .components-cube-container .cube-element-container .nav-cube.cube-dragging .face-row .face-cell.cube-hover, .components-cube-container .cube-element-container .nav-cube.cube-dragging .face-row .face-cell.cube-active { background: transparent; } .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-left, .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-right, .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-front, .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-back { background: linear-gradient(var(--buic-background-2), var(--buic-background-5)); } .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-top { background: var(--buic-background-2); } .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-bottom { background: var(--buic-background-5); } .components-cube-container .cube-pointer { position: absolute; height: 20px; width: 20px; font-size: 20px; color: var(--buic-background-2); text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; cursor: pointer; } .components-cube-container .cube-pointer:not(.cube-visible) { display: none; } .components-cube-container .cube-pointer:hover { color: var(--buic-row-selection); } .components-cube-container .cube-pointer:focus { outline: none; } .components-cube-container .cube-pointer.cube-up { margin: -3px auto; left: 0px; right: 0px; top: 0px; } .components-cube-container .cube-pointer.cube-down { margin: -3px auto; left: 0px; right: 0px; bottom: 0px; } .components-cube-container .cube-pointer.cube-left { margin: auto -3px; top: 0px; bottom: 0px; left: 0px; } .components-cube-container .cube-pointer.cube-right { margin: auto -3px; top: 0px; bottom: 0px; right: 0px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ #components-drawing-portal { z-index: 5000; } .components-drawing-navigation-aid { position: relative; overflow: hidden; box-shadow: 0 0 0 1px var(--buic-inputs-border), 0 0 0 2px var(--buic-foreground-body); height: 96px; width: 96px; } .components-drawing-navigation-aid .drawing-canvas { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; min-width: 96px; min-height: 96px; } .components-drawing-navigation-aid .drawing-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .components-drawing-navigation-aid .drawing-container .drawing-view-window { position: absolute; left: 0px; top: 0px; border: white 1px solid; background-color: rgba(0, 0, 0, 0.5); } .components-drawing-navigation-aid .drawing-container .unrotate-button { position: absolute; background-color: var(--buic-background-control); border: 1px solid var(--buic-background-toolbutton-stroke); cursor: pointer; border-radius: 3px; top: 10px; left: 0px; right: 0px; margin: auto; font-size: 13px; height: 20px; width: 64px; line-height: 20px; text-align: center; } .components-drawing-navigation-aid .drawing-container .unrotate-button:focus { outline: none; } .components-drawing-navigation-aid .drawing-container .close { position: absolute; cursor: pointer; background-color: var(--buic-background-control); border: 1px solid var(--buic-background-toolbutton-stroke); border-radius: 3px; right: 10px; top: 10px; } .components-drawing-navigation-aid .drawing-container .close .close-icon { height: 32px; width: 32px; line-height: 32px; text-align: center; font-size: 18px; transform: rotate(45deg); } .components-drawing-navigation-aid .drawing-container .toggle-rotate-style { position: absolute; cursor: pointer; background-color: var(--buic-background-control); opacity: 0.5; color: var(--buic-foreground-body); border-radius: 3px; bottom: 10px; left: 10px; height: 16px; width: 16px; font-size: 12px; line-height: 16px; text-align: center; } .components-drawing-navigation-aid .drawing-container .toggle-rotate-style.checked { color: var(--buic-foreground-primary); } .components-drawing-navigation-aid .drawing-container .toggle-rotate-style:hover { opacity: 1; } .components-drawing-navigation-aid .drawing-container .zoom { position: absolute; border: 1px solid var(--buic-background-toolbutton-stroke); border-radius: 3px; right: 10px; bottom: 10px; } .components-drawing-navigation-aid .drawing-container .zoom .zoom-button { cursor: pointer; background-color: var(--buic-background-control); height: 32px; width: 32px; line-height: 32px; text-align: center; } .components-drawing-navigation-aid .drawing-container .zoom .zoom-button:first-child { border-bottom: 1px solid var(--buic-background-toolbutton-stroke); } .components-drawing-navigation-aid .drawing-container .zoom .zoom-button:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-quantityFormat-panel { display: grid; grid-template-columns: auto 1fr; grid-row-gap: 0; row-gap: 0; grid-column-gap: 6px; column-gap: 6px; align-items: center; } .components-quantityFormat-panel > .uicore-label { font-size: 14px; margin: 4.4px 0; /* match margin on other select controls so it spaces properly in grid */ } .components-quantityFormat-panel > .uicore-label.uicore-disabled { color: var(--buic-foreground-disabled); } .components-quantityFormat-panel > span.components-inline { display: flex; flex-direction: row; align-items: center; grid-gap: 4px; gap: 4px; } .components-quantityFormat-panel > label.core-checkbox.core-checkbox-no-label { min-height: 1.57em; } .components-quantityFormat-panel > button.components-quantityFormat-more-button { grid-column: 1/span 2; border: none; outline: none; background: none; } .components-quantityFormat-panel .components-quantityFormat-more-button-label { margin-right: 0.25em; } .components-quantityFormat-panel > a.components-quantityFormat-more-less { font-size: 14px; color: var(--buic-foreground-negative); transition: -webkit-text-decoration 0.1s ease; transition: text-decoration 0.1s ease; transition: text-decoration 0.1s ease, -webkit-text-decoration 0.1s ease; } .components-quantityFormat-panel > a.components-quantityFormat-more-less:hover { text-decoration: underline; cursor: pointer; } .components-quantityFormat-panel .iui-input { padding: 2px 8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-menu{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); list-style-type:none; -webkit-user-select:none; user-select:none; width:100%; margin:0; padding:0; } .iui-menu .iui-header-menu-icon{ margin:0 4px; } .iui-menu div.iui-header-menu-icon{ margin:0; width:24px; height:24px; border-radius:3px; } .iui-menu.iui-scroll{ overflow-y:auto; overflow-y:overlay; } .iui-menu-item{ display:flex; align-items:center; font-size:14px; padding:0 13px; height:38px; cursor:pointer; box-sizing:border-box; line-height:normal; } .iui-menu-item + .iui-menu-item{ margin-top:-1px; } .iui-menu-item .iui-content, .iui-menu-item .iui-menu-label, .iui-menu-item .iui-menu-description{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-menu-item .iui-content{ flex:1 1 auto; } .iui-menu-item .iui-content + .iui-icon{ margin-right:0; margin-left:8px; } .iui-menu-item .iui-menu-description{ display:none; font-size:12px; opacity:0.6; opacity:var(--iui-opacity-3); } .iui-menu-item > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-menu-item > .iui-icon + .iui-content{ margin-left:8px; } .iui-menu-item:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-menu-item:focus, .iui-menu-item.iui-focused{ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item:focus:not(:focus-visible){ outline:none; } .iui-menu-item.iui-large{ height:49px; } .iui-menu-item.iui-large .iui-menu-description{ display:block; } .iui-menu-item.iui-active, .iui-menu-item.iui-active:hover{ background-color:rgba(0, 139, 225, 0.2); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-active > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{ outline-width:2px; outline-offset:-2px; } .iui-menu-item.iui-active:focus:not(:focus-visible){ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-disabled, .iui-menu-item.iui-disabled:hover{ cursor:not-allowed; outline:none; background-color:#FFF; color:rgba(0, 0, 0, 0.2); background-color:var(--iui-color-background-1); color:var(--iui-text-color-placeholder); } .iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-menu-content{ padding:11px 13px; } .iui-menu-divider{ height:1px; width:calc(100% - 24px); margin:1px auto; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-progress-indicator-linear{ margin:0; padding:0; border:none; vertical-align:baseline; text-align:left; display:block; } .iui-progress-indicator-linear > .iui-track{ width:100%; height:4px; overflow:hidden; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-progress-indicator-linear > .iui-track > .iui-fill{ display:inline-block; height:100%; vertical-align:top; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-progress-indicator-linear > .iui-label{ align-items:center; width:100%; overflow:hidden; margin-top:4px; display:flex; font-size:12px; justify-content:space-between; } .iui-progress-indicator-linear > .iui-label > :only-child{ margin:0 auto; } .iui-progress-indicator-linear > .iui-label > :last-child:not(:first-child){ -webkit-user-select:none; user-select:none; } .iui-progress-indicator-linear > .iui-label svg{ display:flex; width:16px; height:16px; } .iui-progress-indicator-linear.iui-positive > .iui-track, .iui-progress-indicator-linear.iui-positive > .iui-track > *{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label > span::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear.iui-negative > .iui-track > *{ width:100%; background-color:#D30A0A; background-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label > span::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear > .iui-track > .iui-determinate{ transition:width 2s ease-in-out; } .iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive) > .iui-track > .iui-indeterminate{ width:100%; animation:iui-progress-indicator-linear-animate-indeterminate 1.5s infinite linear; } @keyframes iui-progress-indicator-linear-animate-indeterminate{ 0%{ transform:translateX(-60%) scaleX(0); } 40%{ transform:translateX(-40%) scaleX(0.4); } 100%{ transform:translateX(100%) scaleX(0.5); } } .iui-progress-indicator-radial-ie{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-block; position:relative; box-sizing:border-box; height:100%; width:100%; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-progress-indicator-radial-ie::after{ position:relative; box-sizing:border-box; content:''; width:100%; height:100%; display:inline-block; border:3px solid currentColor; border-radius:100%; background-color:transparent; animation:dash 0.8s linear infinite; border-bottom-color:#C7CCD1; border-bottom-color:var(--iui-color-background-5); } @keyframes dash{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .iui-progress-indicator-radial{ position:relative; display:inline-block; width:32px; height:32px; } .iui-progress-indicator-radial > .iui-radial{ height:100%; width:100%; } .iui-progress-indicator-radial > .iui-radial > circle.iui-fill{ stroke:#008BE1; stroke:var(--iui-color-foreground-primary); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial > .iui-radial > circle.iui-track{ stroke:#C7CCD1; stroke:var(--iui-color-background-5); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial .iui-inner-content{ position:absolute; display:flex; width:calc(100% - 8px); height:calc(100% - 8px); left:50%; top:50%; transform:translate(-50%, -50%); align-items:center; justify-content:center; font-size:12px; -webkit-user-select:none; user-select:none; overflow:hidden; } .iui-progress-indicator-radial .iui-inner-content svg, .iui-progress-indicator-radial .iui-inner-content img{ display:flex; width:16px; height:16px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-progress-indicator-radial .iui-inner-content svg:hover, .iui-progress-indicator-radial .iui-inner-content img:hover{ fill:black; fill:var(--iui-icons-color-actionable-hover); } .iui-progress-indicator-radial.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill, .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{ stroke:#53A21A; stroke:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#53A21A; border-bottom-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{ stroke:#D30A0A; stroke:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#D30A0A; border-bottom-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-x-small{ width:16px; height:16px; } .iui-progress-indicator-radial.iui-x-small .iui-inner-content{ display:none; } .iui-progress-indicator-radial.iui-small{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-large{ width:48px; height:48px; } .iui-progress-indicator-radial.iui-large .iui-inner-content{ font-size:16px; } .iui-progress-indicator-radial.iui-large .iui-inner-content svg, .iui-progress-indicator-radial.iui-large .iui-inner-content img{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{ transform:rotate(-90deg); } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{ stroke-dasharray:88; transition:stroke-dashoffset 0.5s ease-in-out; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{ animation:rotate-indeterminate 2s linear infinite; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{ animation:dash-indeterminate 1.5s ease-in-out infinite; } @keyframes rotate-indeterminate{ 100%{ transform:rotate(360deg); } } @keyframes dash-indeterminate{ 0%{ stroke-dasharray:1, 88; } 50%{ stroke-dasharray:88, 88; stroke-dashoffset:-22; } 100%{ stroke-dasharray:88, 88; stroke-dashoffset:-88; } } .iui-progress-indicator-overlay{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; z-index:10000; pointer-events:none; background-color:rgba(255, 255, 255, 0.8); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-2)); } @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){ .iui-progress-indicator-overlay{ background-color:rgba(255, 255, 255, 0.6); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-3)); backdrop-filter:blur(5px); } } .iui-progress-indicator-overlay:focus, .iui-progress-indicator-overlay:focus-visible{ outline:0; } .iui-progress-indicator-overlay .iui-progress-indicator-linear{ width:50%; max-width:33vw; } @keyframes closeAnimation{ from{ opacity:1; opacity:var(--iui-opacity-1); } to{ opacity:0; } } .iui-progress-indicator-overlay .iui-overlay-exiting{ animation:closeAnimation 0.2s linear; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .contextmenu-wip { cursor: default; box-sizing: border-box; z-index: 18000; background: var(--buic-background-1); border-radius: 3px; max-width: 250px; } .contextmenu-wip > ul { margin: 0; padding: 6px 0; list-style: none; } .contextmenu-wip > ul > .separator { padding: 0.5em 0; position: relative; } .contextmenu-wip > ul > .separator:before { content: ""; position: absolute; top: 50%; left: 32px; right: 4px; width: auto; height: 1px; background: #dce0e3; transform: translateY(-50%); } .contextmenu-item-wip { display: flex; align-items: center; margin: 0; padding: 0.5em 0; color: var(--buic-foreground-body); font-size: 14px; position: relative; -webkit-user-select: none; user-select: none; } .contextmenu-item-wip > .user-icon, .contextmenu-item-wip > .icon-checkmark { position: absolute; left: 10px; } .contextmenu-item-wip > span:last-child { padding-left: 32px; padding-right: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .contextmenu-item-wip:hover:not(.disabled) { background: var(--buic-row-hover); color: var(--buic-foreground-activehover); cursor: pointer; } .contextmenu-item-wip.disabled { color: var(--buic-foreground-disabled); cursor: default; } .contextmenu-item-wip > .icon-checkmark { color: var(--buic-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .inline-edit-input { color: var(--buic-foreground-body); background: inherit; border: 1px solid transparent; box-sizing: border-box; } .inline-edit-input.iui-input { padding: 0px; } .inline-edit-input:hover { border: 1px solid var(--buic-background-5); } .inline-edit-input:focus { background: var(--buic-background-1); border: 1px solid var(--buic-background-5); outline: none; color: var(--buic-foreground-activehover); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .player-button { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; font-size: 16px; outline: none; border-radius: 3px; border: solid 1px var(--buic-background-5); background-image: linear-gradient(to bottom, var(--buic-background-3), var(--buic-background-3)), linear-gradient(to bottom, var(--buic-background-1), var(--buic-background-1)); color: var(--buic-foreground-body); cursor: pointer; } .player-button:hover { color: var(--buic-foreground-activehover); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ div.components-timeline-thumb.iui-slider-thumb { display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to bottom, var(--buic-background-3), var(--buic-background-3)), linear-gradient(to bottom, var(--buic-background-1), var(--buic-background-1)); box-sizing: border-box; width: 38px; height: 20px; border-radius: 4px; border: 1px solid var(--buic-background-5); transform: translateX(-19.2px); top: 4px; } .components-timeline-rail-marker-container { width: 100%; position: absolute; } .components-timeline-rail-marker-container div.components-timeline-tooltip { z-index: 17000; position: absolute; top: -8px; display: inline-block; transform: translateX(-50px); border-bottom: 1px dotted #222; font-size: 14px; } .components-timeline-rail-marker-container div.components-timeline-tooltip .tooltip-text { width: 100px; background-color: #222; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 150%; } .components-timeline-rail-marker-container div.components-timeline-tooltip .tooltip-text:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #222 transparent transparent transparent; } .scrubber-handle { pointer-events: none; position: absolute; width: 38px; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; cursor: pointer; } .scrubber-handle > div { width: 1px; height: 10px; opacity: 0.25; margin: 0 1px; background-color: var(--buic-foreground-body); } .scrubber-track { position: absolute; top: 50%; transform: translateY(-50%); height: 4px; z-index: 1; cursor: pointer; } .components-timeline-date-marker { pointer-events: none; position: absolute; display: flex; align-items: center; justify-content: center; transform: translateY(50%); } .date-marker-default { height: 12px; width: 3px; border-radius: 4px; transform: translateY(1px); background-color: var(--buic-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .timeline-component { box-sizing: border-box; background: var(--buic-background-2); width: 100%; display: flex; flex-direction: column; position: relative; padding: 8px 16px; min-width: 275px; } .timeline-component > .header { display: flex; align-items: center; height: 38px; position: relative; } .timeline-component > .header > .play-backward { border-radius: 3px 0 0 3px; } .timeline-component > .header > .play-button-step { border-left: none; border-right: none; border-radius: 0; } .timeline-component > .header > .play-forward { border-radius: 0px 3px 3px 0; } .timeline-component > .header > .current-date { font-size: 14px; min-width: 180px; padding: 8px; color: var(--buic-foreground-body); position: absolute; left: 50%; transform: translateX(-50%); border-radius: 3px; border: solid 1px var(--buic-background-5); background-color: var(--buic-background-1); text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .timeline-component .play-button { margin-right: 10px; } .timeline-component > .timeline-timeline { margin: 8px 0; } .timeline-component > .scrubber { min-height: 20px; display: flex; align-items: center; position: relative; } .timeline-component > .scrubber .start-time-container, .timeline-component > .scrubber .end-time-container { display: flex; flex-direction: column; align-items: center; } .timeline-component > .scrubber .start-time, .timeline-component > .scrubber .end-time { font-size: 12px; color: var(--buic-foreground-muted); text-align: center; min-height: inherit; } .timeline-component > .scrubber .duration-start-time, .timeline-component > .scrubber .duration-end-time { font-size: 14px; width: 40px; color: var(--buic-foreground-body); text-align: center; min-height: inherit; } .timeline-component > .scrubber .start-date, .timeline-component > .scrubber .end-date { font-size: 12px; color: var(--buic-foreground-muted); padding-bottom: 4px; } .timeline-component > .scrubber .slider { position: relative; flex: 1 1; margin: 0 20px; height: 24px; } .timeline-settings { margin-left: auto; font-size: 14px; color: var(--buic-foreground-body); cursor: pointer; } .timeline-settings:hover { color: var(--buic-foreground-activehover); } .timeline-settings:focus { outline: none; } .timeline-component.minimized .timeline-settings { margin-left: 8px; margin-right: -6px; } .timeline-component.has-dates .start-time-container { margin-right: 8px; } .timeline-component.has-dates .end-time-container { margin-left: 8px; } .timeline-component.minimized .header, .timeline-component.minimized .timeline-timeline, .timeline-component:not(.minimized) .scrubber .start-date, .timeline-component:not(.minimized) .scrubber .end-date, .timeline-component:not(.has-dates) .scrubber .start-date, .timeline-component:not(.has-dates) .scrubber .end-date, .timeline-component:not(.minimized) .scrubber .play-button, .timeline-component:not(.minimized) .scrubber .timeline-settings { display: none; } .separator { padding: 0.5em 0; position: relative; } .separator:before { content: ""; position: absolute; top: 50%; left: 4px; right: 4px; width: auto; height: 1px; background: #dce0e3; transform: translateY(-50%); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .solar-slider.solar-timeline > .iui-slider-container { height: 28px; } .solar-timeline-wrapper { box-sizing: border-box; background: var(--buic-background-2); width: 100%; display: flex; flex-direction: column; position: relative; padding: 8px 16px; color: var(--buic-foreground-body); font-size: 14px; } .solar-timeline-wrapper > .header { display: flex; align-items: center; position: relative; } .solar-timeline-wrapper > .header > .play-button { width: 26px; height: 26px; background: inherit; border: none; font-size: 20px; } .solar-timeline-wrapper > .header > .shadow-settings-button { display: flex; align-items: center; color: var(--buic-foreground-body); width: 26px; height: 26px; background: inherit; border: none; font-size: 16px; margin-left: 6px; cursor: pointer; } .solar-timeline-wrapper > .header > .shadow-settings-button:hover { color: var(--buic-foreground-activehover); } .solar-timeline-wrapper > .header > .shadow-settings-button:focus { outline: none; } .solar-timeline-wrapper > .header > .current-date { min-width: 175px; margin-left: 8px; margin-right: 4px; background: inherit; padding: 3px 4px; border: none; display: flex; align-items: center; color: var(--buic-foreground-body); font-size: 14px; cursor: pointer; } .solar-timeline-wrapper > .header > .current-date > span:nth-child(2) { margin: 0 6px; } .solar-timeline-wrapper > .header > .current-date > .icon-calendar { flex-grow: 1; margin-left: auto; } .solar-timeline-wrapper > .header > .speed-container { display: flex; align-items: center; margin-left: auto; cursor: pointer; } .solar-timeline-wrapper > .header > .speed-container > .speed { margin-left: 12px; width: 0; opacity: 0; transition: all 0.2s linear; margin-right: 10px; } .solar-timeline-wrapper > .header > .loop-playback { color: var(--buic-foreground-primary); font-size: 16px; cursor: pointer; } .solar-timeline-wrapper > .header > .loop-playback:hover { color: var(--buic-foreground-primary-tone); } .solar-timeline-wrapper > .header > .loop-playback:focus { outline: none; } .solar-timeline-wrapper > .header > .no-loop-playback { color: var(--buic-foreground-body); font-size: 16px; cursor: pointer; } .solar-timeline-wrapper > .header > .no-loop-playback:hover { color: var(--buic-foreground-activehover); } .solar-timeline-wrapper > .header > .no-loop-playback:focus { outline: none; } .solar-timeline-wrapper .solar-slider { position: relative; display: flex; box-sizing: border-box; align-items: center; flex: 1 1; } .solar-timeline-wrapper .solar-slider .rail-outer { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 20px; cursor: pointer; } .solar-timeline-wrapper .solar-slider .rail-inner, .solar-timeline-wrapper .solar-slider .rail-solar { position: absolute; top: 50%; transform: translateY(-50%); height: 4px; pointer-events: none; } .solar-timeline-wrapper .solar-slider .rail-inner { width: 100%; background: var(--buic-background-5); } .solar-timeline-wrapper .solar-slider .rail-solar { background: var(--buic-foreground-primary); z-index: 1; } .solar-timeline-wrapper .solar-slider .rail-tooltip { position: absolute; margin-left: -11px; top: 0; transform: translateY(-50%); z-index: 1; } .solar-timeline-wrapper .solar-slider .solar-handle { position: absolute; top: 50%; z-index: 4; width: 38px; height: 20px; border-radius: 3px; border: 1px solid var(--buic-background-5); background-image: linear-gradient(to bottom, var(--buic-background-3), var(--buic-background-3)), linear-gradient(to bottom, var(--buic-background-1), var(--buic-background-1)); display: flex; align-items: center; justify-content: center; box-sizing: border-box; transform: translate(-50%, -50%); cursor: pointer; } .solar-timeline-wrapper .solar-slider .solar-handle > div { width: 1px; height: 10px; opacity: 0.25; margin: 0 1px; background-color: var(--buic-foreground-body); } .solar-timeline-wrapper .solar-slider .tick-mark { position: absolute; bottom: calc(4px + 15px); width: 1px; height: 5px; background: #c8c8c8; } .solar-timeline-wrapper .solar-slider .tick-label { position: absolute; bottom: 4px; font-size: 10px; text-align: center; } .solar-timeline-wrapper .solar-slider .sunrise, .solar-timeline-wrapper .solar-slider .sunset { font-size: 22px; cursor: default; } .solar-timeline-wrapper .solar-slider .sunset { margin: 0px 16px 2px 24px; } .solar-timeline-wrapper .solar-slider .sunrise { color: #ffcf00; margin: 0 24px 0 8px; } .solar-timeline-wrapper > .header > .speed-container:hover > .speed { opacity: 1; width: 80px; } .solar-timeline-wrapper.expanded .header .expanded-icon { transform: rotate(180deg); } .solar-timeline-wrapper.expanded > .header > .current-date { margin-left: 70px; } .solar-timeline-wrapper .solar-timeline-expanded { display: none; margin-bottom: 8px; } .solar-timeline-wrapper .solar-timeline { display: flex; } .solar-timeline-wrapper.expanded { height: 100px; } .shadow-settings-color-top { display: inline; } .shadow-settings-color-bottom { display: flex; flex-direction: row; } .shadow-settings-popup-container { width: 220px; padding: 10px 10px 0px; display: flex; flex-direction: column; } .shadow-settings-popup-container .shadow-settings-header { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 6px; } .shadow-settings-popup-container .shadow-settings-color { display: flex; flex-direction: column; } .shadow-settings-popup-container .shadow-settings-color .shadow-settings-color-top { height: 150px; margin: 1em; } .shadow-settings-popup-container .shadow-settings-color .shadow-settings-color-bottom { width: 100%; height: 32px; margin-top: 10px; margin-bottom: 10px; } .shadow-settings-popup-container .shadow-settings-color .shadow-settings-color-bottom .shadow-settings-color-bottom-left { width: calc(100% - 2em - 32px); height: 100%; margin-left: 1em; margin-right: 4px; display: flex; align-items: center; justify-content: center; } .shadow-settings-popup-container .shadow-settings-color .shadow-settings-color-bottom .shadow-settings-color-bottom-right { width: 32px; height: 100%; } .shadow-settings-popup-container .shadow-settings-color-presets { width: 100%; height: 24px; padding-top: 10px; margin-bottom: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 2px; border-top: 1px solid var(--buic-background-5); } .sunrise-tip { position: absolute; top: -8px; display: inline-block; border-bottom: 1px dotted #222; font-size: 14px; } .solar-tooltip-text { width: 100px; background-color: #222; color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -60px; } .solar-tooltip-text:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #222 transparent transparent transparent; } .core-tooltip-tooltip.components-rail-tooltip { pointer-events: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .speed-timeline { position: relative; height: 25px; } .speed-timeline .railOuter { position: absolute; width: 100%; height: 100%; cursor: pointer; } .speed-timeline .railInner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; pointer-events: none; background: var(--buic-background-5); } .speed-timeline .scrubberHandle { position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 4; width: 12px; height: 12px; cursor: pointer; border: none; border-radius: 50%; background: var(--buic-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-backstage-backstage { display: flex; flex-direction: column; position: absolute; left: 0; top: 0; width: 300px; height: 100%; font-size: 16px; color: var(--buic-foreground-body); background-color: var(--buic-background-window); transform: translateX(-100%); box-sizing: border-box; z-index: 24000; transition: transform 0.25s ease; } .nz-backstage-backstage.nz-open { transform: translateX(0%); } @media (max-width: 1099px) { .nz-backstage-backstage { font-size: 14px; } } @media (max-width: 599px) { .nz-backstage-backstage { font-size: 12px; } } .nz-backstage-backstage > ul { margin: 0; padding: 0; list-style: none; overflow: auto; } .nz-backstage-backstage > ul::-webkit-scrollbar { width: 12px; height: 12px; } .nz-backstage-backstage > ul::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .nz-backstage-backstage > ul::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .nz-backstage-backstage > ul::-webkit-scrollbar-corner { background-color: transparent; } .nz-backstage-backstage > ul::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .nz-backstage-backstage > .nz-header { border-bottom: 2px solid var(--buic-background-divider); } .nz-backstage-backstage > .nz-footer { margin-top: auto; } .nz-backstage-backstage.nz-safe-area-top { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-backstage-backstage.nz-safe-area-bottom { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } .nz-backstage-backstage_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; opacity: 0; visibility: hidden; background: transparent; z-index: 24000; transition: 0.25s ease; } .nz-backstage-backstage_overlay.nz-open { visibility: visible; opacity: 1; } .nz-backstage-backstage_overlay.nz-overlay { background-color: rgba(34, 34, 34, 0.6); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-backstage-item { position: relative; display: flex; align-items: center; padding-bottom: 24px; padding-top: 24px; cursor: pointer; transition: 0.2s ease; } @media (max-width: 1099px) { .nz-backstage-item { padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 599px) { .nz-backstage-item { padding-bottom: 16px; padding-top: 16px; } } .nz-backstage-item:hover { background: var(--buic-row-hover); color: var(--buic-foreground-body); } .nz-backstage-item.nz-active { background: var(--buic-background-tab-inactive); } .nz-backstage-item.nz-active:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; margin-left: 2px; width: 2px; background: var(--buic-foreground-primary); } .nz-backstage-item.nz-disabled { color: var(--buic-foreground-disabled); pointer-events: none; } .nz-backstage-item div.nz-icon { display: flex; padding-left: 24px; padding-right: 16px; } .nz-backstage-item div.nz-icon .core-icons-svgSprite { width: 1rem; height: 1rem; } .nz-backstage-item > div:last-child { display: flex; flex-direction: column; padding-right: 12px; overflow: hidden; } .nz-backstage-item > div:last-child > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nz-backstage-item > div:last-child > span:nth-child(2) { margin-top: 8px; font-size: 14px; color: var(--buic-foreground-muted); } @media (max-width: 1099px) { .nz-backstage-item > div:last-child > span:nth-child(2) { font-size: 12px; } } @media (max-width: 599px) { .nz-backstage-item > div:last-child > span:nth-child(2) { font-size: 11px; } } .nz-backstage-item div.nz-badge { position: absolute; top: 1px; left: 5px; } .nz-backstage-item.nz-safe-area-left { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-backstage-item.nz-safe-area-left.nz-active:before { /* iOS 11 */ left: constant(safe-area-inset-left); /* iOS 11.2+ */ left: env(safe-area-inset-left); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-backstage-separator { height: 1px; background-color: var(--buic-background-divider); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-backstage-userProfile { display: flex; align-items: center; cursor: pointer; padding-bottom: 14px; padding-top: 14px; } .nz-backstage-userProfile > span:first-child { flex: initial; font-size: 1em; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; color: #fff; margin-left: 24px; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 50%; } .nz-backstage-userProfile > span:last-child { flex: 1 1; margin-left: 6px; margin-right: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nz-backstage-userProfile.nz-safe-area-left { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-backstage-userProfile:hover { background: var(--buic-row-hover); color: var(--buic-foreground-body); } .nz-backstage-userProfile:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-base-pointerCaptor { touch-action: none; } .nz-base-pointerCaptor.nz-captured > .nz-overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-base-ellipsis { display: flex; flex-direction: row; } .nz-base-ellipsis > .nz-dot { width: 0.25em; height: 0.25em; border-radius: 50%; background-color: currentColor; } .nz-base-ellipsis > .nz-dot:not(:first-child) { margin-left: 3px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .nz-widget-tab { -webkit-user-select: none; user-select: none; white-space: nowrap; display: flex; grid-gap: 6px; gap: 6px; align-items: center; } .nz-widget-tab > span { font-size: 0.9em; text-overflow: ellipsis; overflow: hidden; } .nz-widget-tab > .nz-badge { position: absolute; top: 0; left: 0; } .nz-widget-tab.nz-overflown { cursor: pointer; position: relative; max-width: 18em; line-height: 2em; padding-left: 0.75em; padding-right: 0.75em; } .nz-widget-tab.nz-overflown > span { margin-right: 3em; } .nz-widget-tab.nz-overflown > .nz-badge { left: 0.25em; } .nz-widget-tab.nz-overflown.nz-active > .nz-icon { position: absolute; right: 0.75em; border-style: solid; border-color: var(--buic-foreground-primary); border-width: 0 0.15em 0.15em 0; width: 0.5em; height: 1em; transform: rotate(45deg); margin-left: auto; } .nz-widget-tab.nz-overflown.nz-first { margin-top: 0.5em; } .nz-widget-tab.nz-overflown.nz-last { margin-bottom: 0.5em; } @media (hover: hover) { .nz-widget-tab.nz-overflown:hover { color: var(--buic-foreground-primary); } } .nz-widget-tab:not(.nz-overflown) { cursor: pointer; padding: 4px 1em 0; position: relative; border: 0 solid var(--buic-background-5); max-width: 9em; background: var(--iui-color-background-1); } .nz-widget-tab:not(.nz-overflown):not(.nz-minimized).nz-active { background: var(--buic-background-2); color: var(--buic-foreground-primary); padding-bottom: 1px; margin-bottom: -1px; } .nz-widget-tab:not(.nz-overflown):not(.nz-minimized).nz-active:before { content: ""; position: absolute; background: currentColor; left: 0.25em; top: 1px; border-radius: 0.2em; width: calc(100% - 0.5em); height: 0.15em; } .nz-widget-tab:not(.nz-overflown):not(.nz-minimized).nz-active.nz-last, .nz-widget-tab:not(.nz-overflown):not(.nz-minimized).nz-active.nz-last-not-overflown { border-right-width: 1px; } .nz-widget-tab:not(.nz-overflown):not(.nz-active), .nz-widget-tab:not(.nz-overflown).nz-minimized { border-right-width: 1px; } .nz-widget-tab:not(.nz-overflown):not(.nz-minimized).nz-first-inactive { border-left-width: 1px; } .nz-widget-tab:not(.nz-overflown).nz-first { border-top-left-radius: 2px; } .nz-widget-tab:not(.nz-overflown):hover { background: var(--buic-background-2); } .nz-widget-tab:not(.nz-overflown):hover:not(.nz-active) { color: var(--buic-foreground-body); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widgetPanels-panel { position: relative; } .nz-widgetPanels-panel > .nz-grip-container { width: 100%; height: 100%; position: absolute; pointer-events: none; } .nz-widgetPanels-panel > .nz-grip-container > .nz-grip { pointer-events: all; position: absolute; } .nz-widgetPanels-panel > .nz-content { display: flex; position: relative; } .nz-widgetPanels-panel.nz-transition { transition-duration: 0.3s; transition-timing-function: ease-in; } .nz-widgetPanels-panel.nz-left, .nz-widgetPanels-panel.nz-right { max-width: 100%; min-height: 0; } .nz-widgetPanels-panel.nz-left > .nz-content, .nz-widgetPanels-panel.nz-right > .nz-content { flex-direction: column; height: 100%; width: 100%; } .nz-widgetPanels-panel.nz-left > .nz-grip-container, .nz-widgetPanels-panel.nz-right > .nz-grip-container { top: 0; min-width: 0.375em; } .nz-widgetPanels-panel.nz-left > .nz-grip-container > .nz-grip, .nz-widgetPanels-panel.nz-right > .nz-grip-container > .nz-grip { top: 50%; } .nz-widgetPanels-panel.nz-left.nz-transition, .nz-widgetPanels-panel.nz-right.nz-transition { transition-property: width; } .nz-widgetPanels-panel.nz-left.nz-span-top, .nz-widgetPanels-panel.nz-right.nz-span-top { grid-row-start: 2; } .nz-widgetPanels-panel.nz-left:not(.nz-span-top), .nz-widgetPanels-panel.nz-right:not(.nz-span-top) { grid-row-start: 1; } .nz-widgetPanels-panel.nz-left.nz-span-bottom, .nz-widgetPanels-panel.nz-right.nz-span-bottom { grid-row-end: 3; } .nz-widgetPanels-panel.nz-left:not(.nz-span-bottom), .nz-widgetPanels-panel.nz-right:not(.nz-span-bottom) { grid-row-end: 4; } .nz-widgetPanels-panel.nz-left { grid-column: 1/2; } .nz-widgetPanels-panel.nz-left > .nz-grip-container { left: 0; } .nz-widgetPanels-panel.nz-left > .nz-grip-container > .nz-grip { right: 0; transform: translate(50%, -50%); } .nz-widgetPanels-panel.nz-left.nz-transition > .nz-content { position: absolute; right: 0; } .nz-widgetPanels-panel.nz-left.nz-collapsed.nz-captured:not(.nz-transition) > .nz-content { position: absolute; width: unset; right: -0.375em; } .nz-widgetPanels-panel.nz-right { grid-column: 3/4; } .nz-widgetPanels-panel.nz-right > .nz-grip-container { right: 0; } .nz-widgetPanels-panel.nz-right > .nz-grip-container > .nz-grip { left: 0; transform: translate(-50%, -50%); } .nz-widgetPanels-panel.nz-right > .nz-content { left: 0; } .nz-widgetPanels-panel.nz-right.nz-collapsed.nz-captured:not(.nz-transition) > .nz-content { position: absolute; width: unset; left: -0.375em; } .nz-widgetPanels-panel.nz-top, .nz-widgetPanels-panel.nz-bottom { max-height: 100%; min-width: 0; } .nz-widgetPanels-panel.nz-top.nz-transition, .nz-widgetPanels-panel.nz-bottom.nz-transition { transition-property: height; } .nz-widgetPanels-panel.nz-top > .nz-grip-container, .nz-widgetPanels-panel.nz-bottom > .nz-grip-container { left: 0; min-height: 0.375em; } .nz-widgetPanels-panel.nz-top > .nz-grip-container > .nz-grip, .nz-widgetPanels-panel.nz-bottom > .nz-grip-container > .nz-grip { left: 50%; } .nz-widgetPanels-panel.nz-top > .nz-content, .nz-widgetPanels-panel.nz-bottom > .nz-content { flex-direction: row; width: 100%; height: 100%; } .nz-widgetPanels-panel.nz-top { grid-row: 1; } .nz-widgetPanels-panel.nz-top > .nz-grip-container { top: 0; } .nz-widgetPanels-panel.nz-top > .nz-grip-container > .nz-grip { bottom: 0; transform: translate(-50%, 50%); } .nz-widgetPanels-panel.nz-top.nz-transition > .nz-content { position: absolute; bottom: 0; } .nz-widgetPanels-panel.nz-top.nz-span { grid-column: 1/4; } .nz-widgetPanels-panel.nz-top:not(.nz-span) { grid-column: 2/3; } .nz-widgetPanels-panel.nz-top.nz-collapsed.nz-captured:not(.nz-transition) > .nz-content { position: absolute; height: unset; bottom: -0.375em; } .nz-widgetPanels-panel.nz-bottom { grid-row: 3; } .nz-widgetPanels-panel.nz-bottom > .nz-grip-container { bottom: 0; } .nz-widgetPanels-panel.nz-bottom > .nz-grip-container > .nz-grip { top: 0; transform: translate(-50%, -50%); } .nz-widgetPanels-panel.nz-bottom.nz-span { grid-column: 1/4; } .nz-widgetPanels-panel.nz-bottom:not(.nz-span) { grid-column: 2/3; } .nz-widgetPanels-panel.nz-bottom.nz-collapsed.nz-captured:not(.nz-transition) > .nz-content { position: absolute; height: unset; top: -0.375em; } .nz-widgetPanels-panel.nz-collapsed > .nz-content { overflow: hidden; } .nz-widgetPanels-panel:not(.nz-collapsed) > .nz-content { height: 100%; width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-panelWidget { border: 0px solid var(--buic-background-5); } .nz-widget-panelWidget.nz-border-top { border-top-width: 1px; } .nz-widget-panelWidget.nz-border-bottom { border-bottom-width: 1px; } .nz-widget-panelWidget.nz-border-left { border-left-width: 1px; } .nz-widget-panelWidget.nz-border-right { border-right-width: 1px; } .nz-widget-panelWidget.nz-init, .nz-widget-panelWidget.nz-transition { flex-grow: 1; flex-shrink: 1; } .nz-widget-panelWidget.nz-horizontal.nz-transition { transition: flex-basis 0.25s ease-out; } .nz-widget-panelWidget:not(.nz-horizontal).nz-transition { transition: flex-basis 0.25s ease-out; } .nz-widget-panelWidget.nz-fit { flex: 0 1 auto; } .nz-widget-panelWidget.nz-fill { flex-grow: 1; flex-shrink: 0; flex-basis: 0px; min-height: 0; } .nz-widget-panelWidget.nz-minimized { flex: 0 0 auto; } .nz-widget-panelWidget.nz-minimized > .nz-content { overflow: hidden; } .nz-widget-panelWidget.nz-minimized.nz-horizontal > .nz-content { width: 0; } .nz-widget-panelWidget.nz-minimized:not(.nz-horizontal) > .nz-content { height: 0; } .nz-widget-panelWidget:not(.nz-minimized) > .nz-content { min-height: 0; min-width: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-content-container { flex: 1 1 auto; min-height: 0; min-width: 0; position: relative; display: flex; } .nz-widget-content-container.nz-minimized { flex-basis: 0; overflow: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-widget { background: var(--buic-background-2-opacity); box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-floatingWidget { position: absolute; border: 1px solid var(--buic-background-5); border-radius: 3px; z-index: 5000; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-floatingWidget:hover { opacity: 1; } .nz-widget-floatingWidget.nz-minimized { flex-grow: 0; } .nz-widget-floatingWidget.nz-minimized > .nz-content { width: 0; } .nz-widget-floatingWidget.nz-dragged { pointer-events: none; opacity: 0.6; z-index: 22000; } .nz-widget-floatingWidget.nz-minimized .nz-widget-floatingWidget_handle { visibility: hidden; } .nz-widget-floatingWidget_handle { position: absolute; } .nz-widget-floatingWidget_handle.nz-left, .nz-widget-floatingWidget_handle.nz-right { height: 100%; width: 0.5em; cursor: ew-resize; } .nz-widget-floatingWidget_handle.nz-top, .nz-widget-floatingWidget_handle.nz-bottom { width: 100%; height: 0.5em; cursor: ns-resize; } .nz-widget-floatingWidget_handle.nz-left { left: -0.25em; top: 0; } .nz-widget-floatingWidget_handle.nz-right { right: -0.25em; top: 0; } .nz-widget-floatingWidget_handle.nz-top { left: 0; top: -0.25em; } .nz-widget-floatingWidget_handle.nz-bottom { left: 0; bottom: -0.25em; } .nz-widget-floatingWidget_handle.nz-topLeft, .nz-widget-floatingWidget_handle.nz-topRight, .nz-widget-floatingWidget_handle.nz-bottomLeft, .nz-widget-floatingWidget_handle.nz-bottomRight { height: 1em; width: 1em; } .nz-widget-floatingWidget_handle.nz-topLeft { left: -0.3333em; top: -0.3333em; cursor: nwse-resize; } .nz-widget-floatingWidget_handle.nz-topRight { right: -0.3333em; top: -0.3333em; cursor: nesw-resize; } .nz-widget-floatingWidget_handle.nz-bottomLeft { left: -0.3333em; bottom: -0.3333em; cursor: nesw-resize; } .nz-widget-floatingWidget_handle.nz-bottomRight { right: -0.3333em; bottom: -0.3333em; cursor: nwse-resize; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .nz-widget-tabBar { background: var(--iui-color-background-1); display: flex; border-radius: 2px 2px 0 0; flex: 0 0 auto; position: relative; height: 2.1em; } .nz-widget-tabBar.nz-separator { border-bottom: 1px solid var(--buic-background-5); } .nz-widget-tabBar > .nz-handle { width: 100%; height: 100%; position: absolute; cursor: auto; } .nz-widget-tabBar > .nz-widget-tabBarButtons { display: flex; align-items: center; align-content: center; height: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-sendBack { position: relative; padding: 0 0.5em; border: 0; background: none; cursor: pointer; } .nz-widget-sendBack > i { width: 1.2em; height: 1em; border-width: 0.15em; border-style: solid; border-color: var(--buic-foreground-muted); display: block; } .nz-widget-sendBack > i:after { content: ""; background: var(--buic-foreground-muted); display: block; } .nz-widget-sendBack.nz-left > i:after { width: 33%; height: 100%; } .nz-widget-sendBack.nz-right > i:after { width: 33%; height: 100%; float: right; } .nz-widget-sendBack.nz-top > i:after { height: 33%; } .nz-widget-sendBack.nz-bottom > i { position: relative; } .nz-widget-sendBack.nz-bottom > i:after { height: 33%; width: 100%; position: absolute; bottom: 0; } @media (hover: hover) { .nz-widget-sendBack:hover { border-color: var(--buic-foreground-activehover); } .nz-widget-sendBack:hover > i:after { background: var(--buic-foreground-activehover); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-dock { position: relative; padding: 0 0.5em; border: 0; background: none; cursor: pointer; outline: none; } .nz-widget-dock > i { width: 1.2em; height: 1em; border-width: 0.15em; border-style: solid; border-color: var(--buic-foreground-muted); display: block; } .nz-widget-dock > i:after { content: ""; background: var(--buic-foreground-muted); height: 33%; display: block; } @media (hover: hover) { .nz-widget-dock:hover { border-color: var(--buic-foreground-activehover); } .nz-widget-dock:hover > i:after { background: var(--buic-foreground-activehover); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-pinToggle { position: relative; padding: 0 0.5em 0 0; border: 0; background: none; cursor: pointer; outline: none; color: var(--buic-foreground-muted); } @media (hover: hover) { .nz-widget-pinToggle:hover { color: var(--buic-foreground-activehover); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-popoutToggle { height: 16px; width: calc(16px + 0.5em); padding: 0 0.5em 0 0; position: relative; border: 0; background: none; cursor: pointer; outline: none; color: var(--buic-foreground-muted); } @media (hover: hover) { .nz-widget-popoutToggle:hover { color: var(--buic-foreground-activehover); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-tabs { display: flex; flex: 1 1; max-width: 100%; min-width: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolSettings-docked { height: 2.5em; width: 100%; display: flex; position: relative; background: var(--buic-background-widget); border: 1px solid var(--buic-background-widget-stroke); } .nz-toolSettings-docked > .nz-container { display: flex; } .nz-toolSettings-docked_container { display: grid; grid-template-columns: auto 1fr; grid-row-gap: 4px; row-gap: 4px; grid-column-gap: 4px; column-gap: 4px; align-items: flex-start; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolSettings-handle { height: 100%; width: 2em; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; } .nz-toolSettings-handle:hover { background: var(--buic-background-2); } .nz-toolSettings-handle > .nz-row { display: flex; } .nz-toolSettings-handle > .nz-row:not(:first-child) { margin-top: 0.25em; } .nz-toolSettings-handle > .nz-row > .nz-dot { width: 0.25em; height: 0.25em; background-color: var(--buic-foreground-disabled); } .nz-toolSettings-handle > .nz-row > .nz-dot:last-child { margin-left: 0.25em; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolSettings-overflow { height: 100%; width: 3em; display: flex; align-items: center; justify-content: center; margin-left: auto; cursor: pointer; flex-shrink: 0; } .nz-toolSettings-overflow:hover { background: var(--buic-background-2); } .nz-toolSettings-overflow:focus { outline: none; } .nz-toolSettings-overflow.nz-hidden { visibility: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolSettings-panel { background: var(--buic-background-1); padding: 0.5em; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-overflow { width: 2em; position: relative; } .nz-widget-overflow.nz-hidden { display: none; } .nz-widget-overflow > .nz-button { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: pointer; -webkit-user-select: none; user-select: none; } .nz-widget-overflow > .nz-button > .nz-icon { background: var(--buic-background-2); width: 1em; height: 1em; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .nz-widget-overflow > .nz-button > .nz-icon:after { content: ""; display: block; border-color: var(--buic-foreground-disabled); border-style: solid; border-width: 0.15em 0.15em 0 0; width: 0.5em; height: 0.5em; margin-left: -0.15em; box-sizing: border-box; transform: rotate(45deg); } .nz-widget-overflow > .nz-button:hover > .nz-icon:after { border-color: var(--buic-foreground-activehover); } .nz-widget-overflow > .nz-button:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-menu { background: var(--buic-background-1); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .nz-widget-tabTarget { position: relative; z-index: 21000; } .nz-widget-tabTarget.nz-hidden { display: none; } .nz-widget-tabTarget:after { content: ""; width: 3em; height: 100%; flex-shrink: 0; position: absolute; transform: translateX(-50%); } .nz-widget-tabTarget.nz-targeted:after { background: #8cd2ff; opacity: 0.5; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ body.nz-nwse-resize * { cursor: nwse-resize !important; } body.nz-nesw-resize * { cursor: nesw-resize !important; } body.nz-ew-resize * { cursor: ew-resize !important; } body.nz-ns-resize * { cursor: ns-resize !important; } body.nz-grabbing * { cursor: grabbing !important; } .nz-widgetPanels-cursorOverlay_cursor.nz-nwse-resize { cursor: nwse-resize; } .nz-widgetPanels-cursorOverlay_cursor.nz-nesw-resize { cursor: nesw-resize; } .nz-widgetPanels-cursorOverlay_cursor.nz-ew-resize { cursor: ew-resize; } .nz-widgetPanels-cursorOverlay_cursor.nz-ns-resize { cursor: ns-resize; } .nz-widgetPanels-cursorOverlay_cursor.nz-grabbing { cursor: grabbing; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widgetPanels-grip { background-color: var(--buic-background-5); align-items: center; justify-content: center; border-radius: 3px; position: relative; display: flex; } .nz-widgetPanels-grip > .nz-handle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nz-widgetPanels-grip > .nz-dot { width: 0.25em; height: 0.25em; border-radius: 50%; background-color: var(--buic-foreground-disabled); } .nz-widgetPanels-grip.nz-left, .nz-widgetPanels-grip.nz-right { flex-direction: column; cursor: ew-resize; width: 0.75em; height: 2em; } .nz-widgetPanels-grip.nz-left > .nz-dot:not(:first-child), .nz-widgetPanels-grip.nz-right > .nz-dot:not(:first-child) { margin-top: 3px; } .nz-widgetPanels-grip.nz-left > .nz-handle, .nz-widgetPanels-grip.nz-right > .nz-handle { height: 3em; width: 1.5em; } .nz-widgetPanels-grip.nz-top, .nz-widgetPanels-grip.nz-bottom { flex-direction: row; cursor: ns-resize; width: 2em; height: 0.75em; } .nz-widgetPanels-grip.nz-top > .nz-dot:not(:first-child), .nz-widgetPanels-grip.nz-bottom > .nz-dot:not(:first-child) { margin-left: 3px; } .nz-widgetPanels-grip.nz-top > .nz-handle, .nz-widgetPanels-grip.nz-bottom > .nz-handle { height: 1.5em; width: 3em; } @media (hover: hover) { .nz-widgetPanels-grip:hover { background-color: var(--buic-accessory-primary); } .nz-widgetPanels-grip:hover > .nz-dot { background-color: var(--buic-foreground-accessory); } } .nz-widgetPanels-grip.nz-active, .nz-widgetPanels-grip.nz-resizing { background-color: var(--buic-accessory-primary); } .nz-widgetPanels-grip.nz-active > .nz-dot, .nz-widgetPanels-grip.nz-resizing > .nz-dot { background-color: var(--buic-foreground-accessory); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-contentRenderer { flex: 1 1 auto; overflow: hidden; } .nz-widget-panelWidget.nz-horizontal .nz-minimized .nz-widget-contentRenderer { position: absolute; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .nz-widget-widgetTarget { position: relative; z-index: 21001; } .nz-widget-widgetTarget.nz-left:after, .nz-widget-widgetTarget.nz-right:after { width: 100%; height: 1em; } .nz-widget-widgetTarget.nz-left:not(.nz-first):not(.nz-last):after, .nz-widget-widgetTarget.nz-right:not(.nz-first):not(.nz-last):after { transform: translateY(-50%); } .nz-widget-widgetTarget.nz-left.nz-last:after, .nz-widget-widgetTarget.nz-right.nz-last:after { transform: translateY(-100%); } .nz-widget-widgetTarget.nz-top:after, .nz-widget-widgetTarget.nz-bottom:after { height: 100%; width: 1em; } .nz-widget-widgetTarget.nz-top:not(.nz-first):not(.nz-last):after, .nz-widget-widgetTarget.nz-bottom:not(.nz-first):not(.nz-last):after { transform: translateX(-50%); } .nz-widget-widgetTarget.nz-top.nz-last:after, .nz-widget-widgetTarget.nz-bottom.nz-last:after { transform: translateX(-100%); } .nz-widget-widgetTarget.nz-hidden { display: none; } .nz-widget-widgetTarget:after { content: ""; position: absolute; } .nz-widget-widgetTarget.nz-targeted:after { background: #8cd2ff; opacity: 0.5; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .nz-widgetPanels-panelTarget { position: relative; z-index: 21000; } .nz-widgetPanels-panelTarget:after { content: ""; position: absolute; } .nz-widgetPanels-panelTarget.nz-left, .nz-widgetPanels-panelTarget.nz-right { grid-row: 2/3; } .nz-widgetPanels-panelTarget.nz-left:after, .nz-widgetPanels-panelTarget.nz-right:after { width: 1em; height: 100%; } .nz-widgetPanels-panelTarget.nz-left { grid-column: 1; } .nz-widgetPanels-panelTarget.nz-right { grid-column: 3; } .nz-widgetPanels-panelTarget.nz-right:after { right: 0; } .nz-widgetPanels-panelTarget.nz-top, .nz-widgetPanels-panelTarget.nz-bottom { grid-column: 2/3; } .nz-widgetPanels-panelTarget.nz-top:after, .nz-widgetPanels-panelTarget.nz-bottom:after { height: 1em; width: 100%; } .nz-widgetPanels-panelTarget.nz-top { grid-row: 1; } .nz-widgetPanels-panelTarget.nz-bottom { grid-row: 3; } .nz-widgetPanels-panelTarget.nz-bottom:after { bottom: 0; } .nz-widgetPanels-panelTarget.nz-hidden { display: none; } .nz-widgetPanels-panelTarget.nz-targeted:after { background: #8cd2ff; opacity: 0.5; } .nz-widgetPanels-panelTarget.nz-targeted.nz-top.nz-span, .nz-widgetPanels-panelTarget.nz-targeted.nz-bottom.nz-span { grid-column: 1/4; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-dialog-button { color: var(--buic-foreground-muted); cursor: pointer; position: relative; } .nz-footer-dialog-button:hover { color: var(--buic-foreground-activehover); } .nz-footer-dialog-button:active { color: var(--buic-foreground-activehover); } .nz-footer-dialog-button:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-dialog-dialog { border-radius: 3px; background-color: var(--buic-background-dialog); overflow: hidden; display: grid; grid-template-rows: auto minmax(0, 1fr); position: relative; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-dialog-titleBar { background-color: var(--buic-background-titlebar); min-height: 36px; box-sizing: border-box; display: grid; grid-auto-flow: column; grid-template-columns: 1fr auto; align-items: center; grid-gap: 16px; padding-left: 16px; padding-right: 16px; } .nz-footer-dialog-titleBar > .nz-title { font-weight: 400; font-size: 16px; color: var(--buic-foreground-body); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); white-space: nowrap; overflow: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-message-button { color: var(--buic-foreground-muted); cursor: pointer; } .nz-footer-message-button:hover { color: var(--buic-foreground-activehover); } .nz-footer-message-button:active { color: var(--buic-foreground-activehover); } .nz-footer-message-button:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-message-hyperlink { color: var(--buic-foreground-primary); cursor: pointer; text-decoration: underline; } .nz-footer-message-hyperlink:hover { color: var(--buic-foreground-primary-tone); } .nz-footer-message-hyperlink:active { color: var(--buic-foreground-primary-tone); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-message-layout { width: 100%; display: grid; grid-template-columns: 1fr auto; align-items: center; } .nz-footer-message-layout > .nz-label { grid-row: 1; grid-column: 1; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; color: var(--buic-foreground-body); } .nz-footer-message-layout > .nz-buttons { grid-row: 1; grid-column: 2; grid-column-gap: 10px; padding-right: 10px; display: grid; grid-auto-flow: column; align-items: center; } .nz-footer-message-layout > .nz-buttons > * { display: inline-flex; align-items: center; justify-content: center; } .nz-footer-message-layout > .nz-progress { padding: 2px 5px; grid-column: 1/3; grid-row: 1; align-self: end; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-message-message { min-width: 370px; min-height: 40px; display: flex; background-color: var(--buic-background-control); overflow: hidden; border-style: solid; border-width: 1px; border-radius: 5px; } .nz-footer-message-message > .nz-icon { color: var(--buic-foreground-body); width: 45px; display: flex; align-items: center; justify-content: center; } .nz-footer-message-message.nz-status-information { border-color: var(--buic-accessory-primary); } .nz-footer-message-message.nz-status-information > .nz-icon { background-color: var(--buic-accessory-primary); } .nz-footer-message-message.nz-status-success { border-color: var(--buic-accessory-success); } .nz-footer-message-message.nz-status-success > .nz-icon { background-color: var(--buic-accessory-success); } .nz-footer-message-message.nz-status-error { border-color: var(--buic-accessory-alert); } .nz-footer-message-message.nz-status-error > .nz-icon { background-color: var(--buic-accessory-alert); } .nz-footer-message-message.nz-status-warning { border-color: var(--buic-accessory-warning); } .nz-footer-message-message.nz-status-warning > .nz-icon { background-color: var(--buic-accessory-warning); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-message-progress { height: 7px; overflow: hidden; } .nz-footer-message-progress > .nz-progress { position: relative; top: 1px; height: 5px; } .nz-footer-message-progress > .nz-progress > .nz-progress-bar { height: 100%; width: 0%; position: relative; } .nz-footer-message-progress > .nz-progress > .nz-progress-bar > .nz-progress-bar-tip { background-color: inherit; height: 7px; width: 2px; position: absolute; right: 0; top: -1px; border-radius: 2px; } .nz-footer-message-progress.nz-status-information > .nz-progress { background-color: var(--buic-accessory-primary-tint); } .nz-footer-message-progress.nz-status-information > .nz-progress > .nz-progress-bar { background-color: var(--buic-accessory-primary); } .nz-footer-message-progress.nz-status-success > .nz-progress { background-color: var(--buic-accessory-success-tint); } .nz-footer-message-progress.nz-status-success > .nz-progress > .nz-progress-bar { background-color: var(--buic-accessory-success); } .nz-footer-message-progress.nz-status-error > .nz-progress { background-color: var(--buic-accessory-alert-tint); } .nz-footer-message-progress.nz-status-error > .nz-progress > .nz-progress-bar { background-color: var(--buic-accessory-alert); } .nz-footer-message-progress.nz-status-warning > .nz-progress { background-color: var(--buic-accessory-warning-tint); } .nz-footer-message-progress.nz-status-warning > .nz-progress > .nz-progress-bar { background-color: var(--buic-accessory-warning); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-message-toast.nz-stage-animating > .nz-toast { opacity: 0; overflow: hidden; transition: 1s ease-in-out; } .nz-footer-message-toast.nz-stage-animated > .nz-toast { display: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-messageCenter-dialog { min-width: 300px; } .nz-footer-messageCenter-dialog > div:last-child > .nz-tabs { min-width: 100%; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; } .nz-footer-messageCenter-dialog > div:last-child > .nz-messages { max-height: 280px; max-width: 480px; min-height: 8px; overflow: auto; } .nz-footer-messageCenter-dialog > div:last-child > .nz-messages::-webkit-scrollbar { width: 12px; height: 12px; } .nz-footer-messageCenter-dialog > div:last-child > .nz-messages::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .nz-footer-messageCenter-dialog > div:last-child > .nz-messages::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .nz-footer-messageCenter-dialog > div:last-child > .nz-messages::-webkit-scrollbar-corner { background-color: transparent; } .nz-footer-messageCenter-dialog > div:last-child > .nz-messages::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .nz-footer-messageCenter-dialog > div:last-child > .nz-gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; padding-right: 12px; box-sizing: border-box; } .nz-footer-messageCenter-dialog > div:last-child > .nz-gradient:after { content: ""; display: block; background: linear-gradient(rgba(var(--buic-background-2-rgb), 0), rgba(var(--buic-background-2-rgb), 1)); width: 100%; height: 100%; } .nz-footer-messageCenter-dialog > div:last-child > .nz-message-prompt { display: none; text-align: center; margin: 30px 15px; font-style: italic; color: var(--buic-foreground-disabled); } .nz-footer-messageCenter-dialog > div:last-child .nz-messages:empty ~ .nz-message-prompt { display: block; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-messageCenter-indicator { height: 100%; color: var(--buic-foreground-body); padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box; /* small devices */ /* Medium devices */ } @media (max-width: 599px) { .nz-footer-messageCenter-indicator { padding-left: 5px; padding-right: 5px; } } @media (max-width: 1099px) { .nz-footer-messageCenter-indicator { padding-left: 10px; padding-right: 10px; } } .nz-footer-messageCenter-indicator > .nz-indicator { height: 100%; display: flex; cursor: pointer; align-items: center; } .nz-footer-messageCenter-indicator > .nz-indicator > .nz-label { font-size: 14px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 799px) { .nz-footer-messageCenter-indicator > .nz-indicator > .nz-label { font-size: 12px; } } @media (max-width: 599px) { .nz-footer-messageCenter-indicator > .nz-indicator > .nz-label { display: none; } } .nz-footer-messageCenter-indicator > .nz-indicator > .nz-container { height: 100%; position: relative; display: grid; align-items: center; margin-left: 8px; } .nz-footer-messageCenter-indicator > .nz-indicator > .nz-container > .nz-balloon { background-color: var(--buic-foreground-body); text-align: center; min-width: 10px; min-height: 10px; border-radius: 50%; padding: 3px; filter: drop-shadow(0 1px var(--buic-foreground-body-reverse)); position: relative; } .nz-footer-messageCenter-indicator > .nz-indicator > .nz-container > .nz-balloon > .nz-arrow { position: absolute; width: 0; bottom: -3px; left: 0; display: block; border-width: 0; border-bottom-width: 10px; border-left-width: 10px; border-style: solid; border-color: transparent var(--buic-foreground-body); transform: rotate(25deg); } .nz-footer-messageCenter-indicator > .nz-indicator > .nz-container > .nz-balloon > .nz-content { position: relative; color: var(--buic-foreground-body-reverse); line-height: 10px; font-size: 11px; } .nz-footer-messageCenter-indicator > .nz-indicator > .nz-container > .nz-target { height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; } .nz-footer-messageCenter-indicator > .nz-indicator:hover { color: var(--buic-foreground-primary); } .nz-footer-messageCenter-indicator > .nz-indicator:hover > .nz-container > .nz-balloon { background-color: var(--buic-foreground-primary); } .nz-footer-messageCenter-indicator > .nz-indicator:hover > .nz-container > .nz-balloon > .nz-arrow { border-color: transparent var(--buic-foreground-primary); } .nz-footer-messageCenter-indicator > .nz-indicator:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-indicator { height: 100%; display: flex; align-items: center; color: var(--buic-foreground-body); font-size: 14px; box-sizing: border-box; /* Desktop */ /* Medium devices */ /* Small devices */ } .nz-footer-indicator .nz-icon-padding-left { padding-left: 4px; } .nz-footer-indicator .nz-icon-padding-right { padding-right: 4px; } .nz-footer-indicator .nz-icon { font-size: 16px; /* Medium devices */ /* Small devices */ } @media (max-width: 1099px) { .nz-footer-indicator .nz-icon { font-size: 14px; } } @media (max-width: 599px) { .nz-footer-indicator .nz-icon { font-size: 14px; } } @media (min-width: 1300px) { .nz-footer-indicator.nz-footer-mode { padding-left: 15px; padding-right: 15px; } .nz-footer-indicator:not(.nz-footer-mode) { padding-left: 5px; padding-right: 5px; } } @media (max-width: 1299px) { .nz-footer-indicator.nz-footer-mode { padding-left: 10px; padding-right: 10px; } .nz-footer-indicator:not(.nz-footer-mode) { padding-left: 3px; padding-right: 3px; } } @media (max-width: 799px) { .nz-footer-indicator { font-size: 12px; } } @media (max-width: 599px) { .nz-footer-indicator { font-size: 12px; } .nz-footer-indicator.nz-footer-mode { padding-left: 5px; padding-right: 5px; } .nz-footer-indicator:not(.nz-footer-mode) { padding-left: 2px; padding-right: 2px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-messageCenter-message { min-height: 48px; box-sizing: border-box; margin-left: 8px; margin-right: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; display: grid; grid-gap: 12px; grid-auto-flow: column; align-items: center; grid-template-columns: auto 1fr; line-height: 16px; color: var(--buic-foreground-body); font-size: 14px; } .nz-footer-messageCenter-message:not(:first-child) { border-top: 1px solid var(--buic-background-4); } .nz-footer-messageCenter-message > .nz-icon { min-width: 20px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-messageCenter-tab { min-width: 40px; min-height: 38px; box-sizing: border-box; cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; color: var(--buic-foreground-body); } .nz-footer-messageCenter-tab:not(.nz-active) { border-bottom: 1px solid var(--buic-background-dialog-stroke); background-color: var(--buic-background-tab-inactive); } .nz-footer-messageCenter-tab:hover:after { content: ""; width: 100%; height: 2px; position: absolute; top: 2px; left: 0; background: var(--buic-foreground-primary); padding-left: 2px; padding-right: 2px; box-sizing: border-box; background-clip: content-box; } .nz-footer-messageCenter-tab.nz-active { color: var(--buic-foreground-primary); } .nz-footer-messageCenter-tab.nz-active:after { content: ""; width: 100%; height: 2px; position: absolute; top: 2px; left: 0; background: var(--buic-foreground-primary); padding-left: 2px; padding-right: 2px; box-sizing: border-box; background-clip: content-box; } .nz-footer-messageCenter-tab:not(:first-child) { border-left: 1px solid var(--buic-background-dialog-stroke); } .nz-footer-messageCenter-tab:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-snapMode-indicator { height: 100%; overflow: hidden; } .nz-footer-snapMode-indicator > .nz-indicator { height: 100%; display: flex; align-items: center; } .nz-footer-snapMode-indicator > .nz-indicator > .nz-label { margin-right: 6px; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1099px) { .nz-footer-snapMode-indicator > .nz-indicator > .nz-label { display: none; } } .nz-footer-snapMode-indicator > .nz-indicator > .nz-icon { display: flex; align-items: center; } .nz-footer-snapMode-indicator > .nz-indicator:hover { color: var(--buic-foreground-primary); cursor: pointer; } .nz-footer-snapMode-indicator > .nz-indicator:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-snapMode-panel { background-color: var(--buic-background-dialog); border-radius: 3px; overflow: hidden; font-size: 14px; } .nz-footer-snapMode-panel > .nz-snaps { display: grid; grid-gap: 8px; padding: 8px; font-weight: 400; font-size: 14px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-snapMode-snap { display: grid; grid-template-columns: auto 1fr; grid-gap: 8px; padding: 4px 8px; align-items: center; cursor: pointer; color: var(--buic-foreground-body); position: relative; } .nz-footer-snapMode-snap > .nz-icon { grid-row: 1; color: var(--buic-foreground-body); } .nz-footer-snapMode-snap > .nz-label { grid-row: 1; } .nz-footer-snapMode-snap.nz-active { color: var(--buic-foreground-primary); } .nz-footer-snapMode-snap.nz-active:before { content: ""; display: block; position: absolute; background-color: var(--buic-foreground-primary); left: 0; top: 0; bottom: 0; width: 2px; } .nz-footer-snapMode-snap:hover { color: var(--buic-foreground-primary-tone); } .nz-footer-snapMode-snap:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-toolAssistance-dialog { min-width: 300px; min-height: 75px; color: var(--buic-background-dialog-stroke); } .nz-footer-toolAssistance-dialog .nz-content { color: var(--buic-foreground-body); min-width: 250px; max-width: 360px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-toolAssistance-indicator > .nz-indicator { height: 32px; min-width: 20px; position: relative; padding-top: 1px; padding-right: 9px; padding-bottom: 1px; padding-left: 2px; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; } .nz-footer-toolAssistance-indicator > .nz-indicator > .nz-icons { font-size: 16px; filter: drop-shadow(0 1px var(--buic-foreground-body-reverse)); display: flex; align-items: center; } .nz-footer-toolAssistance-indicator > .nz-indicator > .nz-content { margin-left: 8px; font-size: 14px; line-height: 1; /* Medium devices */ /* Small devices */ } @media (max-width: 799px) { .nz-footer-toolAssistance-indicator > .nz-indicator > .nz-content { font-size: 12px; } } @media (max-width: 599px) { .nz-footer-toolAssistance-indicator > .nz-indicator > .nz-content { font-size: 12px; } } .nz-footer-toolAssistance-indicator > .nz-indicator > .nz-triangle { position: absolute; right: 2px; bottom: 2px; filter: drop-shadow(0 1px var(--buic-foreground-body-reverse)); border-width: 0 0 5px 5px; width: 0; height: 0; border-style: solid; border-color: transparent transparent var(--buic-foreground-body) transparent; } .nz-footer-toolAssistance-indicator > .nz-indicator:hover { color: var(--buic-foreground-primary); } .nz-footer-toolAssistance-indicator > .nz-indicator:hover > .nz-triangle { border-width: 0 0 5px 5px; width: 0; height: 0; border-style: solid; border-color: transparent transparent var(--buic-foreground-primary) transparent; } .nz-footer-toolAssistance-indicator > .nz-indicator:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-toolAssistance-instruction { display: grid; align-items: center; grid-gap: 6px; grid-auto-flow: column; grid-template-columns: 48px 1fr; line-height: 16px; font-size: 14px; position: relative; } .nz-footer-toolAssistance-instruction > .nz-image { margin: auto; } .nz-footer-toolAssistance-instruction > .nz-image > .nz-footer-toolAssistance-newDot { position: absolute; top: 12px; left: -2px; } .nz-footer-toolAssistance-instruction > .nz-text-new { font-weight: bold; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-toolAssistance-item { min-height: 27px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; display: grid; align-items: center; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-footer-toolAssistance-newDot { height: 5px; width: 5px; background-color: var(--buic-foreground-positive); border-radius: 50%; display: inline-block; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-toolAssistance-separator { margin-top: 18px; margin-bottom: 8px; } .nz-footer-toolAssistance-separator > .nz-label { font-weight: 400; font-size: 16px; } .nz-footer-toolAssistance-separator > .nz-separator { height: 1px; width: 100%; background-color: var(--buic-background-divider); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-footer { position: relative; } .nz-footer-footer > div { background-color: var(--buic-background-statusbar); border-width: 0; border-top-width: 1px; border-color: var(--buic-background-widget-stroke); border-style: solid; box-sizing: border-box; bottom: 0; width: 100%; pointer-events: auto; } .nz-footer-footer > div > .nz-messages { position: absolute; top: -10px; left: 50%; transform: translateX(-50%) translateY(-100%); z-index: 16000; } .nz-footer-footer > div > .nz-indicators { display: flex; flex-direction: row; height: 40px; } .nz-footer-footer:not(.nz-footer-mode) { height: 100%; } .nz-footer-footer:not(.nz-footer-mode) > div { position: absolute; opacity: var(--buic-widget-opacity, 0.9); } .nz-footer-footer:not(.nz-footer-mode) > div:hover { opacity: 1; } .nz-footer-footer.nz-safe-area-left.nz-footer-mode > div { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-footer-footer.nz-safe-area-right.nz-footer-mode > div { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-footer-footer.nz-safe-area-bottom.nz-footer-mode > div { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-popup { border: unset; font-size: 14px; z-index: 11000; } .nz-footer-popup.nz-content-dialog { background-color: var(--buic-background-dialog); } .nz-footer-popup.nz-content-dialog.core-popup.arrow::after, .nz-footer-popup.nz-content-dialog .core-popup.arrow::before { color: var(--buic-background-dialog); } .nz-footer-popup.nz-content-panel { background-color: var(--buic-background-panel); } .nz-footer-popup.nz-content-panel.core-popup.arrow::after, .nz-footer-popup.nz-content-panel .core-popup.arrow::before { color: var(--buic-background-panel); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-separator { height: calc(100% - (3px * 2)); width: 1px; filter: drop-shadow(1px 0 var(--buic-foreground-body-reverse)); margin: 3px 0; background-color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-stagePanels-stagePanel { position: relative; height: 100%; pointer-events: all; background-color: var(--buic-background-widget); } .nz-stagePanels-stagePanel > div:first-child { height: 100%; } .nz-stagePanels-stagePanel.nz-panel-bottom > .nz-resize-grip { top: -4px; left: 0; } .nz-stagePanels-stagePanel.nz-panel-left > .nz-resize-grip { right: -4px; top: 0; } .nz-stagePanels-stagePanel.nz-panel-right > .nz-resize-grip { left: -4px; top: 0; } .nz-stagePanels-stagePanel.nz-panel-top > .nz-resize-grip { bottom: -4px; left: 0; } .nz-stagePanels-stagePanel.nz-panel-bottom, .nz-stagePanels-stagePanel.nz-panel-top { min-height: 6px; } @media (max-width: 1099px) { .nz-stagePanels-stagePanel.nz-panel-bottom, .nz-stagePanels-stagePanel.nz-panel-top { min-height: 14px; } } .nz-stagePanels-stagePanel.nz-panel-left, .nz-stagePanels-stagePanel.nz-panel-right { min-width: 6px; } @media (max-width: 1099px) { .nz-stagePanels-stagePanel.nz-panel-left, .nz-stagePanels-stagePanel.nz-panel-right { min-width: 14px; } } .nz-stagePanels-stagePanel:hover { --buic-widget-opacity: 1; } .nz-stagePanels-stagePanel.nz-safe-area-left.nz-panel-left { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-stagePanels-stagePanel.nz-safe-area-left.nz-panel-top { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-stagePanels-stagePanel.nz-safe-area-left.nz-panel-bottom { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-stagePanels-stagePanel.nz-safe-area-top.nz-panel-left { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-stagePanels-stagePanel.nz-safe-area-top.nz-panel-top { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-stagePanels-stagePanel.nz-safe-area-top.nz-panel-right { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-stagePanels-stagePanel.nz-safe-area-right.nz-panel-top { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-stagePanels-stagePanel.nz-safe-area-right.nz-panel-right { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-stagePanels-stagePanel.nz-safe-area-right.nz-panel-bottom { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-stagePanels-stagePanel.nz-safe-area-bottom.nz-panel-left { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } .nz-stagePanels-stagePanel.nz-safe-area-bottom.nz-panel-right { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } .nz-stagePanels-stagePanel.nz-safe-area-bottom.nz-panel-bottom { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-rectangular-resizeGrip { pointer-events: auto; position: absolute; } .nz-widget-rectangular-resizeGrip > .nz-grip { width: 100%; height: 100%; position: relative; } .nz-widget-rectangular-resizeGrip > .nz-grip:focus { outline: none; } .nz-widget-rectangular-resizeGrip.nz-direction-ew { cursor: ew-resize; height: 100%; width: 8px; } @media (max-width: 1099px) { .nz-widget-rectangular-resizeGrip.nz-direction-ew { width: 14px; } } .nz-widget-rectangular-resizeGrip.nz-direction-ns { cursor: ns-resize; height: 8px; width: 100%; } @media (max-width: 1099px) { .nz-widget-rectangular-resizeGrip.nz-direction-ns { height: 14px; } } .nz-widget-rectangular-resizeGrip.nz-direction-ne-sw { cursor: nesw-resize; height: 8px; width: 8px; } @media (max-width: 1099px) { .nz-widget-rectangular-resizeGrip.nz-direction-ne-sw { height: 14px; width: 14px; } } .nz-widget-rectangular-resizeGrip.nz-direction-nw-se { cursor: nwse-resize; height: 8px; width: 8px; } @media (max-width: 1099px) { .nz-widget-rectangular-resizeGrip.nz-direction-nw-se { height: 14px; width: 14px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-stacked { display: flex; max-height: 100%; position: relative; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-stacked:hover { opacity: 1; } .nz-widget-stacked > .nz-primary-grip { z-index: 4000; } .nz-widget-stacked > .nz-height-expander { display: flex; flex-direction: column; } .nz-widget-stacked > .nz-height-expander:after { content: ""; flex: 0 1 200px; } .nz-widget-stacked > .nz-content-container { flex-grow: 1; min-width: 0; position: relative; pointer-events: auto; } .nz-widget-stacked > .nz-content-container > .nz-content { overflow: hidden; height: 100%; width: 100%; background-color: var(--buic-background-widget); border-style: solid; border-width: 1px; border-color: var(--buic-background-widget-stroke); border-radius: 3px; box-sizing: border-box; } .nz-widget-stacked > .nz-content-container > .nz-secondary-grip { z-index: 4000; } .nz-widget-stacked > .nz-content-container > .nz-content-grip { z-index: 4000; } .nz-widget-stacked > .nz-tabs-column { display: flex; flex-direction: column; position: relative; } .nz-widget-stacked > .nz-tabs-column > .nz-tabs { display: flex; } .nz-widget-stacked > .nz-tabs-column > .nz-tabs-grip-container { position: relative; flex-basis: 90px; flex-grow: 1; } .nz-widget-stacked > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { z-index: 4000; } .nz-widget-stacked > .nz-tab-bar { pointer-events: auto; position: absolute; top: 0; left: 0; background-color: var(--buic-background-panel); height: 100%; width: 100%; } .nz-widget-stacked.nz-collapsed > .nz-content-container { display: none; } .nz-widget-stacked.nz-collapsed.nz-bottom-panel-anchor, .nz-widget-stacked.nz-collapsed.nz-top-panel-anchor { display: block; } .nz-widget-stacked.nz-collapsed.nz-bottom-panel-anchor > .nz-tabs-column > .nz-tabs-grip-container, .nz-widget-stacked.nz-collapsed.nz-top-panel-anchor > .nz-tabs-column > .nz-tabs-grip-container { display: none; } .nz-widget-stacked.nz-collapsed.nz-bottom-panel-anchor > .nz-height-expander, .nz-widget-stacked.nz-collapsed.nz-top-panel-anchor > .nz-height-expander { display: none; } .nz-widget-stacked.nz-collapsed.nz-bottom-panel-anchor.nz-right-anchor > .nz-tabs-column, .nz-widget-stacked.nz-collapsed.nz-top-panel-anchor.nz-right-anchor > .nz-tabs-column { align-items: flex-start; } .nz-widget-stacked.nz-left-anchor > .nz-tabs-column > .nz-tabs { align-items: flex-start; } .nz-widget-stacked.nz-right-anchor { flex-direction: row-reverse; } .nz-widget-stacked.nz-right-anchor > .nz-tabs-column > .nz-tabs { align-items: flex-end; } .nz-widget-stacked.nz-bottom-anchor > .nz-content-container, .nz-widget-stacked.nz-middle-anchor > .nz-content-container { min-height: 70px; } .nz-widget-stacked.nz-dragged { z-index: 5000; } .nz-widget-stacked.nz-closed { height: 100%; align-items: center; } .nz-widget-stacked.nz-closed.nz-bottom-anchor { align-items: flex-end; } .nz-widget-stacked.nz-closed > .nz-primary-grip { display: none; } .nz-widget-stacked.nz-closed > .nz-tabs-column > .nz-tabs-grip-container { flex-basis: 0; } .nz-widget-stacked.nz-closed > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { display: none; } .nz-widget-stacked.nz-closed > .nz-content-container { display: none; } .nz-widget-stacked.nz-fill-zone { height: 100%; } .nz-widget-stacked:not(.nz-floating) > .nz-content-container > .nz-content-grip { display: none; } .nz-widget-stacked.nz-bottom-panel-anchor { flex-direction: column-reverse; } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-content-container > .nz-content { border-top-left-radius: 0; } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-content-container > .nz-content-grip { bottom: -4px; } @media (max-width: 1099px) { .nz-widget-stacked.nz-bottom-panel-anchor > .nz-content-container > .nz-content-grip { bottom: -7px; } } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { bottom: -4px; } @media (max-width: 1099px) { .nz-widget-stacked.nz-bottom-panel-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { bottom: -7px; } } .nz-widget-stacked.nz-top-panel-anchor { flex-direction: column; } .nz-widget-stacked.nz-top-panel-anchor > .nz-content-container > .nz-content { border-bottom-left-radius: 0; } .nz-widget-stacked.nz-top-panel-anchor > .nz-content-container > .nz-content-grip { top: -4px; } @media (max-width: 1099px) { .nz-widget-stacked.nz-top-panel-anchor > .nz-content-container > .nz-content-grip { top: -7px; } } .nz-widget-stacked.nz-top-panel-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { top: -4px; } @media (max-width: 1099px) { .nz-widget-stacked.nz-top-panel-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { top: -7px; } } .nz-widget-stacked.nz-bottom-panel-anchor, .nz-widget-stacked.nz-top-panel-anchor { height: 100%; } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-tabs-column, .nz-widget-stacked.nz-top-panel-anchor > .nz-tabs-column { flex-direction: row; } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-tabs-column > .nz-tabs, .nz-widget-stacked.nz-top-panel-anchor > .nz-tabs-column > .nz-tabs { flex-direction: row; } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-height-expander, .nz-widget-stacked.nz-top-panel-anchor > .nz-height-expander { display: none; } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-content-container, .nz-widget-stacked.nz-top-panel-anchor > .nz-content-container { min-height: 0; } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-content-container > .nz-secondary-grip, .nz-widget-stacked.nz-top-panel-anchor > .nz-content-container > .nz-secondary-grip { top: 0; right: -4px; } @media (max-width: 1099px) { .nz-widget-stacked.nz-bottom-panel-anchor > .nz-content-container > .nz-secondary-grip, .nz-widget-stacked.nz-top-panel-anchor > .nz-content-container > .nz-secondary-grip { right: -7px; } } .nz-widget-stacked.nz-bottom-panel-anchor > .nz-primary-grip, .nz-widget-stacked.nz-top-panel-anchor > .nz-primary-grip { left: -4px; } @media (max-width: 1099px) { .nz-widget-stacked.nz-bottom-panel-anchor > .nz-primary-grip, .nz-widget-stacked.nz-top-panel-anchor > .nz-primary-grip { left: -7px; } } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor > .nz-content-container > .nz-content { border-top-right-radius: 0; } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor > .nz-content-container > .nz-content-grip { left: -4px; } @media (max-width: 1099px) { .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor > .nz-content-container > .nz-content-grip { left: -7px; } } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { left: -4px; } @media (max-width: 1099px) { .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { left: -7px; } } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor > .nz-content-container > .nz-content { border-top-left-radius: 0; } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor > .nz-content-container > .nz-content-grip { right: -4px; } @media (max-width: 1099px) { .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor > .nz-content-container > .nz-content-grip { right: -7px; } } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { right: -4px; } @media (max-width: 1099px) { .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor > .nz-tabs-column > .nz-tabs-grip-container > .nz-tabs-grip { right: -7px; } } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) > .nz-content-container > .nz-secondary-grip { bottom: -4px; } @media (max-width: 1099px) { .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) > .nz-content-container > .nz-secondary-grip { bottom: -7px; } } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) > .nz-content-container > .nz-content-grip { top: 0; } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) > .nz-tabs-column > .nz-tabs { flex-direction: column; } .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) > .nz-primary-grip { top: -4px; } @media (max-width: 1099px) { .nz-widget-stacked:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) > .nz-primary-grip { top: -7px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-popup-tooltip { position: absolute; background-color: var(--buic-background-tooltip); color: var(--buic-foreground-body); display: grid; grid-auto-flow: column; grid-gap: 5px; align-items: center; padding: 5px 10px; z-index: 17000; } .nz-popup-tooltip > .nz-content { white-space: nowrap; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .nz-stagePanels-splitter { display: flex; width: 100%; height: 100%; } .nz-stagePanels-splitter > .nz-pane { flex-grow: 0; flex-shrink: 0; flex-basis: 0px; min-width: 0; min-height: 0; } .nz-stagePanels-splitter > .nz-grip { background-color: var(--buic-background-5); flex: 0 0 auto; touch-action: none; } .nz-stagePanels-splitter.nz-vertical { flex-direction: column; } .nz-stagePanels-splitter.nz-vertical > .nz-grip { height: 5px; cursor: ns-resize; } @media (max-width: 1099px) { .nz-stagePanels-splitter.nz-vertical > .nz-grip { height: 14px; } } .nz-stagePanels-splitter:not(.nz-vertical) { flex-direction: row; } .nz-stagePanels-splitter:not(.nz-vertical) > .nz-grip { width: 5px; cursor: ew-resize; } @media (max-width: 1099px) { .nz-stagePanels-splitter:not(.nz-vertical) > .nz-grip { width: 14px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .nz-stagePanels-stagePanels { height: 100%; display: flex; flex-direction: row; pointer-events: none; min-height: 0; } .nz-stagePanels-stagePanels > .nz-rows { display: flex; flex-direction: column; flex: 1 1 100%; min-width: 0; } .nz-stagePanels-stagePanels > .nz-rows > .nz-content { flex: 1 1 100%; min-height: 0; } .nz-stagePanels-stagePanels > .nz-panel, .nz-stagePanels-stagePanels .nz-rows > .nz-panel { position: relative; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolSettings-setting { height: 100%; white-space: nowrap; display: flex; align-items: center; } .nz-toolSettings-setting:not(.nz-overflown):before { content: ""; padding-left: 1em; } .nz-toolSettings-setting:not(.nz-overflown):after { content: ""; padding-right: 1em; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-item { border-width: 0; background-origin: border-box; border-color: var(--buic-background-toolbutton-stroke); border-style: solid; cursor: pointer; transition: background-color 500ms ease; position: relative; background: var(--buic-background-window) linear-gradient(to bottom, var(--buic-button-gradient1), var(--buic-button-gradient2)); height: 40px; width: 40px; outline-style: solid; outline-width: 0; } .nz-toolbar-item-item > .nz-icon { font-size: 16px; width: 100%; height: 100%; display: grid; align-content: center; justify-content: center; color: var(--buic-foreground-body); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); transition: all 500ms ease; } .nz-toolbar-item-item > .nz-icon svg { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-item-item > .nz-icon img { width: 16px; height: 16px; } @media (hover: hover) { .nz-toolbar-item-item:hover > .nz-icon { color: var(--buic-foreground-primary-tone); transition-duration: 150ms; } } .nz-toolbar-item-item:active > .nz-icon { color: var(--buic-foreground-body-reverse); filter: drop-shadow(0 0 0 transparent); } .nz-toolbar-item-item:active > .nz-icon svg { filter: drop-shadow(0 0 0 transparent); } .nz-toolbar-item-item:active:not(.nz-disabled) { background: var(--buic-foreground-primary-tone); color: var(--buic-foreground-body-reverse); transition-duration: 150ms; transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5); } .nz-toolbar-item-item.nz-active { background: var(--buic-background-control); } .nz-toolbar-item-item.nz-active:not(:active):not(.nz-disabled) { transition-duration: 0s; } .nz-toolbar-item-item.nz-active:not(:active):not(.nz-disabled) > .nz-icon { color: var(--buic-foreground-primary); filter: drop-shadow(0 0 0 transparent); transition-duration: 150ms; transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5); } .nz-toolbar-item-item.nz-active:not(:active):not(.nz-disabled) > .nz-icon svg { filter: drop-shadow(0 0 0 transparent); } .nz-toolbar-item-item.nz-active:not(:active):not(.nz-disabled):after { content: ""; display: block; position: absolute; background: var(--buic-foreground-primary); left: 3px; top: 5px; border-radius: 2px; width: 2px; height: 30px; } .nz-toolbar-item-item.nz-disabled > .nz-icon { color: var(--buic-foreground-disabled); } .nz-toolbar-item-item.nz-disabled:hover { cursor: auto; } .nz-toolbar-item-item.nz-disabled:active { pointer-events: none; } .nz-toolbar-item-item > .nz-badge { position: absolute; top: 0; left: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-overflow .nz-ellipsis-icon .nz-ellipsis { position: relative; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } .nz-toolbar-item-overflow .nz-ellipsis-icon .nz-ellipsis:before { content: ""; position: absolute; left: -8px; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } .nz-toolbar-item-overflow .nz-ellipsis-icon .nz-ellipsis:after { content: ""; position: absolute; left: 8px; width: 4px; height: 4px; border-radius: 50%; background-color: currentColor; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-expandable { position: relative; } .nz-toolbar-item-expandable-expandable > *:not(.nz-triangle) { height: 100%; width: 100%; } .nz-toolbar-item-expandable-expandable:hover > .nz-triangle { border-color: transparent transparent var(--buic-foreground-primary-tone) transparent; } .nz-toolbar-item-expandable-expandable > .nz-triangle { border-radius: 0; position: absolute; right: 3px; bottom: 3px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); pointer-events: none; border-width: 0 0 4px 4px; width: 0; height: 0; border-style: solid; border-color: transparent transparent var(--buic-foreground-body) transparent; } .nz-toolbar-item-expandable-expandable:active > .nz-triangle { filter: drop-shadow(0 0 0 transparent); border-color: transparent transparent var(--buic-foreground-body-reverse) transparent; } .nz-toolbar-item-expandable-expandable.nz-active:not(:active):not(.nz-disabled) > .nz-triangle { filter: drop-shadow(0 0 0 transparent); border-color: transparent transparent var(--buic-foreground-primary) transparent; } .nz-toolbar-item-expandable-expandable.nz-disabled > .nz-triangle { border-color: transparent transparent var(--buic-foreground-disabled) transparent; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-group-backArrow { width: 15px; height: 20px; } .nz-toolbar-item-expandable-group-backArrow:hover, .nz-toolbar-item-expandable-group-backArrow.nz-targeted { cursor: pointer; } .nz-toolbar-item-expandable-group-backArrow:hover:after, .nz-toolbar-item-expandable-group-backArrow.nz-targeted:after { color: var(--buic-foreground-primary); } .nz-toolbar-item-expandable-group-backArrow:after { content: ""; display: block; position: relative; left: 3px; top: 3px; color: var(--buic-foreground-body); width: 8.4852813742px; height: 8.4852813742px; border-top: solid 2px currentColor; border-left: solid 2px currentColor; margin-left: 2px; margin-top: 2px; box-sizing: border-box; transform: rotate(-45deg); } .nz-toolbar-item-expandable-group-backArrow:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-group-column > *:not(:last-child) { margin-bottom: 9px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-group-columns { display: grid; grid-auto-columns: 1fr; grid-gap: 12px; grid-auto-flow: column; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-group-panel { line-height: normal; background: var(--buic-background-panel); padding: 8px; border-radius: 4px; pointer-events: auto; border: 1px solid var(--buic-background-widget-stroke); font-size: 14px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-group-title { white-space: nowrap; text-align: center; color: var(--buic-foreground-body); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); margin-bottom: 9px; margin-left: 20px; margin-right: 20px; font-weight: 400; font-size: 16px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-group-nested { position: relative; } .nz-toolbar-item-expandable-group-nested .nz-back { position: absolute; left: 10px; top: 8px; } .nz-toolbar-item-expandable-group-nested > .nz-toolbar-item-expandable-group-title { /* Contributes to space available for back arrow */ min-height: 14px; margin-left: 28px; margin-right: 28px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolbar-item-expandable-group-tool-expander > .nz-expansion-indicator { width: 8.4852813742px; height: 8.4852813742px; border-top: solid 2px currentColor; border-left: solid 2px currentColor; margin-left: 2px; margin-top: 2px; margin-right: 10px; box-sizing: border-box; transform: rotate(135deg); } .nz-toolbar-item-expandable-group-tool-expander:active:not(.nz-disabled) > .nz-expansion-indicator { filter: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolbar-item-expandable-group-tool-item { white-space: nowrap; height: 32px; color: var(--buic-foreground-body); cursor: pointer; border-radius: 3px; display: flex; align-items: center; font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item > .nz-icon { width: 16px; height: 16px; display: inline-block; margin-right: 16px; margin-left: 8px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); position: relative; } .nz-toolbar-item-expandable-group-tool-item > .nz-icon > .nz-badge { position: absolute; top: -8px; left: -8px; filter: none; } .nz-toolbar-item-expandable-group-tool-item > .nz-label { display: inline-block; margin-right: 16px; line-height: 32px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-item-expandable-group-tool-item > .nz-label:after { display: block; content: attr(title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .nz-toolbar-item-expandable-group-tool-item:hover:not(.nz-disabled), .nz-toolbar-item-expandable-group-tool-item.nz-targeted:not(.nz-disabled) { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item:hover:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item:hover:not(.nz-disabled) .nz-label, .nz-toolbar-item-expandable-group-tool-item.nz-targeted:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-targeted:not(.nz-disabled) .nz-label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-item-expandable-group-tool-item:active:not(.nz-disabled) { background: var(--buic-row-selection); color: var(--buic-foreground-activehover); } .nz-toolbar-item-expandable-group-tool-item:active:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item:active:not(.nz-disabled) .nz-label { filter: none; } .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up:hover:not(.nz-disabled), .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up.nz-targeted:not(.nz-disabled) { background: var(--buic-row-selection); color: var(--buic-foreground-activehover); } .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up:hover:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up:hover:not(.nz-disabled) .nz-label, .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up.nz-targeted:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up.nz-targeted:not(.nz-disabled) .nz-label { filter: none; } .nz-toolbar-item-expandable-group-tool-item.nz-focused:not(.nz-disabled) { color: var(--buic-foreground-primary); border-color: var(--buic-foreground-primary); border-width: 2px; border-style: solid; font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item.nz-focused:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-focused:not(.nz-disabled) .nz-label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled) { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled)::before { content: ""; background-color: var(--buic-foreground-primary); display: block; position: relative; top: 0; left: 3px; width: 2px; height: 22px; border-radius: 2px; } .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled) .nz-label { filter: none; } .nz-toolbar-item-expandable-group-tool-item.nz-disabled { color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-items { border-color: var(--buic-background-toolbutton-stroke); border-width: 1px; border-radius: 3px; border-style: solid; overflow: hidden; display: inline-block; vertical-align: bottom; box-sizing: border-box; } .nz-toolbar-items.nz-vertical { width: 40px; } .nz-toolbar-items.nz-vertical > * { height: 40px; } .nz-toolbar-items.nz-vertical > *:not(:first-child) { margin-top: 1px; } .nz-toolbar-items.nz-vertical > *:not(:first-child):before { content: ""; background-color: var(--buic-background-toolbutton-stroke); display: block; position: absolute; pointer-events: none; height: 1px; width: 100%; left: 0; top: -1px; } .nz-toolbar-items.nz-horizontal { height: 40px; } .nz-toolbar-items.nz-horizontal > * { display: inline-block; height: 100%; width: 40px; } .nz-toolbar-items.nz-horizontal > *:not(:first-child) { margin-left: 1px; } .nz-toolbar-items.nz-horizontal > *:not(:first-child):before { content: ""; background-color: var(--buic-background-toolbutton-stroke); display: block; position: absolute; pointer-events: none; width: 1px; height: 100%; left: -1px; top: 0; } .nz-toolbar-items > * { vertical-align: bottom; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-toolbar { display: inline-block; position: relative; pointer-events: auto; } .nz-toolbar-toolbar > .nz-panels { z-index: 8000; } .nz-toolbar-toolbar > .nz-expanded { pointer-events: none; position: absolute; } .nz-toolbar-toolbar.nz-vertical > .nz-expanded > * > * { display: grid; height: 40px; margin-top: 1px; } .nz-toolbar-toolbar.nz-vertical.nz-panel-alignment-start > .nz-panels > * > * { align-content: start; } .nz-toolbar-toolbar.nz-vertical.nz-panel-alignment-end > .nz-panels > * > * { align-content: end; } .nz-toolbar-toolbar.nz-horizontal > .nz-expanded { display: flex; } .nz-toolbar-toolbar.nz-horizontal > .nz-expanded > * > * { width: 40px; margin-left: 1px; display: grid; justify-content: center; } .nz-toolbar-toolbar.nz-horizontal > .nz-panels > * > * { float: left; } .nz-toolbar-toolbar.nz-horizontal.nz-panel-alignment-start > .nz-panels > * > * { justify-content: start; } .nz-toolbar-toolbar.nz-horizontal.nz-panel-alignment-end { display: flex; justify-content: flex-end; } .nz-toolbar-toolbar.nz-horizontal.nz-panel-alignment-end > .nz-panels > * > * { justify-content: end; } .nz-toolbar-toolbar.nz-direction-left > .nz-expanded { left: 1px; transform: translateX(-100%); } .nz-toolbar-toolbar.nz-direction-right > .nz-expanded { left: 100%; transform: translateX(-1px); } .nz-toolbar-toolbar.nz-direction-bottom > .nz-expanded { top: 100%; transform: translateY(-1px); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-content { overflow: auto; height: 100%; width: 100%; } .nz-widget-content::-webkit-scrollbar { width: 12px; height: 12px; } .nz-widget-content::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .nz-widget-content::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .nz-widget-content::-webkit-scrollbar-corner { background-color: transparent; } .nz-widget-content::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-floatingTab { position: absolute; padding: 0 1em; display: flex; align-items: center; background: var(--buic-background-4); -webkit-user-select: none; user-select: none; white-space: nowrap; height: 2.1em; border-radius: 2px; color: var(--buic-foreground-disabled); pointer-events: none; opacity: 0.6; z-index: 22000; } .nz-widget-floatingTab.nz-hidden { display: none; } .nz-widget-floatingTab > span { font-size: 0.9em; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-navigationArea { transition: visibility 0.5s ease, opacity 0.5s ease; display: grid; box-sizing: border-box; height: 100%; grid-gap: 6px; grid-column: 2; grid-template-columns: 1fr minmax(60px, auto); grid-template-rows: minmax(60px, auto) 1fr; justify-items: end; grid-template-areas: "htools button" ". vtools"; } .nz-widget-navigationArea.nz-hidden { opacity: 0; visibility: hidden; } .nz-widget-navigationArea > .nz-navigation-aid-container { margin-bottom: 6px; pointer-events: auto; opacity: var(--buic-widget-opacity, 0.9); grid-area: button; } .nz-widget-navigationArea > .nz-navigation-aid-container:hover { opacity: 1; } .nz-widget-navigationArea > .nz-vertical-toolbar-container { grid-area: vtools; height: calc(100% - 60px); display: inline-flex; flex-direction: column; align-items: flex-end; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-navigationArea > .nz-vertical-toolbar-container:hover { opacity: 1; } .nz-widget-navigationArea > .nz-horizontal-toolbar-container { grid-area: htools; width: 100%; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-navigationArea > .nz-horizontal-toolbar-container > .components-toolbar-overflow-sizer { display: flex; justify-content: flex-end; } .nz-widget-navigationArea > .nz-horizontal-toolbar-container:hover { opacity: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-tools { display: grid; box-sizing: border-box; height: 100%; grid-gap: 20px; align-items: start; justify-items: start; grid-template-rows: minmax(60px, auto) 1fr; } .nz-widget-tools.nz-navigation > .nz-horizontal-toolbar { display: flex; justify-content: flex-end; } .nz-widget-tools.nz-reduced-gap { grid-gap: 3px; } .nz-widget-tools.nz-no-gap { grid-gap: 0; } .nz-widget-tools.nz-reduced-gap, .nz-widget-tools.nz-no-gap { grid-template-rows: auto 1fr; } .nz-widget-tools.nz-navigation { justify-items: end; grid-template-areas: "htools button" ". vtools"; grid-template-columns: 1fr minmax(60px, auto); } .nz-widget-tools.nz-navigation.nz-reduced-gap, .nz-widget-tools.nz-navigation.nz-no-gap { grid-template-columns: 1fr auto; } .nz-widget-tools:not(.nz-navigation) { grid-template-areas: "button htools" "vtools ."; grid-template-columns: minmax(60px, auto) 1fr; } .nz-widget-tools:not(.nz-navigation).nz-reduced-gap, .nz-widget-tools:not(.nz-navigation).nz-no-gap { grid-template-columns: auto 1fr; } .nz-widget-tools > .nz-app-button { grid-area: button; pointer-events: auto; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-tools > .nz-app-button:hover { opacity: 1; } .nz-widget-tools > .nz-horizontal-toolbar { grid-area: htools; width: 100%; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-tools > .nz-horizontal-toolbar:hover { opacity: 1; } .nz-widget-tools > .nz-vertical-toolbar { height: 100%; display: inline-flex; flex-direction: column; grid-area: vtools; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-tools > .nz-vertical-toolbar:hover { opacity: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-tools-widget { transition: visibility 0.5s ease, opacity 0.5s ease; display: grid; box-sizing: border-box; height: 100%; grid-gap: 6px; grid-column: 1; align-items: start; justify-items: start; grid-template-columns: auto 1fr; } .nz-tools-widget.nz-hidden { opacity: 0; visibility: hidden; } .nz-tools-widget > .nz-vertical-tool-area { display: inline-flex; flex-direction: column; height: 100%; align-items: flex-start; } .nz-tools-widget > .nz-vertical-tool-area > .nz-app-button { pointer-events: auto; opacity: var(--buic-widget-opacity, 0.9); } .nz-tools-widget > .nz-vertical-tool-area > .nz-app-button:hover { opacity: 1; } .nz-tools-widget > .nz-vertical-tool-area > .nz-vertical-toolbar-container { height: calc(100% - 60px); display: inline-flex; flex-direction: column; opacity: var(--buic-widget-opacity, 0.9); } .nz-tools-widget > .nz-vertical-tool-area > .nz-vertical-toolbar-container:hover { opacity: 1; } .nz-tools-widget > .nz-horizontal-toolbar-container { width: 100%; opacity: var(--buic-widget-opacity, 0.9); } .nz-tools-widget > .nz-horizontal-toolbar-container:hover { opacity: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-toolSettings { display: flex; justify-content: center; max-height: 100%; max-width: 100%; opacity: var(--buic-widget-opacity, 0.9); } .nz-widget-toolSettings:hover { opacity: 1; } .nz-widget-toolSettings.nz-draggable > .nz-widget > .nz-handle { cursor: pointer; } .nz-widget-toolSettings.nz-fill { height: 100%; width: 100%; } .nz-widget-toolSettings.nz-fill > .nz-widget { height: 100%; width: 100%; } .nz-widget-toolSettings > .nz-widget { border-color: var(--buic-background-widget-stroke); border-radius: 3px; border-style: solid; border-width: 1px; background-color: var(--buic-background-widget); pointer-events: auto; text-align: initial; display: flex; flex-direction: column; max-height: 100%; max-width: 100%; } .nz-widget-toolSettings > .nz-widget > .nz-content { min-height: 0; flex-basis: 100%; } .nz-widget-toolSettings > .nz-widget > .nz-handle > .nz-title { min-height: 24px; } .nz-widget-toolSettings > .nz-widget > .nz-left-grip { top: 0; left: -4px; } @media (max-width: 1099px) { .nz-widget-toolSettings > .nz-widget > .nz-left-grip { left: -7px; } } .nz-widget-toolSettings > .nz-widget > .nz-top-grip { left: 0; top: -4px; } @media (max-width: 1099px) { .nz-widget-toolSettings > .nz-widget > .nz-top-grip { top: -7px; } } .nz-widget-toolSettings > .nz-widget > .nz-right-grip { top: 0; right: -4px; } @media (max-width: 1099px) { .nz-widget-toolSettings > .nz-widget > .nz-right-grip { right: -7px; } } .nz-widget-toolSettings > .nz-widget > .nz-bottom-grip { left: 0; bottom: -4px; } @media (max-width: 1099px) { .nz-widget-toolSettings > .nz-widget > .nz-bottom-grip { bottom: -7px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolbar-button-app > .nz-bars { height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; } .nz-toolbar-button-app > .nz-bars > .nz-bar { background-color: var(--buic-foreground-disabled); width: 8px; height: 2px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-button-app > .nz-bars > .nz-bar:not(:first-child) { margin-top: 5px; } .nz-toolbar-button-app:active > .nz-bars { width: 0; height: 0; } .nz-toolbar-button-app-small { width: 42px; height: 42px; border-width: 0px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); margin-bottom: 0; } .nz-toolbar-button-app-small > .nz-bars { height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-flow: column; align-items: flex-start; justify-content: center; } .nz-toolbar-button-app-small > .nz-bars > .nz-bar { background-color: var(--buic-foreground-disabled); width: 4px; height: 2px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-button-app-small > .nz-bars > .nz-bar:not(:first-child) { margin-top: 5px; } .nz-toolbar-button-app-small:active > .nz-bars { width: 0; height: 0; } button.nz-toolbar-button-button.nz-toolbar-button-icon.nz-toolbar-button-icon-small.nz-toolbar-button-app-small { border-width: 0px; } button.nz-toolbar-button-button.nz-toolbar-button-icon.nz-toolbar-button-icon-small.nz-toolbar-button-app-small .core-svg-icon { width: 24px; height: 24px; } button.nz-toolbar-button-button.nz-toolbar-button-icon.nz-toolbar-button-icon-small.nz-toolbar-button-app-small .core-svg-icon svg { width: 100%; height: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolbar-button-icon { font-size: 36px; } .nz-toolbar-button-icon > .nz-icon { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .nz-toolbar-button-icon > .nz-icon > * { width: 36px; height: 36px; color: var(--iui-operateBtn-icons-color); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); display: inline-block; } .nz-toolbar-button-icon.nz-toolbar-button-icon-small { font-size: 24px; } .nz-toolbar-button-icon.nz-toolbar-button-icon-small > .nz-icon > * { width: 24px; height: 24px; } .nz-toolbar-button-icon.nz-toolbar-button-icon-small:active > .nz-icon > * { color: var(--buic-foreground-primary-tone); } .nz-toolbar-button-icon:hover > .nz-icon > * { color: var(--buic-foreground-primary-tone); } .nz-toolbar-button-icon:active > .nz-icon > * { color: var(--buic-foreground-body-reverse); filter: drop-shadow(0 0 0 transparent); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolbar-button-button { box-sizing: border-box; width: 60px; height: 60px; margin-bottom: 6px; cursor: pointer; position: relative; overflow: hidden; background: var(--buic-background-toolbar); border-width: 2px; border-color: var(--buic-background-toolbutton-stroke); border-radius: 3px; border-style: solid; pointer-events: auto; } .nz-toolbar-button-button.nz-toolbar-button-icon-small { width: 42px; height: 42px; } .nz-toolbar-button-button > .nz-gradient { background: linear-gradient(to bottom, var(--buic-button-gradient1), var(--buic-button-gradient2)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .nz-toolbar-button-button:active { background: var(--buic-foreground-primary-tone); } .nz-toolbar-button-button:active > .nz-gradient { width: 0; height: 0; } .nz-toolbar-button-button:focus { outline: none; } .nz-toolbar-button-background:hover { background-color: rgba(var(--buic-foreground-primary-rgb), 0.2); } .nz-toolbar-button-background:active { background-color: rgba(var(--buic-foreground-primary-rgb), 0.2); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolbar-button-back { border-radius: 30px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widget-tools-button-expandable { position: relative; pointer-events: auto; } .nz-widget-tools-button-expandable:hover > .nz-triangle { border-color: transparent transparent var(--buic-foreground-primary-tone) transparent; } .nz-widget-tools-button-expandable:active > .nz-triangle { filter: drop-shadow(0 0 0 transparent); border-color: transparent transparent var(--buic-foreground-body-reverse) transparent; } .nz-widget-tools-button-expandable > .nz-triangle { border-radius: 0; position: absolute; right: 5px; bottom: 5px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); pointer-events: none; border-width: 0 0 6px 6px; width: 0; height: 0; border-style: solid; border-color: transparent transparent var(--buic-foreground-body) transparent; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .nz-widget-rectangular-content { height: 100%; overflow: auto; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .nz-widget-rectangular-content.nz-left-anchor { display: flex; flex-direction: row-reverse; direction: rtl; margin-right: 10px; } .nz-widget-rectangular-content.nz-left-anchor > .nz-container { direction: ltr; } .nz-widget-rectangular-content::-webkit-scrollbar { width: 12px; height: 12px; } .nz-widget-rectangular-content::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .nz-widget-rectangular-content::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .nz-widget-rectangular-content::-webkit-scrollbar-corner { background-color: transparent; } .nz-widget-rectangular-content::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .nz-widget-rectangular-tab-group { position: relative; display: flex; } .nz-widget-rectangular-tab-group:before { content: ""; width: 10px; height: 100%; position: absolute; opacity: 0; transition: opacity 0.3s ease-in-out; } .nz-widget-rectangular-tab-group.nz-bottom-panel-anchor, .nz-widget-rectangular-tab-group.nz-top-panel-anchor { flex-direction: row; } .nz-widget-rectangular-tab-group.nz-top-panel-anchor { align-items: flex-start; } .nz-widget-rectangular-tab-group.nz-bottom-panel-anchor { align-items: flex-end; } .nz-widget-rectangular-tab-group:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) { flex-direction: column; } .nz-widget-rectangular-tab-group:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor:before { border-top-right-radius: 2px; border-bottom-right-radius: 2px; left: 30px; background: linear-gradient(to right, var(--buic-background-5), var(--buic-background-4)); } .nz-widget-rectangular-tab-group:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor { align-items: flex-end; } .nz-widget-rectangular-tab-group:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor:before { border-top-left-radius: 2px; border-bottom-left-radius: 2px; right: 30px; background: linear-gradient(to left, var(--buic-background-5), var(--buic-background-4)); } .nz-widget-rectangular-tab-group.nz-handle-hovered:hover:before { opacity: 1; } .nz-widget-rectangular-tab-group.nz-handle-visible:before { transition: opacity 0; opacity: 1; } .nz-widget-rectangular-tab-group.nz-handle-timedout:before { transition-delay: 1s; opacity: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-rectangular-tab-separator.nz-horizontal { width: 8px; } .nz-widget-rectangular-tab-separator:not(.nz-horizontal) { height: 8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .nz-widget-rectangular-tab-tab { box-sizing: border-box; background-color: var(--buic-background-tab-inactive); border-color: var(--buic-background-widget-stroke); border-width: 1px; border-style: solid; pointer-events: auto; } .nz-widget-rectangular-tab-tab.nz-bottom-panel-anchor, .nz-widget-rectangular-tab-tab.nz-top-panel-anchor { width: 60px; } .nz-widget-rectangular-tab-tab.nz-bottom-panel-anchor:not(:first-child), .nz-widget-rectangular-tab-tab.nz-top-panel-anchor:not(:first-child) { margin-left: -1px; } .nz-widget-rectangular-tab-tab:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) { height: 60px; } .nz-widget-rectangular-tab-tab:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor):not(:first-child) { margin-top: -1px; } .nz-widget-rectangular-tab-tab > * { filter: drop-shadow(-0.4px 0.9px 0 var(--buic-foreground-body-reverse)); } .nz-widget-rectangular-tab-tab > .nz-draggable { width: 100%; height: 100%; position: absolute; filter: unset; } .nz-widget-rectangular-tab-tab > .nz-badge { position: absolute; top: 0; left: 0; } .nz-widget-rectangular-tab-tab:hover { color: var(--buic-foreground-primary-tone); transition-duration: 150ms; } .nz-widget-rectangular-tab-tab:hover > * { filter: drop-shadow(0 0 0 transparent); } .nz-widget-rectangular-tab-tab:not(.nz-collapsed) { cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; transition: all 500ms ease; transition-property: color, background-color; color: var(--buic-foreground-body); border-radius: 3px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-mode-active { background-color: var(--buic-background-widget); color: var(--buic-foreground-primary); } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-mode-active > * { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-mode-active:before { content: ""; display: block; position: absolute; background-color: var(--buic-foreground-primary); } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-bottom-panel-anchor.nz-mode-active { height: 33px; margin-bottom: -1px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-bottom-panel-anchor.nz-mode-active:before { top: 2px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-bottom-panel-anchor.nz-mode-active, .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-bottom-panel-anchor.nz-mode-open { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-top-panel-anchor.nz-mode-active { height: 33px; margin-top: -1px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-top-panel-anchor.nz-mode-active:before { bottom: 2px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-top-panel-anchor.nz-mode-active, .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-top-panel-anchor.nz-mode-open { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-bottom-panel-anchor, .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-top-panel-anchor { height: 32px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-bottom-panel-anchor.nz-mode-active:before, .nz-widget-rectangular-tab-tab:not(.nz-collapsed).nz-top-panel-anchor.nz-mode-active:before { left: 2px; height: 2px; width: 54px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) { width: 32px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-mode-active.nz-protruding { width: 36px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-mode-active:not(.nz-protruding) { width: 33px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-mode-active:before { top: 2px; width: 2px; height: 54px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor.nz-mode-active { margin-right: -1px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor.nz-mode-active:before { left: 2px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor.nz-mode-active, .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-right-anchor.nz-mode-open { border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor.nz-mode-active { margin-left: -1px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor.nz-mode-active:before { right: 2px; } .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor.nz-mode-active, .nz-widget-rectangular-tab-tab:not(.nz-collapsed):not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor).nz-left-anchor.nz-mode-open { border-left-width: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .nz-widget-rectangular-tab-tab.nz-collapsed > * { display: none; } .nz-widget-rectangular-tab-tab.nz-collapsed.nz-mode-active { background-color: var(--buic-foreground-primary); } .nz-widget-rectangular-tab-tab.nz-collapsed:not(.nz-bottom-panel-anchor):not(.nz-top-panel-anchor) { width: 6px; } .nz-widget-rectangular-tab-tab.nz-collapsed.nz-bottom-panel-anchor, .nz-widget-rectangular-tab-tab.nz-collapsed.nz-top-panel-anchor { height: 6px; width: 60px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-toolSettings-tab { width: 50px; height: 25px; background-color: var(--buic-background-tab-inactive); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; pointer-events: auto; transition: all 500ms ease; color: var(--buic-foreground-body); margin: 0 auto; opacity: var(--buic-widget-opacity, 0.9); border-width: 1px; border-style: solid; border-color: var(--buic-background-widget-stroke); border-radius: 3px; } .nz-widget-toolSettings-tab:hover { opacity: 1; } .nz-widget-toolSettings-tab > * { filter: drop-shadow(-0.4px 0.9px 0 var(--buic-foreground-body-reverse)); } .nz-widget-toolSettings-tab:hover { color: var(--buic-foreground-primary-tone); transition-duration: 150ms; } .nz-widget-toolSettings-tab:hover > * { filter: drop-shadow(0 0 0 transparent); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widgetPanels-content:not(.nz-pinned-left) { grid-column-start: 1; } .nz-widgetPanels-content.nz-pinned-left { grid-column-start: 2; } .nz-widgetPanels-content:not(.nz-pinned-right) { grid-column-end: 4; } .nz-widgetPanels-content.nz-pinned-right { grid-column-end: 3; } .nz-widgetPanels-content:not(.nz-pinned-top) { grid-row-start: 1; } .nz-widgetPanels-content.nz-pinned-top { grid-row-start: 2; } .nz-widgetPanels-content:not(.nz-pinned-bottom) { grid-row-end: 4; } .nz-widgetPanels-content.nz-pinned-bottom { grid-row-end: 3; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-widgetPanels-panels { display: grid; background-color: var(--buic-background-widget-panel); grid-template-columns: minmax(0, auto) 1fr minmax(0, auto); grid-template-rows: minmax(0, auto) 1fr minmax(0, auto); overflow: hidden; position: relative; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widgetPanels-centerContent { pointer-events: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widgetPanels-expander { position: absolute; } .nz-widgetPanels-expander.nz-left { width: 1em; height: 100%; top: 0; left: 0; } .nz-widgetPanels-expander.nz-right { width: 1em; height: 100%; top: 0; right: 0; } .nz-widgetPanels-expander.nz-top { width: 100%; height: 1em; top: 0; left: 0; } .nz-widgetPanels-expander.nz-bottom { width: 100%; height: 1em; bottom: 0; left: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-zones-outline { padding: 5px; box-sizing: border-box; position: absolute; z-index: 7000; } .nz-zones-outline:after { content: ""; width: 100%; height: 100%; box-shadow: 0 0 5px 5px #8cd2ff, 0 0 5px 5px #8cd2ff inset; display: block; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-zones-zone { transition: visibility 0.5s ease, opacity 0.5s ease; } .nz-zones-zone:not(.nz-zone-8):not(.nz-floating), .nz-zones-zone.nz-zone-8:not(.nz-footer-mode) { padding: 10px; box-sizing: border-box; } .nz-zones-zone.nz-hidden { opacity: 0; visibility: hidden; } .nz-zones-zone > div { height: 100%; box-sizing: border-box; } .nz-zones-zone.nz-safe-area-left.nz-zone-1 > div { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-zones-zone.nz-safe-area-left.nz-zone-4 > div { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-zones-zone.nz-safe-area-left.nz-zone-7 > div { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-zones-zone.nz-safe-area-top.nz-zone-1 > div { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-zones-zone.nz-safe-area-top.nz-zone-2 > div { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-zones-zone.nz-safe-area-top.nz-zone-3 > div { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-zones-zone.nz-safe-area-right.nz-zone-3 > div { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-zones-zone.nz-safe-area-right.nz-zone-6 > div { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-zones-zone.nz-safe-area-right.nz-zone-9 > div { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-zones-zone.nz-safe-area-bottom.nz-zone-7:not(.nz-footer-mode) > div { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } .nz-zones-zone.nz-safe-area-bottom.nz-zone-8:not(.nz-footer-mode) > div { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } .nz-zones-zone.nz-safe-area-bottom.nz-zone-9:not(.nz-footer-mode) > div { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .nz-zones-zones { position: relative; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; visibility: visible; pointer-events: none; transition: visibility 0.5s ease, opacity 0.5s ease; } .nz-zones-zones.nz-hidden { opacity: 0; visibility: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-zones-target-arrow { color: var(--buic-foreground-body-reverse); display: flex; align-items: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nz-zones-target-arrow:before { content: ""; background-color: currentColor; width: 20px; height: 15px; } .nz-zones-target-arrow:after { content: ""; position: relative; left: -1px; border-width: 12.5px 0 12.5px 15px; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent currentColor; } .nz-zones-target-arrow.nz-zone-6 { transform: rotateZ(0deg) translate3d(0, 0, 1px); } .nz-zones-target-arrow.nz-zone-9 { transform: rotateZ(45deg) translate3d(0, 0, 1px); } .nz-zones-target-arrow.nz-zone-8 { transform: rotateZ(90deg) translate3d(0, 0, 1px); } .nz-zones-target-arrow.nz-zone-7 { transform: rotateZ(135deg) translate3d(0, 0, 1px); } .nz-zones-target-arrow.nz-zone-4 { transform: rotateZ(180deg) translate3d(0, 0, 1px); } .nz-zones-target-arrow.nz-zone-1 { transform: rotateZ(225deg) translate3d(0, 0, 1px); } .nz-zones-target-arrow.nz-zone-2 { transform: rotateZ(270deg) translate3d(0, 0, 1px); } .nz-zones-target-arrow.nz-zone-3 { transform: rotateZ(315deg) translate3d(0, 0, 1px); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-zones-target-zone { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; pointer-events: none; z-index: 6000; } .nz-zones-target-zone > .nz-zones-target-target { background: radial-gradient(farthest-side at 50% 50%, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.25s ease-out; pointer-events: auto; width: 100px; height: 100px; border-radius: 50px/50px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nz-zones-target-zone > .nz-zones-target-target:hover, .nz-zones-target-zone > .nz-zones-target-target.nz-targeted { background: radial-gradient(farthest-side at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); width: 110px; height: 110px; border-radius: 55px/55px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-zones-target-splitter { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.05); pointer-events: all; cursor: pointer; z-index: 6000; } .nz-zones-target-splitter:hover, .nz-zones-target-splitter.nz-targeted { background-color: rgba(0, 0, 0, 0.3); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-zones-target-splitterPane { position: absolute; left: 0; top: 0; } .nz-zones-target-splitterPane > .nz-zones-target-target:hover > .nz-overlay, .nz-zones-target-splitterPane > .nz-zones-target-target.nz-targeted > .nz-overlay { background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-zones-target-stagePanel { position: absolute; pointer-events: all; cursor: pointer; z-index: 6000; } .nz-zones-target-stagePanel.nz-panel-bottom { bottom: 0; } .nz-zones-target-stagePanel.nz-panel-bottom:after { background-image: linear-gradient(to bottom, transparent, 25%, rgba(0, 0, 0, 0.6)); } .nz-zones-target-stagePanel.nz-panel-bottom:hover:after, .nz-zones-target-stagePanel.nz-panel-bottom.nz-targeted:after { background-image: linear-gradient(to bottom, transparent, 25%, #8cd2ff); } .nz-zones-target-stagePanel.nz-panel-bottom:after { bottom: 0; } .nz-zones-target-stagePanel.nz-panel-left { left: 0; } .nz-zones-target-stagePanel.nz-panel-left:after { background-image: linear-gradient(to left, transparent, 25%, rgba(0, 0, 0, 0.6)); } .nz-zones-target-stagePanel.nz-panel-left:hover:after, .nz-zones-target-stagePanel.nz-panel-left.nz-targeted:after { background-image: linear-gradient(to left, transparent, 25%, #8cd2ff); } .nz-zones-target-stagePanel.nz-panel-left:after { width: 8px; } .nz-zones-target-stagePanel.nz-panel-right { right: 0; } .nz-zones-target-stagePanel.nz-panel-right:after { background-image: linear-gradient(to right, transparent, 25%, rgba(0, 0, 0, 0.6)); } .nz-zones-target-stagePanel.nz-panel-right:hover:after, .nz-zones-target-stagePanel.nz-panel-right.nz-targeted:after { background-image: linear-gradient(to right, transparent, 25%, #8cd2ff); } .nz-zones-target-stagePanel.nz-panel-right:after { right: 0; } .nz-zones-target-stagePanel.nz-panel-top { top: 0; } .nz-zones-target-stagePanel.nz-panel-top:after { background-image: linear-gradient(to top, transparent, 25%, rgba(0, 0, 0, 0.6)); } .nz-zones-target-stagePanel.nz-panel-top:hover:after, .nz-zones-target-stagePanel.nz-panel-top.nz-targeted:after { background-image: linear-gradient(to top, transparent, 25%, #8cd2ff); } .nz-zones-target-stagePanel.nz-panel-top:after { top: 0; } .nz-zones-target-stagePanel.nz-panel-bottom, .nz-zones-target-stagePanel.nz-panel-top { height: 22px; width: 100%; } .nz-zones-target-stagePanel.nz-panel-bottom:after, .nz-zones-target-stagePanel.nz-panel-top:after { height: 8px; width: 100%; } .nz-zones-target-stagePanel.nz-panel-bottom:hover:after, .nz-zones-target-stagePanel.nz-panel-bottom.nz-targeted:after, .nz-zones-target-stagePanel.nz-panel-top:hover:after, .nz-zones-target-stagePanel.nz-panel-top.nz-targeted:after { height: 12px; } .nz-zones-target-stagePanel.nz-panel-left, .nz-zones-target-stagePanel.nz-panel-right { height: 100%; width: 22px; } .nz-zones-target-stagePanel.nz-panel-left:after, .nz-zones-target-stagePanel.nz-panel-right:after { height: 100%; width: 8px; } .nz-zones-target-stagePanel.nz-panel-left:hover:after, .nz-zones-target-stagePanel.nz-panel-left.nz-targeted:after, .nz-zones-target-stagePanel.nz-panel-right:hover:after, .nz-zones-target-stagePanel.nz-panel-right.nz-targeted:after { width: 12px; } .nz-zones-target-stagePanel:after { content: ""; transition: all 0.2s linear; position: absolute; } .nz-zones-target-stagePanel.nz-safe-area-left.nz-panel-left:after { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .nz-zones-target-stagePanel.nz-safe-area-top.nz-panel-top:after { /* iOS 11 */ padding-top: constant(safe-area-inset-top); /* iOS 11.2+ */ padding-top: env(safe-area-inset-top); } .nz-zones-target-stagePanel.nz-safe-area-right.nz-panel-right:after { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .nz-zones-target-stagePanel.nz-safe-area-bottom.nz-panel-bottom:after { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ #uifw-contentlayout-div { position: absolute; top: 0; left: 0; right: 0; height: 100%; pointer-events: auto; } #uifw-contentlayout-div .Pane2 { height: 100%; } #uifw-contentlayout-div .Resizer { background: #b4b4b4; box-sizing: border-box; background-clip: padding-box; margin: 0; } #uifw-contentlayout-div .Resizer:hover { transition: all 2s ease; } #uifw-contentlayout-div .Resizer.horizontal { height: 6px; min-height: 6px; cursor: ns-resize; width: 100%; } @media (max-width: 1099px) { #uifw-contentlayout-div .Resizer.horizontal { height: 14px; min-height: 14px; } } #uifw-contentlayout-div .Resizer.vertical { width: 6px; min-width: 6px; cursor: ew-resize; } @media (max-width: 1099px) { #uifw-contentlayout-div .Resizer.vertical { width: 14px; min-width: 14px; } } #uifw-contentlayout-div .Resizer.disabled { cursor: not-allowed; } #uifw-contentlayout-div .Resizer.disabled:hover { border-color: transparent; } #uifw-contentlayout-div .uifw-contentlayout-full-size { height: 100%; width: 100%; } div.uifw-contentlayout-full-size div.SplitPane div.Pane { overflow: hidden; } .uifw-contentlayout-wrapper { position: relative; width: 100%; height: 100%; } .uifw-contentlayout-wrapper .uifw-contentlayout-overlay-div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-style: solid; border-width: 4px 0 0 0; box-sizing: border-box; pointer-events: none; } .uifw-contentlayout-wrapper .uifw-contentlayout-overlay-div.uifw-contentlayout-overlay-active { border-color: #ff6600; } .uifw-contentlayout-wrapper .uifw-contentlayout-overlay-div.uifw-contentlayout-overlay-inactive { border-color: transparent; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-stagepanel { background-color: var(--buic-background-widget); box-sizing: border-box; } .uifw-stagepanel.nz-panel-top { border-bottom: 1px solid var(--buic-background-widget-stroke); } .uifw-stagepanel.nz-panel-left { border-right: 1px solid var(--buic-background-widget-stroke); } .uifw-stagepanel.nz-panel-right { border-left: 1px solid var(--buic-background-widget-stroke); } .uifw-stagepanel.nz-panel-bottom { border-top: 1px solid var(--buic-background-widget-stroke); } .uifw-stagepanel .uifw-content { display: flex; height: 100%; flex-direction: column; } .uifw-stagepanel .uifw-content > .uifw-widgets { flex: 1 1; position: relative; } .uifw-stagepanel-off { display: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-sheet-navigation { height: 96px; width: 96px; box-sizing: border-box; border-color: var(--buic-background-widget-stroke); border-width: 1px; border-radius: 3px; border-style: solid; color: var(--buic-foreground-body); background: var(--buic-background-window); position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .uifw-sheet-navigation > .sheet-title { font-size: 12px; font-weight: bold; } .uifw-sheet-navigation > .sheet-name { cursor: pointer; font-size: 11px; z-index: 1; height: 46px; overflow: hidden; margin: 0 2px; } .uifw-sheet-navigation > .sheet-name:focus { outline: none; } .uifw-sheet-navigation > .sheet-container { flex: 1 1 100%; display: flex; align-items: center; justify-content: space-between; font-size: 11px; } .uifw-sheet-navigation > .sheet-container > * { text-align: center; } .uifw-sheet-navigation > .sheet-container > .sheet-caret { cursor: pointer; font-size: 15px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); z-index: 1; } .uifw-sheet-navigation > .sheet-container > .sheet-caret:active { color: var(--buic-foreground-body-reverse); filter: drop-shadow(0 0 0 transparent); } .uifw-sheet-navigation > .sheet-container > .sheet-caret:hover { color: var(--buic-foreground-primary); } .uifw-sheet-navigation > .sheet-container > .sheet-caret:focus { outline: none; } .uifw-sheet-navigation > .gradient { background: linear-gradient(to bottom, var(--buic-button-gradient1), var(--buic-button-gradient2)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-sheet-card { position: relative; background-color: #f1f1f1; width: 200px; height: 250px; margin: 10px; padding: 10px; text-align: center; font-size: 16px; font-weight: bold; border-color: #f1f1f1; border-width: 8px; border-radius: 12px; border-style: solid; box-sizing: border-box; -webkit-user-select: none; user-select: none; } .uifw-sheet-card:hover { cursor: pointer; } .uifw-sheet-card:focus { outline: none; } .uifw-sheet-card .sheet-image-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .uifw-sheet-card .sheet-image-container .icon { width: 50px; height: 50px; font-size: 50px; } .uifw-sheet-card .sheet-index { position: absolute; width: 100%; bottom: 10px; left: 0; } .uifw-sheet-card.is-active { border-color: #008be1; } .uifw-sheet-card.is-pressed { border-color: #008be1; } .uifw-sheet-card:not(.is-active):not(.is-pressed):hover { border-color: #a6ddff; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-progress-indicator-linear{ margin:0; padding:0; border:none; vertical-align:baseline; text-align:left; display:block; } .iui-progress-indicator-linear > .iui-track{ width:100%; height:4px; overflow:hidden; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-progress-indicator-linear > .iui-track > .iui-fill{ display:inline-block; height:100%; vertical-align:top; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-progress-indicator-linear > .iui-label{ align-items:center; width:100%; overflow:hidden; margin-top:4px; display:flex; font-size:12px; justify-content:space-between; } .iui-progress-indicator-linear > .iui-label > :only-child{ margin:0 auto; } .iui-progress-indicator-linear > .iui-label > :last-child:not(:first-child){ -webkit-user-select:none; user-select:none; } .iui-progress-indicator-linear > .iui-label svg{ display:flex; width:16px; height:16px; } .iui-progress-indicator-linear.iui-positive > .iui-track, .iui-progress-indicator-linear.iui-positive > .iui-track > *{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label > span::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear.iui-negative > .iui-track > *{ width:100%; background-color:#D30A0A; background-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label > span::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear > .iui-track > .iui-determinate{ transition:width 2s ease-in-out; } .iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive) > .iui-track > .iui-indeterminate{ width:100%; animation:iui-progress-indicator-linear-animate-indeterminate 1.5s infinite linear; } @keyframes iui-progress-indicator-linear-animate-indeterminate{ 0%{ transform:translateX(-60%) scaleX(0); } 40%{ transform:translateX(-40%) scaleX(0.4); } 100%{ transform:translateX(100%) scaleX(0.5); } } .iui-progress-indicator-radial-ie{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-block; position:relative; box-sizing:border-box; height:100%; width:100%; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-progress-indicator-radial-ie::after{ position:relative; box-sizing:border-box; content:''; width:100%; height:100%; display:inline-block; border:3px solid currentColor; border-radius:100%; background-color:transparent; animation:dash 0.8s linear infinite; border-bottom-color:#C7CCD1; border-bottom-color:var(--iui-color-background-5); } @keyframes dash{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .iui-progress-indicator-radial{ position:relative; display:inline-block; width:32px; height:32px; } .iui-progress-indicator-radial > .iui-radial{ height:100%; width:100%; } .iui-progress-indicator-radial > .iui-radial > circle.iui-fill{ stroke:#008BE1; stroke:var(--iui-color-foreground-primary); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial > .iui-radial > circle.iui-track{ stroke:#C7CCD1; stroke:var(--iui-color-background-5); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial .iui-inner-content{ position:absolute; display:flex; width:calc(100% - 8px); height:calc(100% - 8px); left:50%; top:50%; transform:translate(-50%, -50%); align-items:center; justify-content:center; font-size:12px; -webkit-user-select:none; user-select:none; overflow:hidden; } .iui-progress-indicator-radial .iui-inner-content svg, .iui-progress-indicator-radial .iui-inner-content img{ display:flex; width:16px; height:16px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-progress-indicator-radial .iui-inner-content svg:hover, .iui-progress-indicator-radial .iui-inner-content img:hover{ fill:black; fill:var(--iui-icons-color-actionable-hover); } .iui-progress-indicator-radial.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill, .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{ stroke:#53A21A; stroke:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#53A21A; border-bottom-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{ stroke:#D30A0A; stroke:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#D30A0A; border-bottom-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-x-small{ width:16px; height:16px; } .iui-progress-indicator-radial.iui-x-small .iui-inner-content{ display:none; } .iui-progress-indicator-radial.iui-small{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-large{ width:48px; height:48px; } .iui-progress-indicator-radial.iui-large .iui-inner-content{ font-size:16px; } .iui-progress-indicator-radial.iui-large .iui-inner-content svg, .iui-progress-indicator-radial.iui-large .iui-inner-content img{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{ transform:rotate(-90deg); } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{ stroke-dasharray:88; transition:stroke-dashoffset 0.5s ease-in-out; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{ animation:rotate-indeterminate 2s linear infinite; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{ animation:dash-indeterminate 1.5s ease-in-out infinite; } @keyframes rotate-indeterminate{ 100%{ transform:rotate(360deg); } } @keyframes dash-indeterminate{ 0%{ stroke-dasharray:1, 88; } 50%{ stroke-dasharray:88, 88; stroke-dashoffset:-22; } 100%{ stroke-dasharray:88, 88; stroke-dashoffset:-88; } } .iui-progress-indicator-overlay{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; z-index:10000; pointer-events:none; background-color:rgba(255, 255, 255, 0.8); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-2)); } @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){ .iui-progress-indicator-overlay{ background-color:rgba(255, 255, 255, 0.6); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-3)); backdrop-filter:blur(5px); } } .iui-progress-indicator-overlay:focus, .iui-progress-indicator-overlay:focus-visible{ outline:0; } .iui-progress-indicator-overlay .iui-progress-indicator-linear{ width:50%; max-width:33vw; } @keyframes closeAnimation{ from{ opacity:1; opacity:var(--iui-opacity-1); } to{ opacity:0; } } .iui-progress-indicator-overlay .iui-overlay-exiting{ animation:closeAnimation 0.2s linear; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-body{ background-color:#F8F9FB; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-2); color:var(--iui-text-color); font-size:14px; line-height:22px; scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-body::-webkit-scrollbar{ width:8px; height:8px; } .iui-body::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } .iui-body::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{ background-color:transparent; } .iui-body.iui-no-webfonts{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-anchor{ text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-anchor:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:focus:not(:focus-visible){ box-shadow:none; } .iui-anchor:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-anchor:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } [class*='iui-'], [class*='iui-'] *{ scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; } [class*='iui-'] ::selection, [class*='iui-'] * ::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } [class*='iui-']::-webkit-scrollbar, [class*='iui-'] *::-webkit-scrollbar{ width:8px; height:8px; } [class*='iui-']::-webkit-scrollbar-thumb, [class*='iui-'] *::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } [class*='iui-']::-webkit-scrollbar-thumb:hover, [class*='iui-'] *::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } [class*='iui-']::-webkit-scrollbar-track, [class*='iui-']::-webkit-scrollbar-corner, [class*='iui-'] *::-webkit-scrollbar-track, [class*='iui-'] *::-webkit-scrollbar-corner{ background-color:transparent; } html, html.iui-theme-light{ --iui-color-background-1-rgb:255, 255, 255; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:248, 249, 251; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-2-opacity-rgb:255, 255, 255,0.8; --iui-color-background-2-opacity:rgb(var(--iui-color-background-2-opacity-rgb)); --iui-color-background-3-rgb:238, 240, 243; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:220, 224, 227; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:225, 233, 249; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:238, 240, 243; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:0, 0, 0; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:255, 255, 255; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:0,0,0; /*255,255,255;*/ --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:0, 139, 225; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:83, 162, 26; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:211, 10, 10; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:241, 139, 18; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 107.49333, 174; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); --iui-operateBtn-background: 248, 249, 251; --iui-operateBtn-icons-color: rgb(0,0,0); --iui-titleBar-background: rgb(225, 233, 249); --iui-header:rgb(225, 233, 249); --iui-header-color:rgb(0,0,0); --iui-expanded-header-color:rgb(0,0,0); } /*0, 142, 198 */ html, html.iui-theme-blue{ --iui-color-background-1-rgb:255, 255, 255; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:248, 252, 253; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-2-opacity-rgb:255, 255, 255,0.8; --iui-color-background-2-opacity:rgb(var(--iui-color-background-2-opacity-rgb)); --iui-color-background-3-rgb:238, 240, 243; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); /*--iui-color-background-4-rgb:220, 224, 227;*/ --iui-color-background-4-rgb: 235, 242, 246; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:225, 233, 249 ; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:238, 240, 243; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:0,0,0; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:255, 255, 255; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:0, 139, 225; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:83, 162, 26; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:211, 10, 10; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:241, 139, 18; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 107.49333, 174; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); --iui-operateBtn-background: 0, 142, 198; --iui-operateBtn-icons-color: rgb(255,255,255); --iui-titleBar-background: rgb(0, 142, 198); --iui-header:rgb(239,243,245); --iui-header-color:rgb(0,0,0); --iui-expanded-header-color:rgb(255,255,255); } html.iui-theme-dark{ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-2-opacity-rgb:79, 93, 101,0.8; --iui-color-background-2-opacity:rgb(var(--iui-color-background-2-opacity-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:68,80,88; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); --iui-operateBtn-background: 79, 93, 101; --iui-operateBtn-icons-color: rgb(255,255,255); --iui-titleBar-background: rgb(79, 93, 101); --iui-header:rgb(79, 93, 101); --iui-header-color:rgb(255,255,255); --iui-expanded-header-color:rgb(255,255,255); } @media (prefers-color-scheme: dark){ html:not([class*='iui-theme-']){ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); --iui-operateBtn-background: 79, 93, 101; --iui-operateBtn-icons-color: rgb(255,255,255); } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-standard-rotation-navigation > .expandable .icon-button { height: 64px; width: 64px; font-size: 36px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-pointer-message { border-color: var(--buic-background-panel-stroke); border-radius: 3px; border-style: solid; border-width: 1px; background-color: rgba(var(--buic-background-2-rgb), 0.8); } .uifw-pointer-message .uifw-pointer-message-content { display: flex; flex-direction: row; align-items: center; } .uifw-pointer-message .uifw-pointer-message-content > .uifw-pointer-message-icon { padding-left: 3px; padding-right: 3px; } .uifw-pointer-message .uifw-pointer-message-content > .uifw-pointer-message-text { color: var(--buic-foreground-body); padding-left: 3px; padding-right: 3px; } .uifw-pointer-message .uifw-pointer-message-content > .uifw-pointer-message-text > .uifw-pointer-message-brief { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--buic-foreground-body); } .uifw-pointer-message .uifw-pointer-message-content > .uifw-pointer-message-text > .uifw-pointer-message-detailed { font-size: 12px; font-weight: 400; line-height: 22px; color: var(--buic-foreground-body); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .uifw-card { background-color: var(--buic-background-card); z-index: 3000; } .uifw-card .uifw-card-content { padding: 6px 10px; } .uifw-card .uifw-card-separator { height: 2px; margin-bottom: 1px; background: rgba(var(--buic-foreground-body-reverse-rgb), 0.45); } .uifw-card-gap { height: 4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-cursorpopup { border-color: var(--buic-background-panel-stroke); border-radius: 3px; border-style: solid; border-width: 1px; background-color: rgba(var(--buic-background-2-rgb), 0.8); position: fixed; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; transition: opacity 500ms; } .uifw-cursorpopup > .uifw-cursorpopup-title { min-height: 24px; opacity: 0.8; } .uifw-cursorpopup > .uifw-cursorpopup-content { padding: 5px; } .uifw-cursorpopup.uifw-cursorpopup-fadeOut { opacity: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-position-popup { border-color: var(--buic-background-panel-stroke); border-radius: 3px; border-style: solid; border-width: 1px; background-color: rgba(var(--buic-background-2-rgb), 0.8); position: fixed; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; } .uifw-position-popup .uifw-position-popup-content { padding: 5px; } .uifw-position-popup.uifw-no-border { border-width: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-text-headline{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:32px; font-weight:300; line-height:44px; } .iui-text-title{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:24px; font-weight:300; line-height:33px; } .iui-text-subheading{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:18px; font-weight:400; line-height:33px; } .iui-text-leading{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:16px; font-weight:400; line-height:22px; } .iui-text-block{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:14px; font-weight:400; line-height:22px; } .iui-text-small{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:12px; font-weight:400; line-height:22px; } .iui-text-muted{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-skeleton{ display:inline-block; -webkit-user-select:none; user-select:none; color:transparent; border-radius:3px; background:linear-gradient(270deg, #EEF0F3, #EEF0F3, #F8F9FB, #EEF0F3, #EEF0F3); background-size:200% 100%; background:linear-gradient(270deg, var(--iui-color-background-3), var(--iui-color-background-3), var(--iui-color-background-2), var(--iui-color-background-3), var(--iui-color-background-3)); background-size:200% 100%; } @media (prefers-reduced-motion: no-preference){ .iui-skeleton{ animation:skeleton-shimmer 0.8s linear infinite; } @keyframes skeleton-shimmer{ 0%{ background-position:200% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } } } .iui-text-spacing{ padding:0; margin:0 0 22px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .uifw-command-palette-popup-container { z-index: 25000; box-sizing: border-box; background: var(--buic-background-control); color: var(--buic-foreground-body); box-shadow: 0px 3px 6px var(--buic-popup-boxshadow); } .uifw-command-palette-popup-container .uifw-command-palette-panel { margin: 4px; width: 30vw; min-width: 20em; max-height: 50vh; display: flex; flex-direction: column; } .uifw-command-palette-popup-container .uifw-history-bottom-border { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-input-container{ margin:0; padding:0; border:none; vertical-align:baseline; display:grid; -ms-grid-rows:auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' / auto 1fr; cursor:default; } .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-icon > .iui-input, .iui-input-container.iui-inline-icon > .iui-textarea{ padding-right:40px; } .iui-input-container.iui-inline-icon > .iui-input:last-child, .iui-input-container.iui-inline-icon > .iui-textarea:last-child{ padding-right:12px; } .iui-input-container.iui-with-message{ -ms-grid-rows:auto auto auto; -ms-grid-columns:auto 1fr; grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; } .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ margin-top:3px; } .iui-input-container .iui-input, .iui-input-container .iui-textarea, .iui-input-container .iui-input-group, .iui-input-container .iui-select{ -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; grid-area:inputs; -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; } label.iui-input-container{ cursor:pointer; } label.iui-input-container.iui-disabled{ cursor:not-allowed; } .iui-input-container.iui-disabled label{ cursor:not-allowed; } .iui-input-container .iui-checkbox, .iui-input-container .iui-radio{ min-height:22px; } .iui-input-container.iui-inline-label{ -ms-grid-rows:auto; -ms-grid-columns:auto 1fr auto; grid-template:'label inputs icon' / auto 1fr auto; } div.iui-input-container.iui-inline-label{ -ms-grid-columns:auto min-content auto; } .iui-input-container.iui-inline-label .iui-input, .iui-input-container.iui-inline-label .iui-textarea, .iui-input-container.iui-inline-label .iui-input-group, .iui-input-container.iui-inline-label .iui-select{ -ms-grid-row:1; -ms-grid-column:2; } .iui-input-container.iui-inline-label .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; } .iui-input-container.iui-inline-label.iui-with-message{ -ms-grid-rows:auto auto; -ms-grid-columns:auto auto 1fr; grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; } .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-label.iui-with-message .iui-message{ -ms-grid-row:2; -ms-grid-column:3; } .iui-input-container.iui-inline-label > .iui-input-group{ display:flex; grid-gap:16px; gap:16px; } .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:16px; } @supports (gap: 16px){ .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:0; } } .iui-input-container.iui-inline-label > .iui-input-group:not(:last-child){ margin-right:16px; } .iui-input-container > .iui-label{ -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:2; font-weight:600; margin-bottom:3px; grid-area:label; align-self:center; } .iui-input-container > .iui-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container > .iui-input-icon{ -ms-grid-row:3; -ms-grid-column:1; display:flex; grid-area:icon; width:16px; height:16px; align-self:center; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-input-container > .iui-input-icon:not(:last-child){ margin-right:4px; } .iui-input-container .iui-message{ -ms-grid-row:3; -ms-grid-column:2; font-size:12px; grid-area:message; margin-top:3px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-input-container .iui-message a{ -webkit-user-select:none; user-select:none; } .iui-input-container.iui-inline-label > .iui-label{ margin:0 16px 0 0; -ms-grid-column-span:1; } .iui-input-container.iui-inline-label > .iui-label.iui-required{ margin-right:6px; } .iui-input-container.iui-inline-icon > .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; grid-area:inputs; justify-self:end; margin:0 12px 0 0; position:relative; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{ height:100%; width:-moz-fit-content; width:fit-content; margin-right:0; border-top-left-radius:0; border-bottom-left-radius:0; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{ align-items:center; height:90%; margin-right:1px; padding:0 12px; cursor:pointer; background-position:center; transition:background 0.4s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{ background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{ background-color:var(--iui-color-background-2); background-size:100%; transition:background 0s; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{ width:16px; height:16px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); transition:transform 0.2s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{ transform:rotate(180deg); } .iui-input-container.iui-positive *::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-positive .iui-input-icon{ fill:#53A21A; fill:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a{ text-decoration:underline; color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a:hover{ text-decoration:none; color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-input-container.iui-positive > .iui-input, .iui-input-container.iui-positive > .iui-textarea, .iui-input-container.iui-positive > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #53A21A; border-bottom:2px solid var(--iui-color-foreground-positive); } .iui-input-container.iui-positive > .iui-input.iui-small, .iui-input-container.iui-positive > .iui-textarea.iui-small, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-positive > .iui-input.iui-large, .iui-input-container.iui-positive > .iui-textarea.iui-large, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-positive > .iui-input:focus, .iui-input-container.iui-positive > .iui-textarea:focus, .iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #53A21A; box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-positive); box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-negative *::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-negative .iui-input-icon{ fill:#D30A0A; fill:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a{ text-decoration:underline; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a:hover{ text-decoration:none; color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-input-container.iui-negative > .iui-input, .iui-input-container.iui-negative > .iui-textarea, .iui-input-container.iui-negative > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #D30A0A; border-bottom:2px solid var(--iui-color-foreground-negative); } .iui-input-container.iui-negative > .iui-input.iui-small, .iui-input-container.iui-negative > .iui-textarea.iui-small, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-negative > .iui-input.iui-large, .iui-input-container.iui-negative > .iui-textarea.iui-large, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-negative > .iui-input:focus, .iui-input-container.iui-negative > .iui-textarea:focus, .iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #D30A0A; box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-negative); box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-container.iui-warning *::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-warning .iui-input-icon{ fill:#F18B12; fill:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a{ text-decoration:underline; color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a:hover{ text-decoration:none; color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-input-container.iui-warning > .iui-input, .iui-input-container.iui-warning > .iui-textarea, .iui-input-container.iui-warning > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #F18B12; border-bottom:2px solid var(--iui-color-foreground-warning); } .iui-input-container.iui-warning > .iui-input.iui-small, .iui-input-container.iui-warning > .iui-textarea.iui-small, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-warning > .iui-input.iui-large, .iui-input-container.iui-warning > .iui-textarea.iui-large, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-warning > .iui-input:focus, .iui-input-container.iui-warning > .iui-textarea:focus, .iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #F18B12; box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px; border-bottom:2px solid var(--iui-color-foreground-warning); box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; } .iui-input-label{ font-weight:600; margin-bottom:3px; cursor:default; display:block; } .iui-input-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } label.iui-input-label{ cursor:pointer; } label.iui-input-label.iui-disabled{ cursor:not-allowed; } .iui-input-label.iui-inline{ margin:0 16px 0 0; -ms-grid-column-span:1; display:inline-flex; align-items:center; } .iui-input-label.iui-inline.iui-required{ margin-right:6px; } .iui-input{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-input{ transition:border-color 0.2s ease-out; } } .iui-input.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-input.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-input::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-input:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-input:hover{ transition:border-color 0.2s ease-out; } } .iui-input[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-input:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); resize:vertical; min-height:38px; } @media (prefers-reduced-motion: no-preference){ .iui-textarea{ transition:border-color 0.2s ease-out; } } .iui-textarea.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-textarea.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-textarea::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-textarea:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-textarea:hover{ transition:border-color 0.2s ease-out; } } .iui-textarea[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-textarea:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-textarea[disabled], .iui-textarea[readonly]{ resize:none; } .iui-select{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; position:relative; width:100%; } .iui-select > .iui-select-button{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); display:flex; align-items:center; min-height:38px; padding-right:32px; -webkit-user-select:none; user-select:none; position:relative; } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select > .iui-select-button.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-select > .iui-select-button::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button:hover{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-select > .iui-select-button:focus{ outline:0; border-color:rgba(0, 0, 0, 0.4); box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-select > .iui-select-button:focus:not(:focus-visible){ box-shadow:none; } .iui-select > .iui-select-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-select > .iui-select-button > .iui-icon + .iui-content{ margin-left:8px; } .iui-select > .iui-select-button > .iui-content{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .iui-select > .iui-select-button.iui-placeholder{ color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button::after{ content:''; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(0, 0, 0, 0.8); border-top:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-select > .iui-select-button:hover::after{ border-bottom:none; border-top:5px solid black; border-top:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-active::after{ border-top:none; border-bottom:5px solid rgba(0, 0, 0, 0.8); border-bottom:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button.iui-active:hover::after{ border-bottom:5px solid black; border-bottom:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-disabled{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-select > .iui-select-button.iui-disabled::after{ border-top:5px solid rgba(0, 0, 0, 0.2); border-top:5px solid var(--iui-icons-color-actionable-disabled); } .iui-select.iui-small .iui-select-button{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select.iui-large .iui-select-button{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-checkbox{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-checkbox > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-checkbox.iui-disabled{ cursor:not-allowed; } .iui-checkbox .iui-checkbox-checkmark, .iui-checkbox .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial), .iui-checkbox .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-checkbox > .iui-label{ margin-right:8px; } .iui-checkbox > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-checkbox .iui-checkbox-checkmark ~ .iui-label, .iui-checkbox .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-checkbox input:checked ~ .iui-checkbox-checkmark, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark, .iui-checkbox input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark, .iui-checkbox input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark path, .iui-checkbox input:disabled ~ .iui-checkbox-checkmark g, .iui-checkbox input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-checkbox input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-checkbox.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-checkbox.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-checkbox .iui-checkbox-checkmark{ border-radius:3px; } .iui-checkbox.iui-loading{ cursor:wait; } .iui-checkbox.iui-loading input ~ .iui-checkbox-checkmark{ border:none; background-color:transparent; } .iui-checkbox.iui-loading input:disabled ~ .iui-checkbox-checkmark{ cursor:wait; } .iui-checkbox.iui-loading input:disabled ~ .iui-label{ cursor:wait; } .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark, .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ border:none; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark{ background-color:transparent; } .iui-checkbox-visibility .iui-checkbox-checkmark svg:not(.iui-radial){ width:16px; height:16px; } .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck, .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:0; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:1; transition:opacity 0.2s ease; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-radio > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio.iui-disabled{ cursor:not-allowed; } .iui-radio .iui-checkbox-checkmark, .iui-radio .iui-radio-dot{ box-sizing:border-box; width:16px; height:16px; margin:0; display:flex; justify-content:center; align-items:center; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial), .iui-radio .iui-radio-dot svg:not(.iui-radial){ width:12px; height:12px; } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; fill:#008BE1; fill:var(--iui-icons-color-primary); } @media (prefers-reduced-motion: no-preference){ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-radio > .iui-label{ margin-right:8px; } .iui-radio > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio .iui-checkbox-checkmark ~ .iui-label, .iui-radio .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ transition:all 0.2s ease-out; } } .iui-radio input:checked ~ .iui-checkbox-checkmark, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark, .iui-radio input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-radio input:enabled:focus ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus ~ .iui-radio-dot{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ box-shadow:none; } .iui-radio input:disabled ~ .iui-checkbox-checkmark, .iui-radio input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-radio input:disabled ~ .iui-checkbox-checkmark path, .iui-radio input:disabled ~ .iui-checkbox-checkmark g, .iui-radio input:disabled ~ .iui-radio-dot circle{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-radio.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-radio.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-radio .iui-radio-dot{ border-radius:50%; } .iui-radio-tile-container{ display:inline-flex; flex-wrap:wrap; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; z-index:0; } .iui-radio-tile-container > label{ cursor:pointer; } .iui-radio-tile-container > label > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio-tile-container > label > .iui-radio-tile{ width:160px; height:100%; box-sizing:border-box; padding:8px; position:relative; z-index:1; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ width:32px; height:32px; display:block; margin:0 auto; margin-top:6px; margin-bottom:11px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-checkmark{ display:none; width:16px; height:16px; position:absolute; right:8px; fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-label{ font-size:14px; font-weight:600; line-height:22px; text-align:center; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-description{ font-size:12px; line-height:15px; text-align:center; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label:first-child > .iui-radio-tile{ border-radius:3px 0 0 3px; } .iui-radio-tile-container > label:last-child > .iui-radio-tile{ border-radius:0 3px 3px 0; } .iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{ margin-left:-1px; } .iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ z-index:2; border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile{ padding:7px; z-index:3; border:2px solid #008BE1; border:2px solid var(--iui-color-foreground-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-checkmark{ display:inline-block; } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile{ cursor:not-allowed; z-index:0; border-color:#EEF0F3; background-color:#EEF0F3; border-color:var(--iui-color-background-disabled); background-color:var(--iui-color-background-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-checkmark{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); filter:grayscale(100%); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-label{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label input:disabled:checked ~ .iui-radio-tile{ z-index:3; border:2px solid rgba(0, 0, 0, 0.4); border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-default-resizer-parent { min-width: 200px; } .uifw-default-resizer-parent.uifw-fill { width: 100%; height: 100%; } .uifw-label-disabled { color: var(--buic-foreground-disabled); } div.uifw-default-property-lock input[type=checkbox] { margin-right: 8px; } .uifw-default-center-across-width { display: flex; flex-direction: row; justify-content: center; align-content: center; grid-column: 1/span 2; } .uifw-width-100percent { width: 100%; } .uifw-width-6rem { width: 6rem; } .uifw-width-fit-content { width: -moz-fit-content; width: fit-content; } div.uifw-default-inline-editor-group { display: flex; flex-wrap: nowrap; } div.uifw-default-inline-editor-group .uifw-default-label { margin-right: 4px; margin-left: 4px; width: auto; align-self: center; margin-bottom: 6px; } div.nz-toolSettings-docked .uifw-default-inline-editor-group .uifw-default-label { margin-bottom: 0px; } div.uifw-default-inline-editor-group .uifw-default-editor { margin-right: 6px; margin-bottom: 6px; } div.uifw-default-inline-editor-group .uifw-default-editor:last-child { margin-right: 0px; } div.uifw-default-lock-and-label { align-content: flex-start; align-items: center; flex-direction: row; display: inline-flex; margin-bottom: 6px; } div.uifw-default-lock-and-label .uifw-default-property-lock { padding: 0 4px 0 0; } div.uifw-default-lock-and-label:last-child { margin-bottom: 3px; } .uifw-default-inline-label-and-editor { display: flex; flex-direction: row; width: auto; } .uifw-default-wide-only-display { display: inline-flex; flex-wrap: none; } .uifw-default-narrow-only-display { display: none; } /* Fixed spacing used to hold lock/enable toggle in first column */ .uifw-default-lock { min-width: 30px; height: 1rem; margin: 3px; } .uifw-default-editor { margin-bottom: 6px; display: flex; align-items: center; } .uifw-default-editor:last-child { margin-bottom: 3px; } div.uifw-default-container { display: grid; grid-template-columns: auto 1fr; grid-row-gap: 0px; grid-row-gap: 0px; row-gap: 0px; grid-column-gap: 8px; grid-column-gap: 8px; column-gap: 8px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; box-sizing: border-box; align-items: center; margin: 4px 4px 0px 4px; } .uifw-default-label { width: -moz-fit-content; width: fit-content; margin-left: auto; white-space: nowrap; } /* Overrides when uifw-default-narrow class is added to parent container div */ div.uifw-default-container.uifw-default-narrow { grid-template-columns: 1fr; } div.uifw-default-container.uifw-default-narrow div.uifw-default-center-across-width { display: flex; flex-direction: row; justify-content: center; align-content: center; grid-column: 1/span 1; } div.uifw-default-container.uifw-default-narrow .uifw-default-narrow-only-display { display: block; } div.uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label.uifw-default-wide-only-display { display: none; } div.uifw-default-container.uifw-default-narrow div.uifw-default-inline-editor-group { display: flex; flex-wrap: wrap; } div.uifw-default-container.uifw-default-narrow .uifw-default-lock { min-width: 0px; height: 1rem; margin-left: 0px; } div.uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label { margin-bottom: 0px; } div.uifw-default-container.uifw-default-narrow .uifw-default-label { text-align: left; margin-bottom: 3px; align-self: flex-start; } div.uifw-default-container.uifw-default-narrow .uifw-default-inline-label-and-editor { align-content: flex-start; display: flex; flex-direction: column; width: auto; } div.uifw-default-container.uifw-default-narrow .uifw-default-inline-editor-group .uifw-default-editor { margin-left: 0px; } div.nz-toolSettings-docked div.uifw-default-lock-and-label { margin-bottom: 0; align-self: center; } div.nz-toolSettings-docked div.uifw-default-inline-editor-group .uifw-default-editor { margin-bottom: 0; align-self: center; } div.nz-toolSettings-docked .uifw-default-editor:last-child { margin-bottom: 0; align-self: center; } /* Override the GridLayout case where width is 100% */ div.nz-toolSettings-docked select.uicore-inputs-select.components-cell-editor.components-enum-editor { width: auto; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-tool-settings-content { padding: unset; } .uifw-tool-settings-content > .nz-container { width: 100%; box-sizing: border-box; } .uifw-tool-settings-content > .nz-container > .uifw-zone-measurer { position: absolute; left: 0; top: 0; height: 100%; width: 100%; visibility: hidden; } .uifw-tool-settings-content > .nz-container > .uifw-measurer { height: 100%; width: 100%; } .uifw-tool-settings-content > .nz-container > .uifw-expander { width: 9999px; height: 9999px; } .uifw-tool-settings-content > .nz-container:not(.uifw-measure) > .uifw-measurer { display: none; } .uifw-tool-settings-content > .nz-container:not(.uifw-measure) > .uifw-expander { display: none; } .uifw-tool-settings-content > .nz-container.uifw-measure { width: 100%; height: 100%; box-sizing: border-box; } .uifw-tool-settings-content.uifw-title-bar > .nz-container { padding: 5px; } .uifw-tool-settings-content.uifw-tab > .nz-container { padding: 5px 5px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @keyframes uifw-indicator-FadeIn { 0% { opacity: 0; transform: scale(0.5); } 50% { transform: scale(1.5); } 100% { transform: scale(1); opacity: 1; } } @keyframes uifw-indicator-FadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .uifw-footer-indicator { height: 100%; display: flex; align-items: center; visibility: visible; color: var(--buic-foreground-body); grid-gap: 8px; gap: 8px; /* Desktop */ /* Medium devices (landscape tablets) */ /* Medium devices (portrait tablets) */ /* small devices (phones) */ } .uifw-footer-indicator.uifw-footer-action { cursor: pointer; } .uifw-footer-indicator.uifw-footer-action:hover { color: var(--buic-foreground-primary); } .uifw-footer-indicator.uifw-footer-label-reversed { flex-direction: row-reverse; } .uifw-footer-indicator > .nz-label { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1099px) { .uifw-footer-indicator > .nz-label { display: none; } } .uifw-footer-indicator.uifw-indicator-fade-in { animation: uifw-indicator-FadeIn 1s linear; opacity: 1; pointer-events: auto; } .uifw-footer-indicator.uifw-indicator-fade-out { animation: uifw-indicator-FadeOut 500ms linear; opacity: 0; pointer-events: none; } @media (min-width: 1300px) { .uifw-footer-indicator.nz-footer-mode { padding-left: 15px; padding-right: 15px; } .uifw-footer-indicator:not(.nz-footer-mode) { padding-left: 5px; padding-right: 5px; } } @media (max-width: 1299px) { .uifw-footer-indicator { padding-left: 10px; padding-right: 10px; } } @media (max-width: 799px) { .uifw-footer-indicator { font-size: 12px; } } @media (max-width: 599px) { .uifw-footer-indicator { font-size: 12px; padding-left: 5px; padding-right: 5px; } } .uifw-footer-indicator > .nz-balloon-container { height: 100%; position: relative; display: grid; align-content: center; } .uifw-footer-indicator > .nz-balloon-container > .nz-balloon { background-color: var(--buic-foreground-body); text-align: center; cursor: pointer; min-width: 10px; min-height: 10px; border-radius: 50%; padding: 3px; filter: drop-shadow(0 1px var(--buic-foreground-body-reverse)); position: relative; align-self: center; } .uifw-footer-indicator > .nz-balloon-container > .nz-balloon > .nz-arrow { position: absolute; width: 0; bottom: -3px; left: 0; display: block; border-width: 0; border-bottom-width: 10px; border-left-width: 10px; border-style: solid; border-color: transparent var(--buic-foreground-body); transform: rotate(25deg); } .uifw-footer-indicator > .nz-balloon-container > .nz-balloon > .nz-content { position: relative; color: #FFFFFF; line-height: 10px; font-size: 11px; } .uifw-footer-indicator > .nz-balloon-container > .nz-dialog { height: 100%; width: 100%; position: absolute; top: 0; left: 50%; } .uifw-indicator-icon { display: flex; align-items: center; justify-content: center; font-size: 16px; width: 16px; /* Medium devices */ /* Small devices */ } @media (max-width: 1099px) { .uifw-indicator-icon { font-size: 14px; width: 14px; } } @media (max-width: 599px) { .uifw-indicator-icon { font-size: 14px; width: 14px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-statusbar-overflow { height: 100%; width: 3em; display: flex; align-items: center; justify-content: center; margin-left: auto; cursor: pointer; flex-shrink: 0; } .uifw-statusbar-overflow:hover { background: var(--buic-background-2); } .uifw-statusbar-overflow:focus { outline: none; } .uifw-statusbar-overflow.nz-hidden { visibility: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusbar-panel { background: var(--buic-background-1); padding: 0.5em; } .uifw-statusbar-panel.core-popup.core-popup-top { z-index: 10000; } .uifw-statusbar-overflow-items-container { display: flex; flex-direction: column; } .uifw-statusbar-overflow-items-container > .nz-footer-separator { display: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-statusbar-space-between { width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: space-between; } .uifw-statusbar-left { display: flex; flex-direction: row; justify-content: flex-start; } .uifw-statusbar-center { display: flex; flex-direction: row; justify-content: center; } .uifw-statusbar-right { display: flex; flex-direction: row; justify-content: flex-end; } .uifw-statusbar-docked { width: 100%; background-color: var(--buic-background-statusbar); } .uifw-statusbar-item-container { height: 100%; display: flex; flex-direction: row; align-content: center; align-items: center; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .uifw-statusbar-message-label { color: var(--buic-foreground-body); } .uifw-statusbar-message-brief { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--buic-foreground-body); } .uifw-statusbar-message-detailed { font-size: 12px; font-weight: 400; line-height: 22px; color: var(--buic-foreground-body); } .uifw-statusbar-hollow-icon { color: var(--buic-accessory-hollow); width: 16px; height: 16px; font-size: 16px; margin-bottom: 4px; } .uifw-statusbar-messages-container { z-index: 16000; max-height: 66vh; } .uifw-statusbar-messages-container.uifw-scrollable { overflow-y: auto; } @supports (-webkit-overflow-scrolling: touch) { .uifw-statusbar-messages-container.uifw-scrollable { overflow-y: scroll; /* overflow-y has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } } .uifw-statusbar-messages-container.uifw-scrollable::-webkit-scrollbar { width: 12px; height: 12px; } .uifw-statusbar-messages-container.uifw-scrollable::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .uifw-statusbar-messages-container.uifw-scrollable::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .uifw-statusbar-messages-container.uifw-scrollable::-webkit-scrollbar-corner { background-color: transparent; } .uifw-statusbar-messages-container.uifw-scrollable::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .uifw-statusbar-messages-container > .uifw-statusbar-message-list { display: block; list-style: none; padding: 0; margin: 0; } .uifw-statusbar-messages-container > .uifw-statusbar-message-list > li { display: block; position: relative; padding: 4px 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-toast-wrapper{ pointer-events:none; position:fixed; display:flex; align-items:center; flex-direction:column; justify-content:center; z-index:1070; } @media screen and (max-width: 400px){ .iui-toast-wrapper{ width:calc(100vw - 36px); margin-top:11px; } } @media screen and (min-width: 401px){ .iui-toast-wrapper{ min-width:400px; max-width:640px; margin:22px 0; } } @media (prefers-reduced-motion: no-preference){ .iui-toast-wrapper .iui-toast-all{ transition:all 240ms cubic-bezier(0, 0, 0.2, 1); } } .iui-toast-wrapper.iui-placement-top{ margin-left:auto; margin-right:auto; left:0; top:0; right:0; } .iui-toast-wrapper.iui-placement-top-start{ left:0; top:0; align-items:flex-start; } .iui-toast-wrapper.iui-placement-top-end{ right:0; top:0; align-items:flex-end; } .iui-toast-wrapper.iui-placement-bottom{ bottom:0; margin-left:auto; margin-right:auto; left:0; right:0; } .iui-toast-wrapper.iui-placement-bottom .iui-toast{ margin:11px 16px 0 16px; } .iui-toast-wrapper.iui-placement-bottom-start{ bottom:0; left:0; align-items:flex-start; } .iui-toast-wrapper.iui-placement-bottom-start .iui-toast{ margin:11px 16px 0 16px; } .iui-toast-wrapper.iui-placement-bottom-end{ bottom:0; right:0; align-items:flex-end; } .iui-toast-wrapper.iui-placement-bottom-end .iui-toast{ margin:11px 16px 0 16px; } .iui-toast{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-flex; align-items:center; box-sizing:border-box; pointer-events:all; margin:0 16px 11px 16px; min-height:44px; border-radius:3px; background-color:#FFF; border:1px solid #000; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.4), 0 9px 46px rgba(0, 0, 0, 0.25); background-color:var(--iui-color-background-1); border:1px solid var(--iui-color-foreground-body); box-shadow:0 0 0 1px rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)), 0 9px 46px rgba(0, 0, 0, 0.25); } .iui-toast > .iui-status-area{ display:flex; align-self:stretch; justify-content:center; align-items:center; width:48px; flex-shrink:0; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-toast > .iui-status-area > .iui-icon{ height:16px; width:16px; fill:#FFF; fill:var(--iui-color-foreground-accessory); } .iui-toast > .iui-message{ flex-grow:1; font-size:14px; margin-top:5.5px; margin-bottom:5.5px; margin-right:24px; margin-left:16px; line-height:22px; font-weight:400; font-style:normal; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-toast > .iui-anchor{ font-size:12px; margin-right:16px; -webkit-user-select:none; user-select:none; text-decoration:underline; white-space:nowrap; } .iui-toast > .iui-anchor:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-toast > .iui-anchor:focus:not(:focus-visible){ box-shadow:none; } .iui-toast > .iui-anchor:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-toast > .iui-anchor:hover{ text-decoration:none; } .iui-toast > .iui-button{ margin-right:8px; } @media screen and (max-width: 400px){ .iui-toast{ width:calc(100vw - 36px); } } @media screen and (min-width: 401px){ .iui-toast{ min-width:400px; max-width:640px; } } .iui-toast.iui-informational{ border-color:#008BE1; border-color:var(--iui-color-foreground-primary); } .iui-toast.iui-informational > .iui-message::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } .iui-toast.iui-informational > .iui-status-area{ background-color:#008BE1; background-color:var(--iui-color-background-primary); } .iui-toast.iui-positive{ border-color:#53A21A; border-color:var(--iui-color-foreground-positive); } .iui-toast.iui-positive > .iui-message::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-toast.iui-positive > .iui-status-area{ background-color:#53A21A; background-color:var(--iui-color-background-positive); } .iui-toast.iui-positive > .iui-anchor{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-toast.iui-positive > .iui-anchor:hover{ color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-toast.iui-positive > .iui-anchor:focus, .iui-toast.iui-positive > .iui-button:focus{ outline:0; box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-positive-box-shadow); } .iui-toast.iui-positive > .iui-anchor:focus:not(:focus-visible), .iui-toast.iui-positive > .iui-button:focus:not(:focus-visible){ box-shadow:none; } .iui-toast.iui-positive > .iui-anchor:focus-visible, .iui-toast.iui-positive > .iui-button:focus-visible{ outline:0; box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-positive-box-shadow); } .iui-toast.iui-negative{ border-color:#D30A0A; border-color:var(--iui-color-foreground-negative); } .iui-toast.iui-negative > .iui-message::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-toast.iui-negative > .iui-status-area{ background-color:#D30A0A; background-color:var(--iui-color-background-negative); } .iui-toast.iui-negative > .iui-anchor{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-toast.iui-negative > .iui-anchor:hover{ color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-toast.iui-negative > .iui-anchor:focus, .iui-toast.iui-negative > .iui-button:focus{ outline:0; box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-negative-box-shadow); } .iui-toast.iui-negative > .iui-anchor:focus:not(:focus-visible), .iui-toast.iui-negative > .iui-button:focus:not(:focus-visible){ box-shadow:none; } .iui-toast.iui-negative > .iui-anchor:focus-visible, .iui-toast.iui-negative > .iui-button:focus-visible{ outline:0; box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-negative-box-shadow); } .iui-toast.iui-warning{ border-color:#F18B12; border-color:var(--iui-color-foreground-warning); } .iui-toast.iui-warning > .iui-message::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-toast.iui-warning > .iui-status-area{ background-color:#F18B12; background-color:var(--iui-color-background-warning); } .iui-toast.iui-warning > .iui-anchor{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-toast.iui-warning > .iui-anchor:hover{ color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-toast.iui-warning > .iui-anchor:focus, .iui-toast.iui-warning > .iui-button:focus{ outline:0; box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-warning-box-shadow); } .iui-toast.iui-warning > .iui-anchor:focus:not(:focus-visible), .iui-toast.iui-warning > .iui-button:focus:not(:focus-visible){ box-shadow:none; } .iui-toast.iui-warning > .iui-anchor:focus-visible, .iui-toast.iui-warning > .iui-button:focus-visible{ outline:0; box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-warning-box-shadow); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-button{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; display:inline-flex; align-items:center; vertical-align:middle; justify-content:center; position:relative; box-sizing:border-box; border-radius:3px; line-height:22px; outline:none; box-shadow:none; font-size:14px; font-weight:400; text-decoration:none; -webkit-user-select:none; user-select:none; cursor:pointer; white-space:nowrap; border:1px solid transparent; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); padding:0 16px; height:38px; grid-gap:8px; gap:8px; padding:0 16px; height:38px; grid-gap:8px; gap:8px; } @media (prefers-reduced-motion: no-preference){ .iui-button{ transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .iui-button:hover{ text-decoration:none; color:black; color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button:focus:not(:focus-visible){ box-shadow:none; } .iui-button:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-button[disabled], .iui-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-default{ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:focus{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:focus .iui-notification-primary::before, .iui-button.iui-default:focus .iui-notification-positive::before, .iui-button.iui-default:focus .iui-notification-warning::before, .iui-button.iui-default:focus .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default:focus:where(:not(:focus-visible)){ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:hover, .iui-button.iui-default:active{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:hover .iui-notification-primary::before, .iui-button.iui-default:hover .iui-notification-positive::before, .iui-button.iui-default:hover .iui-notification-warning::before, .iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before, .iui-button.iui-default:active .iui-notification-positive::before, .iui-button.iui-default:active .iui-notification-warning::before, .iui-button.iui-default:active .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default.iui-dropdown{ padding-right:8px; } .iui-button.iui-default.iui-dropdown.iui-small{ padding-right:4px; } .iui-button.iui-default.iui-dropdown.iui-large{ padding-right:12px; } .iui-button.iui-default.iui-active{ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); color:#008BE1; background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); color:var(--iui-color-foreground-primary); } .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-high-visibility{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-cta{ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus:where(:not(:focus-visible)){ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:hover, .iui-button.iui-cta:active{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-idea{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); border-radius:22px; box-shadow:0 9px 46px rgba(0, 0, 0, 0.25); position:fixed; bottom:11px; right:16px; } .iui-button.iui-idea:focus{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:focus:where(:not(:focus-visible)){ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea:hover, .iui-button.iui-idea:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-borderless{ border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; } .iui-button.iui-borderless > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:focus{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)){ border-color:transparent; background-color:transparent; } .iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-button.iui-small{ padding:0 8px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-small.iui-borderless{ padding:0 2px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-large{ padding:0 24px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button.iui-large.iui-borderless{ padding:0 12px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button-group{ display:inline-flex; align-items:center; isolation:isolate; } .iui-button-group > *{ display:flex; } .iui-button-group > * input, .iui-button-group > * button{ position:relative; transition-duration:0ms; } .iui-button-group > * input:hover, .iui-button-group > * button:hover{ z-index:1; } .iui-button-group > * input:focus, .iui-button-group > * button:focus{ z-index:2; } .iui-button-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-group > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{ z-index:-1; } .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * button:hover, .iui-button-group > * button:focus{ transition-duration:0.2s; } .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){ border-radius:0; } .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-group > *:not(:last-child){ margin-right:-1px; } .iui-button-group > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu{ display:inline-flex; align-items:center; isolation:isolate; display:inline-flex; align-items:center; isolation:isolate; } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > *:not(:last-child){ margin-right:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu:hover{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-button-split-menu > *:first-child > .iui-borderless:hover{ background-color:transparent; } .iui-button-split-menu > *:last-child > .iui-button{ padding:4px; } .iui-button-split-menu > *:last-child > .iui-small{ padding:2px; } .iui-button-split-menu > *:last-child > .iui-large{ padding:8px; } .iui-button-split-menu > *:first-child > .iui-high-visibility, .iui-button-split-menu > *:first-child > .iui-cta{ border-right-color:rgba(255, 255, 255, 0.4); border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu > *:last-child > .iui-high-visibility, .iui-button-split-menu > *:last-child > .iui-cta{ border-left-color:rgba(255, 255, 255, 0.4); border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu.iui-disabled{ background-color:transparent; background-color:transparent; } .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-icon{ width:16px; height:16px; transition:fill 0.2s ease-out; fill:currentColor; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-menu{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); list-style-type:none; -webkit-user-select:none; user-select:none; width:100%; margin:0; padding:0; } .iui-menu .iui-header-menu-icon{ margin:0 4px; } .iui-menu div.iui-header-menu-icon{ margin:0; width:24px; height:24px; border-radius:3px; } .iui-menu.iui-scroll{ overflow-y:auto; overflow-y:overlay; } .iui-menu-item{ display:flex; align-items:center; font-size:14px; padding:0 13px; height:38px; cursor:pointer; box-sizing:border-box; line-height:normal; } .iui-menu-item + .iui-menu-item{ margin-top:-1px; } .iui-menu-item .iui-content, .iui-menu-item .iui-menu-label, .iui-menu-item .iui-menu-description{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-menu-item .iui-content{ flex:1 1 auto; } .iui-menu-item .iui-content + .iui-icon{ margin-right:0; margin-left:8px; } .iui-menu-item .iui-menu-description{ display:none; font-size:12px; opacity:0.6; opacity:var(--iui-opacity-3); } .iui-menu-item > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-menu-item > .iui-icon + .iui-content{ margin-left:8px; } .iui-menu-item:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-menu-item:focus, .iui-menu-item.iui-focused{ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item:focus:not(:focus-visible){ outline:none; } .iui-menu-item.iui-large{ height:49px; } .iui-menu-item.iui-large .iui-menu-description{ display:block; } .iui-menu-item.iui-active, .iui-menu-item.iui-active:hover{ background-color:rgba(0, 139, 225, 0.2); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-active > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{ outline-width:2px; outline-offset:-2px; } .iui-menu-item.iui-active:focus:not(:focus-visible){ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-disabled, .iui-menu-item.iui-disabled:hover{ cursor:not-allowed; outline:none; background-color:#FFF; color:rgba(0, 0, 0, 0.2); background-color:var(--iui-color-background-1); color:var(--iui-text-color-placeholder); } .iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-menu-content{ padding:11px 13px; } .iui-menu-divider{ height:1px; width:calc(100% - 24px); margin:1px auto; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusbar-sticky-message { max-height: 100px; transition: max-height 0.5s ease; } .uifw-statusbar-sticky-message.uifw-closing { max-height: 0; opacity: 0; } .uifw-statusbar-sticky-message .uifw-statusbar-sticky-close { min-width: 35px; min-height: 35px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-popout-widget-filled-container { display: flex; height: 100%; width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-widgetPanels-frontstage { height: 100%; display: flex; flex-direction: column; } .uifw-widgetPanels-frontstage > .uifw-widgetPanels { flex: 1 1 auto; min-height: 0; } .uifw-widgetPanels-frontstage > .uifw-widgetPanels > .nz-widgetPanels-content { position: relative; pointer-events: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-modal-frontstage { height: 100%; width: 100%; position: absolute; box-sizing: border-box; transition: all 0.5s ease; pointer-events: none; visibility: hidden; overflow: hidden; background: transparent; transition: background 0.25s ease, visibility 0s ease 0.275s; display: flex; flex-direction: column; align-items: stretch; z-index: 13000; } .uifw-modal-frontstage .uifw-modal-app-bar { transition: transform 0.125s; padding: 10px; background: var(--buic-background-titlebar); height: 60px; transform: translateY(-100%); } .uifw-modal-frontstage .uifw-modal-app-bar .uicore-text-headline { display: inline-block; color: var(--iui-operateBtn-icons-color); line-height: 60px; vertical-align: top; padding: 0 15px; margin: 0; font-size: 28px; } .uifw-modal-frontstage .uifw-modal-app-bar .uifw-modal-app-bar-right { color: var(--buic-foreground-body); line-height: 60px; vertical-align: center; float: right; margin-right: 20px; } .uifw-modal-frontstage .uifw-modal-app-bar > :first-child { display: inline-block; border-radius: 0; } .uifw-modal-frontstage .uifw-modal-stage-content { overflow: hidden; height: 100%; } .uifw-modal-frontstage.uifw-modal-open { visibility: visible; pointer-events: unset; transition: background 0.25s ease; } .uifw-modal-frontstage.uifw-modal-open .uifw-modal-app-bar { transform: translateY(0%); transition: transform 0.125s ease; } .uifw-modal-frontstage-overlay { position: absolute; left: 0px; width: 100%; top: 0px; height: 100%; opacity: 0.95; background: var(--buic-background-4); z-index: 12000; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-widgetPanels-statusBar > div { background-color: var(--buic-background-2); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-tab.uifw-badge-new.nz-active:before { width: calc(100% - 1em) !important; left: 0.5em !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-widgetPanels-toolbars { display: grid; height: 100%; width: 100%; padding: 0.75em; box-sizing: border-box; grid-template-columns: 1fr 1fr; } .uifw-widgetPanels-toolbars .nz-tools-widget { grid-column: 1; } .uifw-widgetPanels-toolbars .nz-tools-widget.nz-widget-navigationArea { grid-column: 2; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uif-toolsetting-label-docked-horizontal { padding-right: 0.5em; align-self: center; } .uifw-standard-toolsettings-two-column-grid { display: grid; grid-template-columns: auto 1fr; grid-row-gap: 0.5em; row-gap: 0.5em; grid-column-gap: 0.75em; column-gap: 0.75em; box-sizing: border-box; align-items: center; margin: 4px 4px 0px 4px; } .uifw-standard-toolsettings-two-column-grid .uifw-standard-toolsettings-label-entry { text-align: end; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-child-window-container-host { height: 100%; width: 100%; position: relative; } .uifw-child-window-container { height: 100%; width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-settings-container { box-sizing: border-box; height: 100%; width: 100%; overflow: hidden; background-color: var(--buic-background-3); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-accudraw-dialog { opacity: 0.9; } .uifw-accudraw-dialog:hover { opacity: 1; } .uifw-accudraw-dialog .core-dialog-container .core-dialog-area { flex-grow: unset; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-accudraw-field-container { padding: 6px; } .uifw-accudraw-field-container .iui-input { padding: 2px 8px; } .uifw-accudraw-field-container-horizontal { max-width: 550px; display: flex; flex-direction: row; } .uifw-accudraw-field-container-vertical { max-width: 250px; display: grid; grid-template-columns: auto 1fr auto; grid-row-gap: 4px; row-gap: 4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-accudraw-input-label { min-width: 16px; margin-right: 4px; display: flex; align-items: center; font-size: 16px; font-weight: 700; line-height: 22px; color: var(--buic-foreground-body); } .uifw-accudraw-input-label.uifw-label-centered { justify-content: center; } .uifw-accudraw-input-label .icon { width: 16px; height: 16px; margin-top: 2px; display: flex; justify-content: center; align-items: center; } .uifw-accudraw-input-field { flex: 1 1; } .uifw-accudraw-lock { width: 22px; display: flex; justify-content: center; align-items: center; } .uifw-accudraw-x-value { background-color: var(--buic-accessory-alert); color: var(--buic-accessory-hollow); } .uifw-accudraw-y-value { background-color: var(--buic-accessory-success); color: var(--buic-accessory-hollow); } .uifw-accudraw-z-value { background-color: var(--buic-accessory-primary); color: var(--buic-accessory-hollow); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-position-popup.uifw-calculator-host { background-color: var(--buic-background-window); } .uifw-calculator { max-width: 173px; } .uifw-calculator:focus { border-color: transparent; outline: 0px; } .uifw-calculator > .uifw-calculator-top { margin-bottom: 8px; } .uifw-calculator > .uifw-calculator-top > .uifw-calculator-top-input { width: 100%; } .uifw-calculator > .uifw-calculator-top input { text-align: right; color: var(--buic-foreground-body); background-color: var(--buic-background-control); cursor: default; } .uifw-calculator > .uifw-calculator-button-grid { display: grid; grid-template-columns: 36px 36px 36px 46px; grid-gap: 6px; grid-gap: 6px; gap: 6px; justify-items: end; } .uifw-calculator > .uifw-calculator-button-grid .uifw-calculator-item { width: 36px; height: 36px; } .uifw-calculator > .uifw-calculator-bottom-buttons { display: flex; justify-content: space-between; margin-top: 0; } .uifw-calculator > .uifw-calculator-bottom-buttons > .uifw-calculator-large-button { width: 70px; font-size: 20px; } .uifw-calculator > .uifw-calculator-bottom-buttons > .uifw-calculator-cancel-button, .uifw-calculator > .uifw-calculator-bottom-buttons > .uifw-calculator-cancel-button:active, .uifw-calculator > .uifw-calculator-bottom-buttons > .uifw-calculator-cancel-button:focus { border: none; background-color: #9ba5ae; color: #fff; } .uifw-calculator > .uifw-calculator-bottom-buttons > .uifw-calculator-cancel-button:hover { background-color: #677480; color: #fff; } .uifw-calculator .uifw-calculator-button-svg { width: 100%; height: 18px; } .uifw-calculator .uifw-calculator-large-font { font-size: 22px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-square-button { display: flex; justify-content: center; background-color: var(--buic-background-tab-inactive); color: var(--buic-foreground-body); border-color: var(--buic-background-toolbutton-stroke); border-radius: 5px; border-width: 1px; border-style: solid; opacity: 0.95; pointer-events: auto; margin: 0; width: 32px; height: 32px; } .uifw-square-button:focus { background-color: var(--buic-background-tab-active); color: var(--buic-foreground-body); border-color: var(--buic-background-toolbutton-stroke); opacity: 1; } .uifw-square-button:hover { background-color: var(--buic-background-tab-active); color: var(--buic-foreground-primary); border-color: var(--buic-background-toolbutton-stroke); opacity: 1; } .uifw-square-button:active { background-color: var(--buic-background-4); color: var(--buic-foreground-primary); border-color: var(--buic-background-toolbutton-stroke); opacity: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-menu-button { position: absolute; pointer-events: auto; } .uifw-menu-button .icon { line-height: 2; } .uifw-menu-button > .context-menu { top: 1.3px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ #uifw-configurableui-wrapper { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; font-size: 14px; } #uifw-frontstage-composer { width: 100%; height: 100%; } .uifw-unselectable { -webkit-user-select: none; user-select: none; } .uifw-centered { display: flex; justify-content: center; align-items: center; } .uifw-dragdrop-layer { cursor: grabbing; position: fixed; pointer-events: none; z-index: 19000; left: 0; top: 0; height: 100%; width: 100%; } .uifw-element-tooltip-container { position: fixed; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 17000; } .uifw-element-tooltip-container > .uifw-element-tooltip { width: max-content; font-size: 14px; } .uifw-element-tooltip-container > .nz-popup-tooltip { border-color: var(--buic-background-panel-stroke); border-radius: 3px; border-style: solid; border-width: 1px; } .uifw-app-button-small { margin-bottom: 6px; } .iui-toggle-switch { padding: 1px 0 !important; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-popup-message-inputField { background-color: var(--buic-background-control); padding: 3px 3px 3px 6px; border-radius: 5px; color: var(--buic-foreground-body); margin: 0px; transition: all 3s ease; display: flex; align-items: center; } .uifw-popup-message-inputField .uifw-popup-message-inputField-content { min-width: 180px; max-width: 360px; display: flex; justify-content: center; flex-direction: column; } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary { align-items: center; display: flex; flex-direction: row; } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary > .uifw-popup-message-icon { padding-left: 3px; padding-right: 3px; } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary > .uifw-popup-message-icon .icon-status-warning { color: var(--buic-foreground-warning); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary > .uifw-popup-message-icon .icon-status-warning { color: var(--buic-foreground-warning); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary > .uifw-popup-message-icon .icon-status-error { color: var(--buic-foreground-negative); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary .uifw-popup-message-text { color: var(--buic-foreground-body); padding-left: 3px; padding-right: 3px; } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary .uifw-popup-message-text .uifw-popup-message-brief { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--buic-foreground-body); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary .uifw-popup-message-text .uifw-popup-message-detailed { font-size: 12px; font-weight: 400; line-height: 22px; color: var(--buic-foreground-body); } .uifw-popup-message-inputField .uifw-popup-message-close { display: flex; align-items: center; color: var(--buic-foreground-muted); cursor: pointer; } .uifw-popup-message-inputField .uifw-popup-message-close:active, .uifw-popup-message-inputField .uifw-popup-message-close:hover { color: var(--buic-foreground-activehover); } .uifw-popup-message-inputField .uifw-popup-message-close:focus { outline: none; } .uifw-popup-message-inputField .uifw-popup-message-close .icon { margin: 0 3px 0 10px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .ViewportContentComponent { height: 100%; width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .uifw-view-overlay { display: flex; flex-direction: row; justify-content: center; align-items: center; width: calc(100% - 80px); height: auto; position: absolute; bottom: 10px; left: 40px; right: 40px; pointer-events: none; z-index: 1000; } .uifw-animation-overlay { display: flex; justify-content: center; align-items: center; width: 80%; max-width: 1000px; height: auto; background: var(--buic-background-dialog); border: 1px solid var(--buic-background-dialog-stroke); border-radius: 3px; opacity: 0.9; pointer-events: auto; } .uifw-animation-overlay:hover { opacity: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-cursor-prompt { padding: 5px; color: var(--buic-foreground-body); min-width: 100px; max-width: 340px; display: flex; flex-direction: row; align-items: center; } .uifw-cursor-prompt > .uifw-cursor-prompt-icon { padding-left: 3px; padding-right: 3px; width: 16px; height: 16px; } .uifw-cursor-prompt > .uifw-cursor-prompt-text { padding-left: 3px; padding-right: 3px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .core-dialog.active-content-dialog .core-dialog-area > .core-dialog-head { color: var(--buic-foreground-primary); background-color: var(--buic-background-titlebar); } .core-dialog.active-content-dialog .core-dialog-area > .core-dialog-head > .core-dialog-title { font-weight: 800; } .core-dialog.active-content-dialog .core-dialog.inactive-content-dialog .core-dialog-area > .core-dialog-head { background-color: var(--buic-background-titlebar-outoffocus); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-ValidationTextbox { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; position: relative; padding: 5.5px; width: 12em; height: 1em; } .uifw-ValidationTextbox .ValidationTextbox-input { position: absolute; margin: 0; padding: 0; border: none; vertical-align: baseline; width: 100%; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 3px; -webkit-appearance: none; appearance: none; box-sizing: border-box; padding: 7px 12px; min-height: 38px; color: rgba(0, 0, 0, 0.8); background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.4); color: var(--iui-text-color); background-color: var(--iui-color-background-1); border: 1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); min-height: 28px; padding: 2px 8px; width: 12em; left: 0px; top: 0px; } .uifw-ValidationTextbox .ValidationTextbox-input:focus-visible { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } @supports not selector(*:focus-visible) { .uifw-ValidationTextbox .ValidationTextbox-input:focus { outline: 2px solid var(--iui-color-foreground-primary); outline-offset: -2px; } } @media (prefers-reduced-motion: no-preference) { .uifw-ValidationTextbox .ValidationTextbox-input { transition: border-color 0.2s ease-out; } } .uifw-ValidationTextbox .ValidationTextbox-input.iui-small { padding-top: 1.5px; padding-bottom: 1.5px; min-height: 27px; } .uifw-ValidationTextbox .ValidationTextbox-input.iui-large { padding-top: 12.5px; padding-bottom: 12.5px; min-height: 49px; font-size: 16px; } .uifw-ValidationTextbox .ValidationTextbox-input::placeholder { -webkit-user-select: none; user-select: none; color: rgba(0, 0, 0, 0.2); color: var(--iui-text-color-placeholder); } .uifw-ValidationTextbox .ValidationTextbox-input:autofill { border-color: #008be1; color: #008be1; background: linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background: linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .uifw-ValidationTextbox .ValidationTextbox-input:hover { border-color: rgba(0, 0, 0, 0.8); border-color: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference) { .uifw-ValidationTextbox .ValidationTextbox-input:hover { transition: border-color 0.2s ease-out; } } .uifw-ValidationTextbox .ValidationTextbox-input[disabled] { background-color: #EEF0F3; border-color: #EEF0F3; background-color: var(--iui-color-background-disabled); border-color: var(--iui-color-background-disabled); cursor: not-allowed; } .uifw-ValidationTextbox .ValidationTextbox-invalid { border-color: var(--buic-foreground-negative); } .uifw-ValidationTextbox .ValidationTextbox-invalid:focus { border-color: var(--buic-foreground-negative); } .uifw-ValidationTextbox .ValidationTextbox-icon { position: absolute; padding: 5px; width: 15.4px; height: 15.4px; line-height: 15.4px; font-size: 16px; cursor: pointer; top: 0px; right: 0px; text-align: center; color: var(--buic-foreground-body); } .uifw-ValidationTextbox .ValidationTextbox-icon:hover { color: var(--buic-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolbar-item-expandable-group-panel { line-height: normal; background: var(--buic-background-panel); padding: 8px; border-radius: 4px; pointer-events: auto; border: 1px solid var(--buic-background-widget-stroke); font-size: 14px; } .uifw-popupbutton-noPadding { padding: 0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uif-keyinbrowser-div { display: grid; align-items: center; justify-content: center; grid-template-columns: 100%; padding: 6px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .ui-fw-spatial-tree { height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; } .ui-fw-spatial-tree .core-tree-node.with-checkbox > .contents { padding-left: 31px; } .ui-fw-spatial-tree .core-image-checkbox { position: absolute; left: 5px; padding: 0; margin: -2px 0px 0px 5px; } .ui-fw-spatial-tree .filteredTreeOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(255, 255, 255, 0.8); } .ui-fw-spatial-tree .components-tree-errormessage { position: absolute; top: 40%; left: 50%; width: 75%; text-align: center; transform: translate(-50%, -50%); font-style: italic; color: var(--buic-foreground-muted); } .ui-fw-spatial-tree .components-tree-errormessage .errormessage-header { display: block; font-weight: bold; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .ui-fw-categories-tree { height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; } .ui-fw-categories-tree .core-tree-node.with-checkbox > .contents { padding-left: 31px; } .ui-fw-categories-tree .core-image-checkbox { position: absolute; left: 5px; padding: 0; margin: -2px 0px 0px 5px; } .ui-fw-categories-tree .filteredTreeOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(255, 255, 255, 0.8); } .ui-fw-categories-tree .components-tree-errormessage { position: absolute; top: 40%; left: 50%; width: 75%; text-align: center; transform: translate(-50%, -50%); font-style: italic; color: var(--buic-foreground-muted); } .ui-fw-categories-tree .components-tree-errormessage .errormessage-header { display: block; font-weight: bold; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .ui-fw-models-tree { height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; } .ui-fw-models-tree .core-tree-node.with-checkbox > .contents { padding-left: 31px; } .ui-fw-models-tree .core-image-checkbox { position: absolute; left: 5px; padding: 0; margin: -2px 0px 0px 5px; } .ui-fw-models-tree .filteredTreeOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(255, 255, 255, 0.8); } .ui-fw-models-tree .components-tree-errormessage { position: absolute; top: 40%; left: 50%; width: 75%; text-align: center; transform: translate(-50%, -50%); font-style: italic; color: var(--buic-foreground-muted); } .ui-fw-models-tree .components-tree-errormessage .errormessage-header { display: block; font-weight: bold; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .uifw-centered-popup { position: absolute; top: 0; left: 0; z-index: 15000; height: 100%; width: 100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ .uifw-message-renderer { width: 100%; margin-left: auto; margin-right: auto; left: 0; top: 0; right: 0; position: fixed; display: flex; align-items: center; flex-direction: column; justify-content: center; z-index: 15000; } @media screen and (min-width: 401px) { .uifw-message-renderer { min-width: 400px; max-width: 640px; margin-top: 24px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .nz-toolbar-item-expandable-group-tool-item { white-space: nowrap; height: 32px; color: var(--buic-foreground-body); cursor: pointer; border-radius: 3px; display: flex; align-items: center; font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item > .nz-icon { width: 16px; height: 16px; display: inline-block; margin-right: 16px; margin-left: 8px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); position: relative; } .nz-toolbar-item-expandable-group-tool-item > .nz-icon > .nz-badge { position: absolute; top: -8px; left: -8px; filter: none; } .nz-toolbar-item-expandable-group-tool-item > .nz-label { display: inline-block; margin-right: 16px; line-height: 32px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-item-expandable-group-tool-item > .nz-label:after { display: block; content: attr(title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .nz-toolbar-item-expandable-group-tool-item:hover:not(.nz-disabled), .nz-toolbar-item-expandable-group-tool-item.nz-targeted:not(.nz-disabled) { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item:hover:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item:hover:not(.nz-disabled) .nz-label, .nz-toolbar-item-expandable-group-tool-item.nz-targeted:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-targeted:not(.nz-disabled) .nz-label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-item-expandable-group-tool-item:active:not(.nz-disabled) { background: var(--buic-row-selection); color: var(--buic-foreground-activehover); } .nz-toolbar-item-expandable-group-tool-item:active:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item:active:not(.nz-disabled) .nz-label { filter: none; } .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up:hover:not(.nz-disabled), .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up.nz-targeted:not(.nz-disabled) { background: var(--buic-row-selection); color: var(--buic-foreground-activehover); } .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up:hover:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up:hover:not(.nz-disabled) .nz-label, .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up.nz-targeted:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-pointer-up.nz-targeted:not(.nz-disabled) .nz-label { filter: none; } .nz-toolbar-item-expandable-group-tool-item.nz-focused:not(.nz-disabled) { color: var(--buic-foreground-primary); border-color: var(--buic-foreground-primary); border-width: 2px; border-style: solid; font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item.nz-focused:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-focused:not(.nz-disabled) .nz-label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled) { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled)::before { content: ""; background-color: var(--buic-foreground-primary); display: block; position: relative; top: 0; left: 3px; width: 2px; height: 22px; border-radius: 2px; } .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled) > .nz-icon, .nz-toolbar-item-expandable-group-tool-item.nz-active:not(.nz-disabled) .nz-label { filter: none; } .nz-toolbar-item-expandable-group-tool-item.nz-disabled { color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* $counter: 0; @function step($step) { $counter: $counter + $step !global; @return $counter; } uicore-map-from-array($array, step, 1000); */ /* @function step($counter) { @return $counter + 1000; } uicore-map-from-array-with-result-arg($array, step, 0); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .ListPicker-separator { height: 1px; background: var(--buic-background-divider); border-bottom: 1px solid var(--buic-background-control-stroke); } .ListPicker-column { overflow: auto; height: 40vh; width: 30vh; } .ListPicker-column::-webkit-scrollbar { width: 12px; height: 12px; } .ListPicker-column::-webkit-scrollbar-thumb { border-radius: 12px; background-color: var(--buic-background-scrollbar); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .ListPicker-column::-webkit-scrollbar-thumb:hover { background-color: var(--buic-background-scrollbar-hover); } .ListPicker-column::-webkit-scrollbar-corner { background-color: transparent; } .ListPicker-column::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .ListPickerInnerContainer { border: 1px solid var(--buic-background-control-stroke); margin-left: 10px; margin-right: 10px; overflow: hidden; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; background-color: var(--buic-background-window); } .ListPickerInnerContainer-expander { height: 32px; width: 16px; padding-right: 8px; padding-left: 8px; display: table-cell; vertical-align: middle; } .ListPickerInnerContainer-header-content { display: table-row; } .ListPickerInnerContainer-header, .ListPickerInnerContainer-header-expanded { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; cursor: pointer; white-space: nowrap; height: 32px; color: var(--buic-foreground-body); } .ListPickerInnerContainer-header:focus, .ListPickerInnerContainer-header-expanded:focus { outline: none; } .ListPickerInnerContainer-header-expanded { border-bottom: 1px solid var(--buic-background-control-stroke); } .ListPickerInnerContainer-title { vertical-align: middle; display: table-cell; } .ListPicker-item { white-space: nowrap; height: 32px; color: var(--buic-foreground-body); cursor: pointer; border-radius: 3px; display: flex; align-items: center; font-weight: 300; font-size: 14px; } .ListPicker-item > .label { display: inline-block; margin-right: 16px; margin-left: 16px; line-height: 32px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .ListPicker-item > .label:after { display: block; content: attr(title); font-weight: bold; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .ListPicker-item:hover { color: var(--buic-foreground-primary-tone); font-weight: 400; font-size: 14px; } .ListPicker-item:hover > .icon, .ListPicker-item:hover .label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .ListPicker-item:active { background: var(--buic-row-selection); color: var(--buic-foreground-activehover); } .ListPicker-item:active > .icon, .ListPicker-item:active .label { filter: none; } .ListPicker-item:focus { outline: none; } .ListPicker-item.is-focused { color: var(--buic-foreground-primary-tone); border-color: var(--buic-foreground-primary); border-width: 2px; border-style: solid; font-weight: 400; font-size: 14px; } .ListPicker-item.is-focused > .icon, .ListPicker-item.is-focused .label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .ListPicker-item.is-active { color: var(--buic-foreground-primary-tone); font-weight: 400; font-size: 14px; } .ListPicker-item.is-active::before { content: ""; background-color: var(--buic-foreground-primary-tone); display: block; position: relative; top: 0; left: 3px; width: 2px; height: 22px; border-radius: 2px; } .ListPicker-item.is-active > .icon, .ListPicker-item.is-active .label { filter: none; } .ListPickerWidget-item { white-space: nowrap; height: 32px; color: var(--buic-foreground-body); cursor: pointer; border-radius: 3px; display: flex; align-items: center; font-weight: 300; font-size: 14px; } .ListPickerWidget-item > .label { display: inline-block; margin-right: 16px; margin-left: 16px; line-height: 32px; filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .ListPickerWidget-item > .label:after { display: block; content: attr(title); font-weight: normal; height: 1px; color: transparent; overflow: hidden; visibility: hidden; } .ListPickerWidget-item:hover { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .ListPickerWidget-item:hover > .icon, .ListPickerWidget-item:hover .label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .ListPickerWidget-item:active { background: var(--buic-foreground-primary-tone); color: var(--buic-foreground-activehover); } .ListPickerWidget-item:active > .icon, .ListPickerWidget-item:active .label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .ListPickerWidget-item.is-focused { color: var(--buic-foreground-primary); border-color: var(--buic-foreground-primary); border-width: 2px; border-style: solid; font-weight: 400; font-size: 14px; } .ListPickerWidget-item.is-focused > .icon, .ListPickerWidget-item.is-focused .label { filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .ListPickerWidget-item.is-active { color: var(--buic-foreground-primary); font-weight: 400; font-size: 14px; } .ListPickerWidget-item.is-active::before { content: ""; background-color: var(--buic-foreground-primary); display: block; position: relative; top: 0; left: 3px; width: 2px; height: 22px; border-radius: 2px; } .ListPickerWidget-item.is-active > .icon, .ListPickerWidget-item.is-active .label { filter: none; } .ListPickerWidget-title { white-space: nowrap; text-align: center; color: var(--buic-foreground-body); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); margin-bottom: 9px; margin-left: 20px; margin-right: 20px; font-weight: 400; font-size: 16px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-settings-container { height: calc(100% - 50px); overflow: hidden; } .uifw-settings { background: var(--buic-background-dialog); color: var(--buic-foreground-body); border-radius: 3px; font-size: 14px; display: flex; flex-direction: column; } .uifw-settings-item { display: flex; } .uifw-settings-item > .panel { flex: 1 1; display: flex; box-sizing: border-box; } .uifw-settings-item > .left-panel { flex-direction: column; min-width: 225px; padding: 20px 15px 20px 15px; } .uifw-settings-item > .left-panel > .title { font-size: 18px; } .uifw-settings-item > .left-panel > .description { margin-top: 10px; font-size: 12px; color: var(--buic-foreground-muted); } .uifw-settings-item > .right-panel { display: flex; align-items: center; min-width: 220px; padding: 30px 50px 30px 30px; } .uifw-settings-item > .right-panel .toggle { margin-right: 10px; } .uifw-settings-item > .right-panel .select-theme-container { flex: 1 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-toggle-switch{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; padding:5.5px 0; -webkit-user-select:none; user-select:none; cursor:pointer; position:relative; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-toggle-switch > input ~ .iui-toggle{ display:block; position:relative; height:20px; width:38px; border-radius:11px; background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle{ transition:background-color 0.2s ease, border-color 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ opacity:0; width:12px; height:12px; display:inline-block; position:relative; left:4px; fill:#FFF; fill:var(--iui-color-foreground-accessory); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ transition:opacity 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ position:absolute; height:16px; width:16px; top:50%; transform:translateY(-50%); right:20px; border-radius:50%; background-color:#000; opacity:0.8; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-2); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ transition:right 0.2s ease, background-color 0.2s ease, opacity 0.2s ease; } } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:focus ~ .iui-toggle{ border:1px solid rgba(0, 0, 0, 0.8); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:focus ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle{ background-color:#008BE1; border-color:#008BE1; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-icon{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-handle{ background-color:#FFF; opacity:0.8; background-color:var(--iui-color-foreground-accessory); opacity:var(--iui-opacity-2); right:2px; } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle{ border-color:#008BE1; border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:checked:focus ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:disabled ~ .iui-toggle{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-handle{ background-color:#000; opacity:0.2; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); opacity:0; } .iui-toggle-switch > input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-toggle-switch > input:disabled:checked ~ .iui-toggle > .iui-icon{ opacity:0.2; opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:enabled:focus ~ .iui-toggle{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-toggle-switch.iui-disabled{ cursor:not-allowed; } .iui-toggle-switch > .iui-label{ margin-right:8px; } .iui-toggle-switch .iui-toggle ~ .iui-label{ margin-left:8px; margin-right:0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-slider-component-container{ display:flex; min-height:22px; } .iui-slider-component-container .iui-slider-min, .iui-slider-component-container .iui-slider-max{ -webkit-user-select:all; user-select:all; margin-top:2px; } .iui-slider-component-container .iui-slider-min svg, .iui-slider-component-container .iui-slider-max svg{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; margin-top:4px; } .iui-slider-component-container .iui-slider-min svg.iui-informational, .iui-slider-component-container .iui-slider-max svg.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-slider-component-container .iui-slider-min svg.iui-positive, .iui-slider-component-container .iui-slider-max svg.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-slider-component-container .iui-slider-min svg.iui-warning, .iui-slider-component-container .iui-slider-max svg.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-slider-component-container .iui-slider-min svg.iui-negative, .iui-slider-component-container .iui-slider-max svg.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-slider-component-container .iui-slider-min{ margin-right:12px; text-align:right; } .iui-slider-component-container .iui-slider-max{ margin-left:12px; } .iui-slider-component-container.iui-disabled{ cursor:not-allowed; } .iui-slider-component-container.iui-disabled .iui-slider-container{ cursor:not-allowed; pointer-events:none; } .iui-slider-component-container.iui-disabled .iui-slider-thumb{ cursor:not-allowed; background-color:#DCE0E3; border-color:#DCE0E3; background-color:var(--iui-color-background-4); border-color:var(--iui-color-background-4); } .iui-slider-component-container.iui-disabled .iui-slider-track{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-slider-component-container.iui-disabled .iui-slider-min, .iui-slider-component-container.iui-disabled .iui-slider-max, .iui-slider-component-container.iui-disabled .iui-slider-tick{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-slider-container{ position:relative; flex-grow:1; cursor:pointer; touch-action:pan-y; } .iui-slider-container.iui-grabbing{ cursor:grabbing; } .iui-slider-ticks{ position:relative; padding-top:16px; display:flex; pointer-events:none; justify-content:space-between; -webkit-user-select:none; user-select:none; } .iui-slider-ticks .iui-slider-tick{ position:relative; display:flex; pointer-events:none; justify-content:center; width:1px; height:11px; line-height:44px; margin-bottom:22px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-rail{ position:absolute; width:100%; height:4px; top:12px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-thumb{ position:absolute; height:16px; width:16px; border-radius:100%; top:5px; transform:translateX(-9px); z-index:1; cursor:grab; background:#FFF; border:1px solid #C7CCD1; background:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); } .iui-slider-thumb:active{ cursor:grabbing; } .iui-slider-thumb:focus{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-thumb:focus:not(:focus-visible){ box-shadow:none; } .iui-slider-thumb:focus-visible{ outline:0; box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-slider-track{ pointer-events:none; position:absolute; height:4px; left:0; top:12px; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tooltip-container{ width:-moz-fit-content; width:fit-content; height:-moz-fit-content; height:fit-content; position:relative; } .iui-tooltip-container > .iui-tooltip{ position:absolute; visibility:hidden; -webkit-user-select:none; user-select:none; opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-tooltip-container > .iui-tooltip{ transition:visibility 0s linear 0.2s, opacity 0.2s ease-out; } } .iui-tooltip-container > .iui-tooltip.iui-tooltip-visible, .iui-tooltip-container:hover > .iui-tooltip{ visibility:visible; opacity:1; } .iui-tooltip{ margin:0; padding:0; border:none; vertical-align:baseline; display:block; text-align:center; border-radius:3px; font-size:12px; overflow:hidden; max-width:400px; width:max-content; overflow-wrap:break-word; box-sizing:content-box; padding:4px 8px; z-index:999; box-shadow:0 3px 14px rgba(0, 0, 0, 0.25); pointer-events:none; background-color:rgba(0, 0, 0, 0.6); color:#FFF; background-color:rgba(0, 0, 0, var(--iui-opacity-3)); color:var(--iui-color-foreground-accessory); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .quantity-formatting-container { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; width: 100%; background: var(--buic-background-dialog); } .quantity-formatting-container *, .quantity-formatting-container *:before, .quantity-formatting-container *:after { box-sizing: inherit; } .quantity-formatting-container .quantity-unit-system-selector-container { padding: 20px 20px; display: flex; flex-direction: column; } .quantity-formatting-container .quantity-unit-system-selector-container > span.uicore-label { font-size: 18px; } .quantity-formatting-container .quantity-unit-system-selector-container > select.uicore-inputs-select { width: -moz-fit-content; width: fit-content; min-width: 185px; margin-top: 10px; height: 2em; } .quantity-formatting-container .uifw-quantity-format-section-label { font-size: 18px; margin-left: 20px; } .quantity-formatting-container .uifw-quantity-types-container { display: flex; height: 100%; width: auto; } .quantity-formatting-container .uifw-quantity-types-container > .left-panel { flex-direction: column; min-width: 260px; width: auto; padding: 10px 50px 20px 20px; height: auto; } .quantity-formatting-container .uifw-quantity-types-container > .left-panel ul.core-listbox.uifw-quantity-types { height: 100%; } .quantity-formatting-container .uifw-quantity-types-container > .left-panel ul.core-listbox.uifw-quantity-types li.core-listbox-item { line-height: 2em; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel { display: flex; flex-direction: column; width: auto; height: auto; min-width: 410px; padding: 10px 20px 20px 0; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .uifw-quantity-types-right-top { display: flex; padding-bottom: 10px; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .uifw-quantity-types-right-top .uifw-quantity-types-right-top-sample { display: grid; grid-template-columns: auto 1fr; grid-row-gap: 0; row-gap: 0; grid-column-gap: 6px; column-gap: 6px; align-items: center; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .uifw-quantity-types-right-top .uifw-quantity-types-right-top-sample .components-quantity-persistence-input { width: 6.5em; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .uifw-quantity-types-right-top .uifw-quantity-types-right-top-sample .components-quantity-persistence-input.iui-input { padding: 2px 8px; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .uifw-quantity-types-right-top .uifw-quantity-types-right-top-sample span.components-quantity-formatted-sample { margin-left: 10px; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .uifw-quantity-types-right-top .uifw-quantity-types-right-top-sample > span.components-inline { display: flex; flex-direction: row; align-items: center; grid-gap: 4px; gap: 4px; margin-right: 10px; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .uifw-quantity-types-formats { display: flex; flex-direction: column; border: 1px solid var(--buic-inputs-border); border-radius: 3px; height: auto; overflow-y: auto; box-sizing: border-box; padding: 6px; flex: 1 1 auto; } .quantity-formatting-container .uifw-quantity-types-container > .right-panel .components-button-panel { padding-top: 6px; display: flex; justify-content: flex-end; grid-gap: 6px; gap: 6px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-stagepanelheader { align-items: center; height: 36px; justify-content: flex-end; padding: 5px 10px; box-sizing: border-box; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr auto; } .uifw-stagepanelheader > .uifw-collapse { cursor: pointer; justify-self: end; padding: 5px; } .uifw-stagepanelheader > .uifw-collapse:focus { outline: none; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .uifw-tile-loading-bar { transition: opacity 0.3s ease-in; opacity: 0; display: flex; flex-direction: column; align-items: center; } .uifw-tile-loading-bar > span { font-size: 12px; margin-top: 6px; position: relative; } .uifw-tile-loading-bar > .iui-progress-indicator-linear { width: 100%; flex: 1 1; } .uifw-tile-loading-bar.nz-footer-mode { width: 12em; } .uifw-tile-loading-bar:not(.nz-footer-mode) { min-width: 4em; } @media (max-width: 1299px) { .uifw-tile-loading-bar.nz-footer-mode { width: 9em; } } @media (max-width: 799px) { .uifw-tile-loading-bar { font-size: 12px; } } @media (max-width: 599px) { .uifw-tile-loading-bar { font-size: 11px; } .uifw-tile-loading-bar.nz-footer-mode { width: 6em; } } .uifw-tile-loading-bar-visible { opacity: 1; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusFields-promptField { overflow: hidden; } .uifw-statusFields-promptField.nz-footer-mode { width: 20em; } .uifw-statusFields-promptField:not(.nz-footer-mode) { width: 16em; } @media only screen and (max-width: 768px) { .uifw-statusFields-promptField { font-size: 12px; } .uifw-statusFields-promptField.nz-footer-mode { width: 12em; } .uifw-statusFields-promptField:not(.nz-footer-mode) { width: 10em; } } @media only screen and (max-width: 600px) { .uifw-statusFields-promptField { font-size: 12px; } .uifw-statusFields-promptField.nz-footer-mode { width: 10em; } .uifw-statusFields-promptField:not(.nz-footer-mode) { width: 8em; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-sections-footer-contents { display: flex; flex-direction: column; width: 200px; padding: 8px; } .uifw-uifw-sections-toggle-container { display: flex; margin: 4px; justify-content: center; } .uifw-sections-toggle { align-self: center; margin-right: 8px; } .uifw-sections-label { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; color: var(--buic-foreground-body); font-size: 14px; align-self: center; margin: 8px; } .uifw-sections-label.disabled { color: var(--buic-foreground-disabled); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-statusFields-selectionInfo { min-width: 6em; } .uifw-statusFields-selectionInfo .icon { color: var(--buic-foreground-body); font-size: 16px; padding-right: 4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /** iTwin.js Data Visualization Colors */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusFields-selectionScope { overflow: hidden; padding-right: 0px; } .uifw-statusFields-selectionScope > .uifw-statusFields-selectionScope-label { display: inline; padding-right: 4px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (max-width: 799px) { .uifw-statusFields-selectionScope > .uifw-statusFields-selectionScope-label { display: none; padding-right: 0px; } } .uifw-statusFields-selectionScope > .uifw-statusFields-selectionScope-selector { min-width: 140px; } .uifw-statusFields-selectionScope > .uifw-statusFields-selectionScope-selector.iui-select.iui-small { width: auto; } @media (max-width: 799px) { .uifw-statusFields-selectionScope > .uifw-statusFields-selectionScope-selector { font-size: 12px; } } @media (max-width: 599px) { .uifw-statusFields-selectionScope > .uifw-statusFields-selectionScope-selector { font-size: 11px; } } .uifw-statusFields-selectionScope-label { text-overflow: ellipsis; overflow: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-view-attributes-contents { display: flex; flex-direction: column; padding: 8px; overflow-y: auto; } .uifw-view-attributes-contents > .core-checkbox { margin: 2px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ .uifw-statusFields-toolassistance { overflow: hidden; } .uifw-statusFields-toolassistance.nz-footer-mode { width: 20em; } .uifw-statusFields-toolassistance:not(.nz-footer-mode) { min-width: 2em; } @media (max-width: 1099px) { .uifw-statusFields-toolassistance.nz-footer-mode { width: 16em; } } @media (max-width: 799px) { .uifw-statusFields-toolassistance { font-size: 12px; } } @media (max-width: 599px) { .uifw-statusFields-toolassistance { font-size: 11px; } .uifw-statusFields-toolassistance.nz-footer-mode { width: 12em; } } .uifw-statusFields-toolassistance .nz-indicator { display: flex; flex: auto; } .uifw-statusFields-toolassistance .nz-indicator .nz-icons :nth-child(1) { margin-right: 4px; } .uifw-toolassistance-key { color: var(--buic-foreground-body); background-color: var(--buic-background-1); border: 1px solid var(--buic-foreground-disabled); box-shadow: 0 1px 1px var(--buic-background-5), 0 1px 0 0 rgba(255, 255, 255, 0.25) inset; box-sizing: border-box; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 600; line-height: 1; width: 20px; height: 20px; white-space: nowrap; cursor: default; text-transform: uppercase; } .uifw-toolassistance-key.uifw-toolassistance-key-small { font-size: 8px; width: 12px; height: 12px; } .uifw-toolassistance-key.uifw-toolassistance-key-medium { font-size: 12px; width: 18px; height: 18px; } .uifw-toolassistance-key.uifw-toolassistance-key-large { font-size: 11px; width: 36px; text-transform: none; } .uifw-toolassistance-key-group { display: inline-block; text-align: center; line-height: 0.714em; } .uifw-toolassistance-key-group .row1 { margin-left: 0; margin-bottom: 0; } .uifw-toolassistance-key-group .row2 { margin-top: 0; } .uifw-toolassistance-key-modifier { font-size: 9px; width: 24px; height: 18px; text-transform: none; } .uifw-toolassistance-icon-medium { width: 16px; height: 16px; display: inline-block; font-size: 16px; padding-left: 2px; } .uifw-toolassistance-icon-large { font-size: 22px; } .uifw-toolassistance-svg { width: 22px; height: 22px; } .uifw-toolassistance-svg-wide { width: 30px; height: 22px; } .uifw-toolassistance-svg-medium { width: 16px; height: 16px; display: inline-block; padding-left: 2px; } .uifw-toolassistance-svg-medium-wide { width: 24px; height: 16px; display: inline-block; padding-left: 1px; } .nz-footer-toolAssistance-instruction-image i { font-size: 20px; } .uifw-toolAssistance-content { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .uifw-toolAssistance-content .uifw-toolAssistance-toggle-container { flex: 1 1; display: flex; box-sizing: border-box; align-items: center; } .uifw-toolAssistance-content .uifw-toolAssistance-toggle-container .uifw-toolAssistance-toggle-label { padding-left: 0.5em; } .uifw-toolAssistance-tabs.iui-tabs.iui-default { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: 16px; font-weight: 400; line-height: 22px; } .uifw-toolAssistance-tabs.iui-tabs.iui-default > li { width: 50%; } .uifw-toolAssistance-tabs.iui-tabs.iui-default > li button.iui-tab { width: 100%; display: unset; background-color: var(--buic-background-tab-inactive); } .uifw-toolAssistance-tabs.iui-tabs.iui-default > li button.iui-tab.iui-active { background-color: var(--buic-background-dialog); } .uifw-toolAssistance-tabs.iui-tabs.iui-default > li .iui-tab-label { text-align: center; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tabs-wrapper{ display:flex; position:relative; } .iui-tabs-wrapper.iui-horizontal{ flex-direction:column; } .iui-tabs-wrapper.iui-horizontal .iui-tabs{ display:flex; } .iui-tabs-wrapper.iui-horizontal .iui-tab::after{ width:100%; height:0; } .iui-tabs-wrapper.iui-horizontal .iui-tab.iui-active::after{ height:2px; } .iui-tabs-wrapper.iui-vertical .iui-tabs{ flex-direction:column; } .iui-tabs-wrapper.iui-vertical .iui-tabs li, .iui-tabs-wrapper.iui-vertical .iui-tabs .iui-tab{ width:100%; white-space:nowrap; } .iui-tabs-wrapper.iui-vertical .iui-tabs ~ .iui-tabs-content{ flex-grow:1; } .iui-tabs-wrapper.iui-vertical .iui-tab::after{ width:0; height:100%; } .iui-tabs-wrapper.iui-vertical .iui-tab.iui-active::after{ width:2px; } .iui-tabs{ margin:0; padding:0; border:none; vertical-align:baseline; position:relative; align-items:center; list-style:none; -webkit-user-select:none; user-select:none; } .iui-tabs .iui-tab{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; position:relative; display:flex; align-items:center; font-size:14px; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } @media (prefers-reduced-motion: no-preference){ .iui-tabs .iui-tab{ transition:background-color 0.2s ease-out; } } .iui-tabs .iui-tab.iui-active{ color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-tabs .iui-tab.iui-active .iui-tab-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-tabs .iui-tab[disabled]{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-tabs .iui-tab[disabled] .iui-tab-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-tabs .iui-tab:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-tabs .iui-tab:focus:not(:focus-visible){ outline:none; } .iui-tabs .iui-tab-icon{ width:16px; height:16px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-tabs .iui-tab-icon{ transition:fill 0.2s ease-out; } } .iui-tabs .iui-tab-icon + .iui-tab-label{ margin-left:8px; } .iui-tabs .iui-tab-label{ text-align:left; } .iui-tabs .iui-tab-description{ display:none; font-size:12px; opacity:0.6; opacity:var(--iui-opacity-3); } .iui-tabs.iui-green .iui-tab:focus{ outline-color:var(--iui-color-foreground-positive); } .iui-tabs.iui-green .iui-tab.iui-active{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-tabs.iui-green .iui-tab.iui-active .iui-tab-icon{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-tabs ~ .iui-tabs-content{ padding-top:11px; padding-bottom:11px; box-sizing:border-box; } .iui-tabs.iui-default .iui-tab::after{ content:''; position:absolute; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } @media (prefers-reduced-motion: no-preference){ .iui-tabs.iui-default .iui-active::after{ transition:width 0.2s ease, height 0.2s ease; } } .iui-tabs.iui-default.iui-green .iui-tab::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-tabs.iui-default .iui-tab{ height:38px; padding:0 16px; box-sizing:border-box; background-color:#F8F9FB; border:1px solid #C7CCD1; background-color:var(--iui-color-background-2); border:1px solid var(--iui-color-background-5); } .iui-tabs.iui-default .iui-tab::after{ top:0; left:0; } .iui-tabs.iui-default .iui-tab:hover{ background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-tabs.iui-default .iui-tab.iui-active{ background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-tabs.iui-default .iui-tab[disabled]{ background-color:#EEF0F3; background-color:var(--iui-color-background-3); } .iui-horizontal .iui-tabs.iui-default .iui-tab.iui-active{ border-bottom-color:transparent; } .iui-horizontal .iui-tabs.iui-default :not(:first-child) .iui-tab{ border-left:none; } .iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{ margin-top:-1px; } .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{ border-right-color:transparent; } .iui-vertical .iui-tabs.iui-default :not(:first-child) .iui-tab{ border-top:none; } .iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{ margin-left:-1px; } .iui-tabs.iui-default.iui-large .iui-tab{ height:49px; } .iui-tabs.iui-default.iui-large .iui-tab-description{ display:block; } .iui-tabs.iui-default.iui-green .iui-tab::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-tabs.iui-default ~ .iui-tabs-content{ padding-left:16px; padding-right:16px; background-color:#FFF; border:1px solid #C7CCD1; background-color:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); } .iui-tabs.iui-borderless .iui-tab{ height:38px; padding:0 24px; background-color:transparent; } .iui-tabs.iui-borderless .iui-tab::after{ bottom:0; right:0; } .iui-tabs.iui-borderless .iui-tab:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-borderless .iui-tab.iui-active{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-horizontal .iui-tabs.iui-borderless ~ .iui-tabs-content{ margin-top:-2px; border-top:2px solid #DCE0E3; border-top:2px solid var(--iui-color-background-4); } .iui-vertical .iui-tabs.iui-borderless ~ .iui-tabs-content{ margin-left:-2px; padding-left:12px; padding-right:12px; border-left:2px solid #DCE0E3; border-left:2px solid var(--iui-color-background-4); } .iui-tabs.iui-borderless.iui-green .iui-active, .iui-tabs.iui-borderless.iui-green .iui-tab:hover{ background-color:rgba(83, 162, 26, 0.1); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-borderless.iui-large .iui-tab{ height:49px; } .iui-tabs.iui-borderless.iui-large .iui-tab-description{ display:block; } .iui-tabs.iui-borderless .iui-tab[disabled]:hover{ background-color:transparent; background-color:transparent; } .iui-tabs.iui-pill{ justify-content:space-evenly; } .iui-tabs.iui-pill > li{ flex:1 1; } .iui-tabs.iui-pill > li:not(:last-child){ margin-right:2px; } .iui-tabs.iui-pill.iui-green .iui-tab:hover{ background-color:rgba(83, 162, 26, 0.1); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-pill .iui-tab{ height:38px; background-color:transparent; width:100%; justify-content:center; border-radius:3px; } .iui-tabs.iui-pill .iui-tab::after{ bottom:0; left:0; } .iui-tabs.iui-pill .iui-tab:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-pill .iui-tab[disabled]:hover{ background-color:transparent; background-color:transparent; } .iui-tabs.iui-animated::after{ position:absolute; content:' '; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-tabs.iui-animated.iui-green::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-horizontal .iui-tabs.iui-animated::after{ top:calc(100% - 2px); height:2px; left:var(--stripe-left); width:var(--stripe-width); } @media (prefers-reduced-motion: no-preference){ .iui-horizontal .iui-tabs.iui-animated::after{ transition:width 0.2s ease-out, left 0.2s ease-out; } } .iui-vertical .iui-tabs.iui-animated::after{ left:calc(100% - 2px); width:2px; top:var(--stripe-top); height:var(--stripe-height); } @media (prefers-reduced-motion: no-preference){ .iui-vertical .iui-tabs.iui-animated::after{ transition:top 0.2s ease-out; } } .iui-tabs.iui-not-animated .iui-tab::after{ content:''; position:absolute; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } @media (prefers-reduced-motion: no-preference){ .iui-tabs.iui-not-animated .iui-active::after{ transition:width 0.2s ease, height 0.2s ease; } } .iui-tabs.iui-not-animated.iui-green .iui-tab::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-text-headline{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:32px; font-weight:300; line-height:44px; } .iui-text-title{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:24px; font-weight:300; line-height:33px; } .iui-text-subheading{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:18px; font-weight:400; line-height:33px; } .iui-text-leading{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:16px; font-weight:400; line-height:22px; } .iui-text-block{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:14px; font-weight:400; line-height:22px; } .iui-text-small{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:12px; font-weight:400; line-height:22px; } .iui-text-muted{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-skeleton{ display:inline-block; -webkit-user-select:none; user-select:none; color:transparent; border-radius:3px; background:linear-gradient(270deg, #EEF0F3, #EEF0F3, #F8F9FB, #EEF0F3, #EEF0F3); background-size:200% 100%; background:linear-gradient(270deg, var(--iui-color-background-3), var(--iui-color-background-3), var(--iui-color-background-2), var(--iui-color-background-3), var(--iui-color-background-3)); background-size:200% 100%; } @media (prefers-reduced-motion: no-preference){ .iui-skeleton{ animation:skeleton-shimmer 0.8s linear infinite; } @keyframes skeleton-shimmer{ 0%{ background-position:200% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } } } .iui-text-spacing{ padding:0; margin:0 0 22px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-body{ background-color:#F8F9FB; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-2); color:var(--iui-text-color); font-size:14px; line-height:22px; scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; font-family:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-body::-webkit-scrollbar{ width:8px; height:8px; } .iui-body::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } .iui-body::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-body::-webkit-scrollbar-track, .iui-body::-webkit-scrollbar-corner{ background-color:transparent; } .iui-body.iui-no-webfonts{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; } .iui-anchor{ border-radius:3px; text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-anchor:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } @supports not selector(*:focus-visible){ .iui-anchor:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } } .iui-anchor:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } [class*='iui-'], [class*='iui-'] *{ scrollbar-color:rgba(0, 0, 0, 0.4) transparent; scrollbar-width:thin; scrollbar-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)) transparent; scrollbar-width:thin; } [class*='iui-'] ::selection, [class*='iui-'] * ::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } [class*='iui-']::-webkit-scrollbar, [class*='iui-'] *::-webkit-scrollbar{ width:8px; height:8px; } [class*='iui-']::-webkit-scrollbar-thumb, [class*='iui-'] *::-webkit-scrollbar-thumb{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); border-radius:4px; } [class*='iui-']::-webkit-scrollbar-thumb:hover, [class*='iui-'] *::-webkit-scrollbar-thumb:hover{ background-color:rgba(0, 0, 0, 0.6); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } [class*='iui-']::-webkit-scrollbar-track, [class*='iui-']::-webkit-scrollbar-corner, [class*='iui-'] *::-webkit-scrollbar-track, [class*='iui-'] *::-webkit-scrollbar-corner{ background-color:transparent; } /* html, html.iui-theme-light{ --iui-color-background-1-rgb:255, 255, 255; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:248, 249, 251; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:238, 240, 243; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:220, 224, 227; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:225, 233, 249; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:238, 240, 243; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:0, 0, 0; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:255, 255, 255; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:0, 139, 225; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:83, 162, 26; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:211, 10, 10; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:241, 139, 18; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:242.25, 242.25, 242.25; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 107.49333, 174; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:0, 107.49333, 174; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:60.48404, 118.05319, 18.94681; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:196.39841, 111.87251, 11.60159; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:162.30769, 7.69231, 7.69231; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } html.iui-theme-dark{ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } @media (prefers-color-scheme: dark){ html:not([class*='iui-theme-']){ --iui-color-background-1-rgb:90, 105, 115; --iui-color-background-1:rgb(var(--iui-color-background-1-rgb)); --iui-color-background-2-rgb:79, 93, 101; --iui-color-background-2:rgb(var(--iui-color-background-2-rgb)); --iui-color-background-3-rgb:68, 80, 88; --iui-color-background-3:rgb(var(--iui-color-background-3-rgb)); --iui-color-background-4-rgb:56, 68, 74; --iui-color-background-4:rgb(var(--iui-color-background-4-rgb)); --iui-color-background-5-rgb:45, 55, 60; --iui-color-background-5:rgb(var(--iui-color-background-5-rgb)); --iui-color-background-primary-rgb:0, 139, 225; --iui-color-background-primary:rgb(var(--iui-color-background-primary-rgb)); --iui-color-background-positive-rgb:83, 162, 26; --iui-color-background-positive:rgb(var(--iui-color-background-positive-rgb)); --iui-color-background-negative-rgb:211, 10, 10; --iui-color-background-negative:rgb(var(--iui-color-background-negative-rgb)); --iui-color-background-warning-rgb:241, 139, 18; --iui-color-background-warning:rgb(var(--iui-color-background-warning-rgb)); --iui-color-background-disabled-rgb:68, 80, 88; --iui-color-background-disabled:rgb(var(--iui-color-background-disabled-rgb)); --iui-color-foreground-body-rgb:255, 255, 255; --iui-color-foreground-body:rgb(var(--iui-color-foreground-body-rgb)); --iui-color-foreground-body-invert-rgb:0, 0, 0; --iui-color-foreground-body-invert:rgb(var(--iui-color-foreground-body-invert-rgb)); --iui-color-foreground-accessory-rgb:255, 255, 255; --iui-color-foreground-accessory:rgb(var(--iui-color-foreground-accessory-rgb)); --iui-color-foreground-primary-rgb:165, 215, 245; --iui-color-foreground-primary:rgb(var(--iui-color-foreground-primary-rgb)); --iui-color-foreground-positive-rgb:195, 225, 175; --iui-color-foreground-positive:rgb(var(--iui-color-foreground-positive-rgb)); --iui-color-foreground-negative-rgb:239, 169, 169; --iui-color-foreground-negative:rgb(var(--iui-color-foreground-negative-rgb)); --iui-color-foreground-warning-rgb:249, 215, 171; --iui-color-foreground-warning:rgb(var(--iui-color-foreground-warning-rgb)); --iui-color-background-1-overlay-rgb:101.19512, 118.06098, 129.30488; --iui-color-background-1-overlay:rgb(var(--iui-color-background-1-overlay-rgb)); --iui-color-background-primary-overlay-rgb:0, 154.75333, 250.5; --iui-color-background-primary-overlay:rgb(var(--iui-color-background-primary-overlay-rgb)); --iui-color-background-positive-overlay-rgb:94.25798, 183.9734, 29.5266; --iui-color-background-positive-overlay:rgb(var(--iui-color-background-positive-overlay-rgb)); --iui-color-foreground-primary-overlay-rgb:210.9, 235.4, 250.1; --iui-color-foreground-primary-overlay:rgb(var(--iui-color-foreground-primary-overlay-rgb)); --iui-color-foreground-positive-overlay-rgb:222.81818, 238.90909, 212.09091; --iui-color-foreground-positive-overlay:rgb(var(--iui-color-foreground-positive-overlay-rgb)); --iui-color-foreground-warning-overlay-rgb:252.4, 237.66667, 218.6; --iui-color-foreground-warning-overlay:rgb(var(--iui-color-foreground-warning-overlay-rgb)); --iui-color-foreground-negative-overlay-rgb:247, 212, 212; --iui-color-foreground-negative-overlay:rgb(var(--iui-color-foreground-negative-overlay-rgb)); --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-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-text-color-muted:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-text-color-placeholder:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-focus-box-shadow:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-positive-box-shadow:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-warning-box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-focus-negative-box-shadow:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5)) 0 0 0 2px; --iui-icons-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); --iui-icons-color-actionable:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); --iui-icons-color-actionable-hover:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); --iui-icons-color-actionable-disabled:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); --iui-icons-color-primary:var(--iui-color-foreground-primary); --iui-icons-color-positive:var(--iui-color-foreground-positive); --iui-icons-color-negative:var(--iui-color-foreground-negative); --iui-icons-color-warning:var(--iui-color-foreground-warning); } } */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-input-container{ margin:0; padding:0; border:none; vertical-align:baseline; display:grid; -ms-grid-rows: auto auto; -ms-grid-columns: auto 1fr; grid-template:'label label' 'inputs inputs' / auto 1fr; cursor:default; } .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-icon > .iui-input, .iui-input-container.iui-inline-icon > .iui-textarea{ padding-right:40px; } .iui-input-container.iui-inline-icon > .iui-input:last-child, .iui-input-container.iui-inline-icon > .iui-textarea:last-child{ padding-right:12px; } .iui-input-container.iui-with-message{ -ms-grid-rows: auto auto auto; -ms-grid-columns: auto 1fr; grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; } .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ margin-top:3px; } .iui-input-container .iui-input, .iui-input-container .iui-textarea, .iui-input-container .iui-input-group, .iui-input-container .iui-select{ -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; grid-area:inputs; -ms-grid-row:2; -ms-grid-column:1; -ms-grid-column-span:2; } label.iui-input-container{ cursor:pointer; } label.iui-input-container.iui-disabled{ cursor:not-allowed; } .iui-input-container.iui-disabled label{ cursor:not-allowed; } .iui-input-container .iui-checkbox, .iui-input-container .iui-radio{ min-height:22px; } .iui-input-container.iui-inline-label{ -ms-grid-rows: auto; -ms-grid-columns: auto 1fr auto; grid-template:'label inputs icon' / auto 1fr auto; } div.iui-input-container.iui-inline-label{ -ms-grid-columns:auto min-content auto; } .iui-input-container.iui-inline-label .iui-input, .iui-input-container.iui-inline-label .iui-textarea, .iui-input-container.iui-inline-label .iui-input-group, .iui-input-container.iui-inline-label .iui-select{ -ms-grid-row:1; -ms-grid-column:2; } .iui-input-container.iui-inline-label .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; } .iui-input-container.iui-inline-label.iui-with-message{ -ms-grid-rows: auto auto; -ms-grid-columns: auto auto 1fr; grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; } .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{ -ms-grid-row:2; -ms-grid-column:2; } .iui-input-container.iui-inline-label.iui-with-message .iui-message{ -ms-grid-row:2; -ms-grid-column:3; } .iui-input-container.iui-inline-label > .iui-input-group{ display:flex; grid-gap:16px; gap:16px; } .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:16px; } @supports (gap: 16px){ .iui-input-container.iui-inline-label > .iui-input-group > .iui-checkbox, .iui-input-container.iui-inline-label > .iui-input-group > .iui-radio, .iui-input-container.iui-inline-label > .iui-input-group > .iui-toggle-switch{ margin-right:0; } } .iui-input-container.iui-inline-label > .iui-input-group:not(:last-child){ margin-right:16px; } .iui-input-container > .iui-label{ -ms-grid-row:1; -ms-grid-column:1; -ms-grid-column-span:2; font-weight:600; margin-bottom:3px; grid-area:label; align-self:center; } .iui-input-container > .iui-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container > .iui-input-icon{ -ms-grid-row:3; -ms-grid-column:1; display:flex; grid-area:icon; width:16px; height:16px; align-self:center; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-input-container > .iui-input-icon:not(:last-child){ margin-right:4px; } .iui-input-container .iui-message{ -ms-grid-row:3; -ms-grid-column:2; font-size:12px; grid-area:message; margin-top:3px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-input-container .iui-message a{ -webkit-user-select:none; user-select:none; } .iui-input-container.iui-inline-label > .iui-label{ margin:0 16px 0 0; -ms-grid-column-span:1; } .iui-input-container.iui-inline-label > .iui-label.iui-required{ margin-right:6px; } .iui-input-container.iui-inline-icon > .iui-input-icon{ -ms-grid-row:1; -ms-grid-column:3; grid-area:inputs; justify-self:end; margin:0 12px 0 0; position:relative; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{ height:100%; width:-moz-fit-content; width:fit-content; margin-right:0; border-top-left-radius:0; border-bottom-left-radius:0; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{ align-items:center; height:90%; margin-right:1px; padding:0 12px; cursor:pointer; background-position:center; transition:background 0.4s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{ background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{ background-color:var(--iui-color-background-2); background-size:100%; transition:background 0s; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{ width:16px; height:16px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); transition:transform 0.2s ease-out; } .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{ transform:rotate(180deg); } .iui-input-container.iui-positive *::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-positive .iui-input-icon{ fill:#53A21A; fill:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a{ text-decoration:underline; color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-input-container.iui-positive .iui-message a:hover{ text-decoration:none; color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-input-container.iui-positive > .iui-input, .iui-input-container.iui-positive > .iui-textarea, .iui-input-container.iui-positive > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #53A21A; border-bottom:2px solid var(--iui-color-foreground-positive); } .iui-input-container.iui-positive > .iui-input.iui-small, .iui-input-container.iui-positive > .iui-textarea.iui-small, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-positive > .iui-input.iui-large, .iui-input-container.iui-positive > .iui-textarea.iui-large, .iui-input-container.iui-positive > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-positive > .iui-input:focus, .iui-input-container.iui-positive > .iui-textarea:focus, .iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #53A21A; outline:2px solid #53A21A; outline-offset:-2px; border-bottom:2px solid var(--iui-color-foreground-positive); outline:2px solid var(--iui-color-foreground-positive); outline-offset:-2px; } .iui-input-container.iui-negative *::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-negative .iui-input-icon{ fill:#D30A0A; fill:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a{ text-decoration:underline; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-input-container.iui-negative .iui-message a:hover{ text-decoration:none; color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-input-container.iui-negative > .iui-input, .iui-input-container.iui-negative > .iui-textarea, .iui-input-container.iui-negative > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #D30A0A; border-bottom:2px solid var(--iui-color-foreground-negative); } .iui-input-container.iui-negative > .iui-input.iui-small, .iui-input-container.iui-negative > .iui-textarea.iui-small, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-negative > .iui-input.iui-large, .iui-input-container.iui-negative > .iui-textarea.iui-large, .iui-input-container.iui-negative > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-negative > .iui-input:focus, .iui-input-container.iui-negative > .iui-textarea:focus, .iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #D30A0A; outline:2px solid #D30A0A; outline-offset:-2px; border-bottom:2px solid var(--iui-color-foreground-negative); outline:2px solid var(--iui-color-foreground-negative); outline-offset:-2px; } .iui-input-container.iui-warning *::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-input-container.iui-warning .iui-input-icon{ fill:#F18B12; fill:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a{ text-decoration:underline; color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-input-container.iui-warning .iui-message a:hover{ text-decoration:none; color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-input-container.iui-warning > .iui-input, .iui-input-container.iui-warning > .iui-textarea, .iui-input-container.iui-warning > .iui-select > .iui-select-button{ padding-bottom:6px; border-bottom:2px solid #F18B12; border-bottom:2px solid var(--iui-color-foreground-warning); } .iui-input-container.iui-warning > .iui-input.iui-small, .iui-input-container.iui-warning > .iui-textarea.iui-small, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-small{ padding-bottom:0.5px; } .iui-input-container.iui-warning > .iui-input.iui-large, .iui-input-container.iui-warning > .iui-textarea.iui-large, .iui-input-container.iui-warning > .iui-select > .iui-select-button.iui-large{ padding-bottom:11.5px; } .iui-input-container.iui-warning > .iui-input:focus, .iui-input-container.iui-warning > .iui-textarea:focus, .iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{ border-bottom:2px solid #F18B12; outline:2px solid #F18B12; outline-offset:-2px; border-bottom:2px solid var(--iui-color-foreground-warning); outline:2px solid var(--iui-color-foreground-warning); outline-offset:-2px; } .iui-input-label{ font-weight:600; margin-bottom:3px; cursor:default; display:block; } .iui-input-label.iui-required::after{ content:'*'; margin-left:4px; color:#D30A0A; color:var(--iui-color-foreground-negative); } label.iui-input-label{ cursor:pointer; } label.iui-input-label.iui-disabled{ cursor:not-allowed; } .iui-input-label.iui-inline{ margin:0 16px 0 0; -ms-grid-column-span:1; display:inline-flex; align-items:center; } .iui-input-label.iui-inline.iui-required{ margin-right:6px; } .iui-input{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-input:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } @supports not selector(*:focus-visible){ .iui-input:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } } @media (prefers-reduced-motion: no-preference){ .iui-input{ transition:border-color 0.2s ease-out; } } .iui-input.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-input.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-input::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-input:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-input:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-input:hover{ transition:border-color 0.2s ease-out; } } .iui-input[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-textarea{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); resize:vertical; min-height:38px; } .iui-textarea:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } @supports not selector(*:focus-visible){ .iui-textarea:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } } @media (prefers-reduced-motion: no-preference){ .iui-textarea{ transition:border-color 0.2s ease-out; } } .iui-textarea.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-textarea.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-textarea::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-textarea:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-textarea:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-textarea:hover{ transition:border-color 0.2s ease-out; } } .iui-textarea[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-textarea[disabled], .iui-textarea[readonly]{ resize:none; } .iui-select{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; position:relative; width:100%; min-width:0; } .iui-select > .iui-select-button{ margin:0; padding:0; border:none; vertical-align:baseline; width:100%; font-family:inherit; font-size:14px; font-weight:400; line-height:22px; border-radius:3px; -webkit-appearance:none; appearance:none; box-sizing:border-box; padding:7px 12px; min-height:38px; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); color:var(--iui-text-color); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); display:flex; align-items:center; min-height:38px; padding-right:32px; -webkit-user-select:none; user-select:none; position:relative; } .iui-select > .iui-select-button:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } @supports not selector(*:focus-visible){ .iui-select > .iui-select-button:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button.iui-small{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select > .iui-select-button.iui-large{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-select > .iui-select-button::placeholder{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button:-webkit-autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:autofill{ border-color:#008be1; color:#008be1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-1)); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button:hover{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button[disabled]{ background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); cursor:not-allowed; } .iui-select > .iui-select-button:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } @supports not selector(*:focus-visible){ .iui-select > .iui-select-button:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } } @media (prefers-reduced-motion: no-preference){ .iui-select > .iui-select-button{ transition:border-color 0.2s ease-out; } } .iui-select > .iui-select-button > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-select > .iui-select-button > .iui-icon + .iui-content{ margin-left:8px; } .iui-select > .iui-select-button > .iui-content{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .iui-select > .iui-select-button.iui-placeholder{ color:rgba(0, 0, 0, 0.2); color:var(--iui-text-color-placeholder); } .iui-select > .iui-select-button::after{ content:''; position:absolute; top:50%; right:16px; transform:translateY(-50%); width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(0, 0, 0, 0.8); border-top:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button:hover{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-select > .iui-select-button:hover::after{ border-bottom:none; border-top:5px solid black; border-top:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-active::after{ border-top:none; border-bottom:5px solid rgba(0, 0, 0, 0.8); border-bottom:5px solid var(--iui-icons-color-actionable); } .iui-select > .iui-select-button.iui-active:hover::after{ border-bottom:5px solid black; border-bottom:5px solid var(--iui-icons-color-actionable-hover); } .iui-select > .iui-select-button.iui-disabled{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-select > .iui-select-button.iui-disabled::after{ border-top:5px solid rgba(0, 0, 0, 0.2); border-top:5px solid var(--iui-icons-color-actionable-disabled); } .iui-select.iui-small .iui-select-button{ padding-top:1.5px; padding-bottom:1.5px; min-height:27px; } .iui-select.iui-large .iui-select-button{ padding-top:12.5px; padding-bottom:12.5px; min-height:49px; font-size:16px; } .iui-checkbox{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-checkbox > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-checkbox.iui-disabled{ cursor:not-allowed; } .iui-checkbox .iui-checkbox-checkmark, .iui-checkbox .iui-radio-dot{ width:16px; height:16px; margin:0; display:flex; flex-shrink:0; justify-content:center; align-items:center; position:relative; isolation:isolate; border-color:rgba(0, 0, 0, 0.4); background-color:#FFF; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-checkbox .iui-checkbox-checkmark::after, .iui-checkbox .iui-radio-dot::after{ content:''; position:absolute; inset:0; z-index:-1; transition:border-color 0.2s ease-out; border-radius:inherit; border-style:solid; border-width:1px; border-color:inherit; } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial), .iui-checkbox .iui-radio-dot svg:not(.iui-radial){ width:100%; height:100%; fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-checkbox > .iui-label{ margin-right:8px; display:flex; align-items:center; } .iui-checkbox > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-checkbox .iui-checkbox-checkmark ~ .iui-label, .iui-checkbox .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-checkbox:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-checkbox input:checked ~ .iui-checkbox-checkmark, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark, .iui-checkbox input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-checkbox input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus ~ .iui-radio-dot{ outline:2px solid #008BE1; outline:2px solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ outline:none; } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark, .iui-checkbox input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-checkbox input:disabled ~ .iui-checkbox-checkmark svg, .iui-checkbox input:disabled ~ .iui-radio-dot svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-checkbox input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-checkbox.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-checkbox.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-checkbox.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-checkbox .iui-checkbox-checkmark{ border-radius:3px; } .iui-checkbox.iui-loading{ cursor:wait; } .iui-checkbox.iui-loading input ~ .iui-checkbox-checkmark{ border-color:transparent; background-color:transparent; } .iui-checkbox.iui-loading input:disabled ~ .iui-checkbox-checkmark{ cursor:wait; } .iui-checkbox.iui-loading input:disabled ~ .iui-label{ cursor:wait; } .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark::after, .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark::after{ border:none; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark{ background-color:transparent; } .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck, .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:0; } .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{ opacity:1; transition:opacity 0.2s ease; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-checkbox-visibility input:disabled ~ .iui-checkbox-checkmark .iui-uncheck{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-radio > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio.iui-disabled{ cursor:not-allowed; } .iui-radio .iui-checkbox-checkmark, .iui-radio .iui-radio-dot{ width:16px; height:16px; margin:0; display:flex; flex-shrink:0; justify-content:center; align-items:center; position:relative; isolation:isolate; border-color:rgba(0, 0, 0, 0.4); background-color:#FFF; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } .iui-radio .iui-checkbox-checkmark::after, .iui-radio .iui-radio-dot::after{ content:''; position:absolute; inset:0; z-index:-1; transition:border-color 0.2s ease-out; border-radius:inherit; border-style:solid; border-width:1px; border-color:inherit; } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial), .iui-radio .iui-radio-dot svg:not(.iui-radial){ width:100%; height:100%; fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *, .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{ transition:opacity 0.2s ease; } } .iui-radio > .iui-label{ margin-right:8px; display:flex; align-items:center; } .iui-radio > .iui-label svg{ width:16px; height:16px; vertical-align:middle; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-radio .iui-checkbox-checkmark ~ .iui-label, .iui-radio .iui-radio-dot ~ .iui-label{ margin-left:8px; margin-right:0; } .iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark, .iui-radio:hover > input:enabled ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-radio input:checked ~ .iui-checkbox-checkmark, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark, .iui-radio input:checked ~ .iui-radio-dot{ border-color:rgba(0, 0, 0, 0.6); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check, .iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial, .iui-radio input:checked ~ .iui-radio-dot circle{ transition:opacity 0.2s ease; } } .iui-radio input:enabled:focus ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus ~ .iui-radio-dot{ outline:2px solid #008BE1; outline:2px solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark, .iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{ outline:none; } .iui-radio input:disabled ~ .iui-checkbox-checkmark, .iui-radio input:disabled ~ .iui-radio-dot{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-radio input:disabled ~ .iui-checkbox-checkmark svg, .iui-radio input:disabled ~ .iui-radio-dot svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio input:disabled ~ .iui-label svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-radio.iui-warning{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-radio.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-radio .iui-radio-dot{ border-radius:50%; } .iui-radio-tile-container{ display:inline-flex; flex-wrap:wrap; width:-moz-fit-content; width:fit-content; -webkit-user-select:none; user-select:none; position:relative; z-index:0; } .iui-radio-tile-container > label{ cursor:pointer; } .iui-radio-tile-container > label > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-radio-tile-container > label > .iui-radio-tile{ width:160px; height:100%; box-sizing:border-box; padding:8px; position:relative; z-index:1; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ width:32px; height:32px; display:block; margin:0 auto; margin-top:6px; margin-bottom:11px; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label > .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label > .iui-radio-tile > .iui-checkmark{ display:none; width:16px; height:16px; position:absolute; right:8px; fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-label{ font-size:14px; font-weight:600; line-height:22px; text-align:center; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-radio-tile-container > label > .iui-radio-tile > .iui-description{ font-size:12px; line-height:15px; text-align:center; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label:first-child > .iui-radio-tile{ border-radius:3px 0 0 3px; } .iui-radio-tile-container > label:last-child > .iui-radio-tile{ border-radius:0 3px 3px 0; } .iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{ margin-left:-1px; } .iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{ outline:2px solid #008BE1; outline-offset:-4px; outline:2px solid var(--iui-color-foreground-primary); outline-offset:-4px; } .iui-radio-tile-container > label input:enabled:focus:not(:focus-visible) ~ .iui-radio-tile{ outline:none; } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ z-index:2; border-color:rgba(0, 0, 0, 0.8); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{ transition:border-color 0.2s ease-out; } } .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile > .iui-icon{ transition:fill 0.2s ease-out; } } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile{ padding:7px; z-index:3; border:2px solid #008BE1; border:2px solid var(--iui-color-foreground-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-radio-tile-container > label input:checked ~ .iui-radio-tile > .iui-checkmark{ display:inline-block; } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile{ cursor:not-allowed; z-index:0; border-color:#EEF0F3; background-color:#EEF0F3; border-color:var(--iui-color-background-disabled); background-color:var(--iui-color-background-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-checkmark{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); filter:grayscale(100%); } .iui-radio-tile-container > label input:disabled ~ .iui-radio-tile > .iui-label{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-radio-tile-container > label input:disabled:checked ~ .iui-radio-tile{ z-index:3; border:2px solid rgba(0, 0, 0, 0.4); border:2px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-button{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; display:inline-flex; align-items:center; vertical-align:middle; justify-content:center; position:relative; box-sizing:border-box; border-radius:3px; line-height:22px; outline:none; box-shadow:none; font-size:14px; font-weight:400; text-decoration:none; -webkit-user-select:none; user-select:none; cursor:pointer; white-space:nowrap; border:1px solid transparent; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); padding:0 16px; height:38px; grid-gap:8px; gap:8px; padding:0 16px; height:38px; grid-gap:8px; gap:8px; } @media (prefers-reduced-motion: no-preference){ .iui-button{ transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .iui-button:hover{ text-decoration:none; color:black; color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-button:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-button[disabled], .iui-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-default{ background-color:#FFF; border-color:rgba(0, 0, 0, 0.4); color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-button.iui-default:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } @supports not selector(*:focus-visible){ .iui-button.iui-default:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } } .iui-button.iui-default:hover, .iui-button.iui-default:active{ background-color:#f2f2f2; border-color:black; color:black; background-color:var(--iui-color-background-1-overlay); border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-button.iui-default:hover .iui-notification-primary::before, .iui-button.iui-default:hover .iui-notification-positive::before, .iui-button.iui-default:hover .iui-notification-warning::before, .iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before, .iui-button.iui-default:active .iui-notification-positive::before, .iui-button.iui-default:active .iui-notification-warning::before, .iui-button.iui-default:active .iui-notification-negative::before{ border-color:#f2f2f2; border-color:var(--iui-color-background-1-overlay); } .iui-button.iui-default.iui-dropdown{ padding-right:8px; } .iui-button.iui-default.iui-dropdown.iui-small{ padding-right:4px; } .iui-button.iui-default.iui-dropdown.iui-large{ padding-right:12px; } .iui-button.iui-default.iui-active:enabled{ position:relative; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-button.iui-default.iui-active:enabled::before{ content:''; position:absolute; inset:0; background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-high-visibility{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility:focus-visible{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } @supports not selector(*:focus-visible){ .iui-button.iui-high-visibility:focus{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } } .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-cta{ background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta:focus-visible{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } @supports not selector(*:focus-visible){ .iui-button.iui-cta:focus{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } } .iui-button.iui-cta:hover, .iui-button.iui-cta:active{ background-color:#3c7613; border-color:#3c7613; color:#FFF; background-color:var(--iui-color-background-positive-overlay); border-color:var(--iui-color-background-positive-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-idea{ background-color:#008BE1; border-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); border-radius:22px; box-shadow:0 9px 46px rgba(0, 0, 0, 0.25); position:fixed; bottom:11px; right:16px; } .iui-button.iui-idea:focus-visible{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } @supports not selector(*:focus-visible){ .iui-button.iui-idea:focus{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } } .iui-button.iui-idea:hover, .iui-button.iui-idea:active{ background-color:#006bae; border-color:#006bae; color:#FFF; background-color:var(--iui-color-background-primary-overlay); border-color:var(--iui-color-background-primary-overlay); color:var(--iui-color-foreground-accessory); } .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button.iui-borderless{ border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; } .iui-button.iui-borderless > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-button.iui-borderless:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-button.iui-borderless.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-button.iui-small{ padding:0 8px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-small.iui-borderless{ padding:0 2px; height:27px; grid-gap:4px; gap:4px; } .iui-button.iui-large{ padding:0 24px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button.iui-large.iui-borderless{ padding:0 12px; height:49px; font-size:16px; grid-gap:12px; gap:12px; } .iui-button-group{ display:inline-flex; align-items:center; isolation:isolate; } .iui-button-group > *{ display:flex; } .iui-button-group > * input, .iui-button-group > * button{ position:relative; transition-duration:0ms; } .iui-button-group > * input:hover, .iui-button-group > * button:hover{ z-index:1; } .iui-button-group > * input:focus, .iui-button-group > * button:focus{ z-index:2; } .iui-button-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-group > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{ z-index:-1; } .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * button:hover, .iui-button-group > * button:focus{ transition-duration:0.2s; } .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){ border-radius:0; } .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-group > * + *{ margin-left:-1px; } .iui-button-group > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu{ display:inline-flex; align-items:center; isolation:isolate; display:inline-flex; align-items:center; isolation:isolate; } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > * + *{ margin-left:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu > *{ display:flex; } .iui-button-split-menu > * input, .iui-button-split-menu > * button{ position:relative; transition-duration:0ms; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * button:hover{ z-index:1; } .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:focus{ z-index:2; } .iui-button-split-menu > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-button-split-menu > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{ z-index:-1; } .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus{ transition-duration:0.2s; } .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){ border-radius:0; } .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-button-split-menu > * + *{ margin-left:-1px; } .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-button-split-menu:hover{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-button-split-menu > *:first-child > .iui-borderless:hover{ background-color:transparent; } .iui-button-split-menu > *:last-child > .iui-button{ padding:4px; } .iui-button-split-menu > *:last-child > .iui-small{ padding:2px; } .iui-button-split-menu > *:last-child > .iui-large{ padding:8px; } .iui-button-split-menu > *:first-child > .iui-high-visibility, .iui-button-split-menu > *:first-child > .iui-cta{ border-right-color:rgba(255, 255, 255, 0.4); border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu > *:last-child > .iui-high-visibility, .iui-button-split-menu > *:last-child > .iui-cta{ border-left-color:rgba(255, 255, 255, 0.4); border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); } .iui-button-split-menu.iui-disabled{ background-color:transparent; background-color:transparent; } .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-button-icon{ width:16px; height:16px; transition:fill 0.2s ease-out; fill:currentColor; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-alert{ margin:0; padding:0; border:none; vertical-align:baseline; border-radius:3px; box-sizing:border-box; display:flex; align-items:center; border:1px solid #C7CCD1; color:rgba(0, 0, 0, 0.8); background-color:#FFF; border:1px solid var(--iui-color-background-5); color:var(--iui-text-color); background-color:var(--iui-color-background-1); } .iui-alert-icon{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; flex-shrink:0; margin-left:16px; } .iui-alert-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-alert-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-alert-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-alert-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-alert-message{ margin:11px 16px; } .iui-alert-link{ cursor:pointer; margin-left:8px; text-decoration:underline; -webkit-user-select:none; user-select:none; white-space:nowrap; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-alert-link:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-alert-link:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-alert-link:hover{ text-decoration:none; color:#006bae; color:var(--iui-color-foreground-primary-overlay); } .iui-alert > .iui-button{ margin-left:auto; margin-right:8px; } .iui-alert.iui-sticky{ border-radius:0; position:absolute; top:0; left:0; width:100vw; } .iui-alert.iui-positive{ background:linear-gradient(rgba(83, 162, 26, 0.1), rgba(83, 162, 26, 0.1)), linear-gradient(#FFF, #FFF); border-color:#53A21A; background:linear-gradient(rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); border-color:var(--iui-color-foreground-positive); } .iui-alert.iui-positive .iui-alert-icon{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-alert.iui-positive .iui-alert-message::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-alert.iui-positive .iui-alert-link{ border-radius:3px; color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-alert.iui-positive .iui-alert-link:hover{ color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-alert.iui-positive .iui-alert-link:focus-visible{ outline:1px solid var(--iui-color-foreground-positive); outline-offset:2px; } @supports not selector(*:focus-visible){ .iui-alert.iui-positive .iui-alert-link:focus{ outline:1px solid var(--iui-color-foreground-positive); outline-offset:2px; } } .iui-alert.iui-positive > .iui-button{ outline-color:var(--iui-color-foreground-positive); } .iui-alert.iui-negative{ background:linear-gradient(rgba(211, 10, 10, 0.1), rgba(211, 10, 10, 0.1)), linear-gradient(#FFF, #FFF); border-color:#D30A0A; background:linear-gradient(rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); border-color:var(--iui-color-foreground-negative); } .iui-alert.iui-negative .iui-alert-icon{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-alert.iui-negative .iui-alert-message::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-alert.iui-negative .iui-alert-link{ border-radius:3px; color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-alert.iui-negative .iui-alert-link:hover{ color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-alert.iui-negative .iui-alert-link:focus-visible{ outline:1px solid var(--iui-color-foreground-negative); outline-offset:2px; } @supports not selector(*:focus-visible){ .iui-alert.iui-negative .iui-alert-link:focus{ outline:1px solid var(--iui-color-foreground-negative); outline-offset:2px; } } .iui-alert.iui-negative > .iui-button{ outline-color:var(--iui-color-foreground-negative); } .iui-alert.iui-warning{ background:linear-gradient(rgba(241, 139, 18, 0.1), rgba(241, 139, 18, 0.1)), linear-gradient(#FFF, #FFF); border-color:#F18B12; background:linear-gradient(rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); border-color:var(--iui-color-foreground-warning); } .iui-alert.iui-warning .iui-alert-icon{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-alert.iui-warning .iui-alert-message::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-alert.iui-warning .iui-alert-link{ border-radius:3px; color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-alert.iui-warning .iui-alert-link:hover{ color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-alert.iui-warning .iui-alert-link:focus-visible{ outline:1px solid var(--iui-color-foreground-warning); outline-offset:2px; } @supports not selector(*:focus-visible){ .iui-alert.iui-warning .iui-alert-link:focus{ outline:1px solid var(--iui-color-foreground-warning); outline-offset:2px; } } .iui-alert.iui-warning > .iui-button{ outline-color:var(--iui-color-foreground-warning); } .iui-alert.iui-informational{ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:#008BE1; background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); border-color:var(--iui-color-foreground-primary); } .iui-alert.iui-informational .iui-alert-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-alert.iui-informational .iui-alert-message::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } .iui-alert.iui-informational .iui-alert-link{ border-radius:3px; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-alert.iui-informational .iui-alert-link:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); } .iui-alert.iui-informational .iui-alert-link:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } @supports not selector(*:focus-visible){ .iui-alert.iui-informational .iui-alert-link:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } } .iui-alert.iui-informational > .iui-button{ outline-color:var(--iui-color-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-menu{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); list-style-type:none; -webkit-user-select:none; user-select:none; width:100%; margin:0; padding:0; } .iui-menu .iui-header-menu-icon{ margin:0 4px; } .iui-menu div.iui-header-menu-icon{ margin:0; width:24px; height:24px; border-radius:3px; } .iui-menu.iui-scroll{ overflow-y:auto; overflow-y:overlay; } .iui-menu-item{ display:flex; align-items:center; font-size:14px; padding:0 13px; height:38px; cursor:pointer; box-sizing:border-box; line-height:normal; } .iui-menu-item + .iui-menu-item{ margin-top:-1px; } .iui-menu-item .iui-content, .iui-menu-item .iui-menu-label, .iui-menu-item .iui-menu-description{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-menu-item .iui-content{ flex:1 1 auto; } .iui-menu-item .iui-content + .iui-icon{ margin-right:0; margin-left:8px; } .iui-menu-item .iui-menu-description{ display:none; font-size:12px; opacity:0.6; opacity:var(--iui-opacity-3); } .iui-menu-item > .iui-icon{ width:16px; height:16px; flex:0 0 auto; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-menu-item > .iui-icon + .iui-content{ margin-left:8px; } .iui-menu-item:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-menu-item:focus, .iui-menu-item.iui-focused{ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item:focus:not(:focus-visible){ outline:none; } .iui-menu-item.iui-large{ height:49px; } .iui-menu-item.iui-large .iui-menu-description{ display:block; } .iui-menu-item.iui-active, .iui-menu-item.iui-active:hover{ background-color:rgba(0, 139, 225, 0.2); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-active > .iui-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-menu-item.iui-active:focus, .iui-menu-item.iui-active.iui-focused{ outline-width:2px; outline-offset:-2px; } .iui-menu-item.iui-active:focus:not(:focus-visible){ outline:thin solid var(--iui-color-foreground-primary); outline-offset:-1px; } .iui-menu-item.iui-disabled, .iui-menu-item.iui-disabled:hover{ cursor:not-allowed; outline:none; background-color:#FFF; color:rgba(0, 0, 0, 0.2); background-color:var(--iui-color-background-1); color:var(--iui-text-color-placeholder); } .iui-menu-item.iui-disabled > .iui-icon, .iui-menu-item.iui-disabled:hover > .iui-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-menu-content{ padding:11px 13px; } .iui-menu-divider{ height:1px; width:calc(100% - 24px); margin:1px auto; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-toggle-switch{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; font-size:14px; width:-moz-fit-content; width:fit-content; padding:5.5px 0; -webkit-user-select:none; user-select:none; cursor:pointer; position:relative; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input{ width:0; height:0; -webkit-appearance:none; appearance:none; opacity:0; position:absolute; } .iui-toggle-switch > input ~ .iui-toggle{ display:block; position:relative; height:20px; width:38px; border-radius:11px; background-color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-1); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle{ transition:background-color 0.2s ease, border-color 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ opacity:0; width:12px; height:12px; display:inline-block; position:relative; left:4px; fill:#FFF; fill:var(--iui-color-foreground-accessory); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-icon{ transition:opacity 0.2s ease; } } .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ position:absolute; height:16px; width:16px; top:50%; transform:translateY(-50%); right:20px; border-radius:50%; background-color:#000; opacity:0.8; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-2); } @media (prefers-reduced-motion: no-preference){ .iui-toggle-switch > input ~ .iui-toggle > .iui-handle{ transition:right 0.2s ease, background-color 0.2s ease, opacity 0.2s ease; } } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle, .iui-toggle-switch > input:focus ~ .iui-toggle{ border:1px solid rgba(0, 0, 0, 0.8); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); } .iui-toggle-switch > input:hover:not(:disabled) ~ .iui-toggle > .iui-handle, .iui-toggle-switch > input:focus ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle{ background-color:#008BE1; border-color:#008BE1; background-color:var(--iui-color-background-primary); border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-icon{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:checked ~ .iui-toggle > .iui-handle{ background-color:#FFF; opacity:0.8; background-color:var(--iui-color-foreground-accessory); opacity:var(--iui-opacity-2); right:2px; } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle{ border-color:#008BE1; border-color:var(--iui-color-background-primary); } .iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle{ opacity:1; opacity:var(--iui-opacity-1); } .iui-toggle-switch > input:disabled ~ .iui-toggle{ cursor:not-allowed; background-color:#EEF0F3; border-color:#EEF0F3; background-color:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-handle{ background-color:#000; opacity:0.2; background-color:var(--iui-color-foreground-body); opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:disabled ~ .iui-toggle > .iui-icon{ fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); opacity:0; } .iui-toggle-switch > input:disabled ~ .iui-label{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-toggle-switch > input:disabled:checked ~ .iui-toggle > .iui-icon{ opacity:0.2; opacity:var(--iui-opacity-5); } .iui-toggle-switch > input:enabled:focus ~ .iui-toggle{ outline:1px solid #008BE1; outline:1px solid var(--iui-color-foreground-primary); outline-offset:1px; } .iui-toggle-switch > input:enabled:focus:not(:focus-visible) ~ .iui-toggle{ outline:none; } .iui-toggle-switch.iui-disabled{ cursor:not-allowed; } .iui-toggle-switch > .iui-label{ margin-right:8px; } .iui-toggle-switch .iui-toggle ~ .iui-label{ margin-left:8px; margin-right:0; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-slider-component-container{ display:flex; min-height:22px; } .iui-slider-component-container .iui-slider-min, .iui-slider-component-container .iui-slider-max{ -webkit-user-select:all; user-select:all; margin-top:2px; } .iui-slider-component-container .iui-slider-min svg, .iui-slider-component-container .iui-slider-max svg{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; margin-top:4px; } .iui-slider-component-container .iui-slider-min svg.iui-informational, .iui-slider-component-container .iui-slider-max svg.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-slider-component-container .iui-slider-min svg.iui-positive, .iui-slider-component-container .iui-slider-max svg.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-slider-component-container .iui-slider-min svg.iui-warning, .iui-slider-component-container .iui-slider-max svg.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-slider-component-container .iui-slider-min svg.iui-negative, .iui-slider-component-container .iui-slider-max svg.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-slider-component-container .iui-slider-min{ margin-right:12px; text-align:right; } .iui-slider-component-container .iui-slider-max{ margin-left:12px; } .iui-slider-component-container.iui-disabled{ cursor:not-allowed; } .iui-slider-component-container.iui-disabled .iui-slider-container{ cursor:not-allowed; pointer-events:none; } .iui-slider-component-container.iui-disabled .iui-slider-thumb{ cursor:not-allowed; background-color:#DCE0E3; border-color:#DCE0E3; background-color:var(--iui-color-background-4); border-color:var(--iui-color-background-4); } .iui-slider-component-container.iui-disabled .iui-slider-track{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-slider-component-container.iui-disabled .iui-slider-min, .iui-slider-component-container.iui-disabled .iui-slider-max, .iui-slider-component-container.iui-disabled .iui-slider-tick{ -webkit-user-select:none; user-select:none; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-slider-container{ position:relative; flex-grow:1; cursor:pointer; touch-action:pan-y; } .iui-slider-container.iui-grabbing{ cursor:grabbing; } .iui-slider-ticks{ position:relative; padding-top:16px; display:flex; pointer-events:none; justify-content:space-between; -webkit-user-select:none; user-select:none; } .iui-slider-ticks .iui-slider-tick{ position:relative; display:flex; pointer-events:none; justify-content:center; width:1px; height:11px; line-height:44px; margin-bottom:22px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-rail{ position:absolute; width:100%; height:4px; top:12px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-slider-thumb{ position:absolute; height:16px; width:16px; border-radius:100%; top:5px; transform:translateX(-9px); z-index:1; cursor:grab; background:#FFF; border:1px solid #C7CCD1; background:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); } .iui-slider-thumb:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-slider-thumb:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-slider-thumb:active{ cursor:grabbing; } .iui-slider-track{ pointer-events:none; position:absolute; height:4px; left:0; top:12px; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tooltip-container{ width:-moz-fit-content; width:fit-content; height:-moz-fit-content; height:fit-content; position:relative; } .iui-tooltip-container > .iui-tooltip{ position:absolute; visibility:hidden; -webkit-user-select:none; user-select:none; opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-tooltip-container > .iui-tooltip{ transition:visibility 0s linear 0.2s, opacity 0.2s ease-out; } } .iui-tooltip-container > .iui-tooltip.iui-tooltip-visible, .iui-tooltip-container:hover > .iui-tooltip{ visibility:visible; opacity:1; } .iui-tooltip{ margin:0; padding:0; border:none; vertical-align:baseline; display:block; text-align:center; border-radius:3px; font-size:12px; overflow:hidden; max-width:400px; width:max-content; overflow-wrap:break-word; box-sizing:content-box; padding:4px 8px; z-index:999; box-shadow:0 3px 14px rgba(0, 0, 0, 0.25); pointer-events:none; background-color:rgba(0, 0, 0, 0.6); color:#FFF; background-color:rgba(0, 0, 0, var(--iui-opacity-3)); color:var(--iui-color-foreground-accessory); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-progress-indicator-linear{ margin:0; padding:0; border:none; vertical-align:baseline; text-align:left; display:block; } .iui-progress-indicator-linear > .iui-track{ width:100%; height:4px; overflow:hidden; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-progress-indicator-linear > .iui-track > .iui-fill{ display:inline-block; height:100%; vertical-align:top; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-progress-indicator-linear > .iui-label{ align-items:center; width:100%; overflow:hidden; margin-top:4px; display:flex; font-size:12px; justify-content:space-between; } .iui-progress-indicator-linear > .iui-label > :only-child{ margin:0 auto; } .iui-progress-indicator-linear > .iui-label > :last-child:not(:first-child){ -webkit-user-select:none; user-select:none; } .iui-progress-indicator-linear > .iui-label svg{ display:flex; width:16px; height:16px; } .iui-progress-indicator-linear.iui-positive > .iui-track, .iui-progress-indicator-linear.iui-positive > .iui-track > *{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-linear.iui-positive > .iui-label > span::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear.iui-negative > .iui-track > *{ width:100%; background-color:#D30A0A; background-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-linear.iui-negative > .iui-label > span::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-progress-indicator-linear > .iui-track > .iui-determinate{ transition:width 2s ease-in-out; } .iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive) > .iui-track > .iui-indeterminate{ width:100%; animation:iui-progress-indicator-linear-animate-indeterminate 1.5s infinite linear; } @keyframes iui-progress-indicator-linear-animate-indeterminate{ 0%{ transform:translateX(-60%) scaleX(0); } 40%{ transform:translateX(-40%) scaleX(0.4); } 100%{ transform:translateX(100%) scaleX(0.5); } } .iui-progress-indicator-radial-ie{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-block; position:relative; box-sizing:border-box; height:100%; width:100%; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-progress-indicator-radial-ie::after{ position:relative; box-sizing:border-box; content:''; width:100%; height:100%; display:inline-block; border:3px solid currentColor; border-radius:100%; background-color:transparent; animation:dash 0.8s linear infinite; border-bottom-color:#C7CCD1; border-bottom-color:var(--iui-color-background-5); } @keyframes dash{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } } .iui-progress-indicator-radial{ position:relative; display:inline-block; width:32px; height:32px; } .iui-progress-indicator-radial > .iui-radial{ height:100%; width:100%; } .iui-progress-indicator-radial > .iui-radial > circle.iui-fill{ stroke:#008BE1; stroke:var(--iui-color-foreground-primary); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial > .iui-radial > circle.iui-track{ stroke:#C7CCD1; stroke:var(--iui-color-background-5); fill:none; stroke-width:3.2; } .iui-progress-indicator-radial .iui-inner-content{ position:absolute; display:flex; width:calc(100% - 8px); height:calc(100% - 8px); left:50%; top:50%; transform:translate(-50%, -50%); align-items:center; justify-content:center; font-size:12px; -webkit-user-select:none; user-select:none; overflow:hidden; } .iui-progress-indicator-radial .iui-inner-content svg, .iui-progress-indicator-radial .iui-inner-content img{ display:flex; width:16px; height:16px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-progress-indicator-radial .iui-inner-content svg:hover, .iui-progress-indicator-radial .iui-inner-content img:hover{ fill:black; fill:var(--iui-icons-color-actionable-hover); } .iui-progress-indicator-radial.iui-positive{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill, .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{ stroke:#53A21A; stroke:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-positive .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#53A21A; border-bottom-color:var(--iui-color-foreground-positive); } .iui-progress-indicator-radial.iui-negative{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{ stroke:#D30A0A; stroke:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-negative .iui-progress-indicator-radial-ie::after{ animation:none; border-bottom-color:#D30A0A; border-bottom-color:var(--iui-color-foreground-negative); } .iui-progress-indicator-radial.iui-x-small{ width:16px; height:16px; } .iui-progress-indicator-radial.iui-x-small .iui-inner-content{ display:none; } .iui-progress-indicator-radial.iui-small{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-large{ width:48px; height:48px; } .iui-progress-indicator-radial.iui-large .iui-inner-content{ font-size:16px; } .iui-progress-indicator-radial.iui-large .iui-inner-content svg, .iui-progress-indicator-radial.iui-large .iui-inner-content img{ width:24px; height:24px; } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{ transform:rotate(-90deg); } .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{ stroke-dasharray:88; transition:stroke-dashoffset 0.5s ease-in-out; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{ animation:rotate-indeterminate 2s linear infinite; } .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{ animation:dash-indeterminate 1.5s ease-in-out infinite; } @keyframes rotate-indeterminate{ 100%{ transform:rotate(360deg); } } @keyframes dash-indeterminate{ 0%{ stroke-dasharray:1, 88; } 50%{ stroke-dasharray:88, 88; stroke-dashoffset:-22; } 100%{ stroke-dasharray:88, 88; stroke-dashoffset:-88; } } .iui-progress-indicator-overlay{ width:100%; height:100%; position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; z-index:10000; pointer-events:none; background-color:rgba(255, 255, 255, 0.8); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-2)); } @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){ .iui-progress-indicator-overlay{ background-color:rgba(255, 255, 255, 0.6); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(var(--iui-color-background-1-rgb), var(--iui-opacity-3)); backdrop-filter:blur(5px); } } .iui-progress-indicator-overlay:focus, .iui-progress-indicator-overlay:focus-visible{ outline:0; } .iui-progress-indicator-overlay .iui-progress-indicator-linear{ width:50%; max-width:33vw; } @keyframes closeAnimation{ from{ opacity:1; opacity:var(--iui-opacity-1); } to{ opacity:0; } } .iui-progress-indicator-overlay .iui-overlay-exiting{ animation:closeAnimation 0.2s linear; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-expandable-block{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; box-sizing:border-box; width:100%; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-expandable-block > .iui-header{ display:flex; align-items:center; padding:11px 12px; cursor:pointer; box-sizing:border-box; -webkit-user-select:none; user-select:none; /* border:1px solid var(--iui-operateBtn-background); background-color:rgb(var(--iui-operateBtn-background)); border:1px solid rgb(var(--iui-operateBtn-background)); border-bottom-color:var(--iui-color-background-4); background-color:rgb(var(--iui-operateBtn-background)); */ border:1px solid var(--iui-header); background-color:var(--iui-header); border:1px solid var(--iui-header); border-bottom-color:var(--iui-header); background-color:var(--iui-header); } .iui-expandable-block > .iui-header:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-expandable-block > .iui-header:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block > .iui-header{ transition:background-color 0.2s ease-out; } } .iui-expandable-block > .iui-header > .iui-icon, .iui-expandable-block > .iui-header > .iui-status-icon{ display:inline-flex; flex-shrink:0; width:16px; height:16px; } .iui-expandable-block > .iui-header > .iui-icon{ fill:var(--iui-header-color); /* fill:var(--iui-icons-color-actionable); */ } .iui-expandable-block.iui-expanded > .iui-header .iui-icon{ fill:var(--iui-expanded-header-color) !important; } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block > .iui-header > .iui-icon{ transition:transform 0.2s ease-out; } } .iui-expandable-block > .iui-header > .iui-status-icon{ margin-left:12px; fill:var(--iui-header-color); } .iui-expandable-block.iui-expanded > .iui-header .iui-status-icon{ fill:var(--iui-expanded-header-color) !important; } .iui-expandable-block > .iui-header > .iui-status-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-expandable-block > .iui-header > .iui-status-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-expandable-block > .iui-header > .iui-status-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-expandable-block > .iui-header > .iui-status-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-expandable-block > .iui-header .iui-expandable-block-label{ display:flex; flex-direction:column; flex:auto; min-width:0; margin-left:12px; color:var(--iui-header-color); /* color:var(--iui-text-color); */ } .iui-expandable-block.iui-expanded > .iui-header .iui-expandable-block-label{ color:var(--iui-expanded-header-color) !important; } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block > .iui-header .iui-expandable-block-label{ transition:color 0.2s ease; } } .iui-expandable-block > .iui-header .iui-title, .iui-expandable-block > .iui-header .iui-caption{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-expandable-block > .iui-header .iui-title{ font-size:14px; } .iui-expandable-block > .iui-header .iui-caption{ font-size:12px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-expandable-block > .iui-header:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-expandable-block > .iui-header:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-expandable-block .iui-expandable-content{ overflow:hidden; box-sizing:border-box; border-bottom:1px solid #DCE0E3; border-right:1px solid #DCE0E3; border-left:1px solid #DCE0E3; border-bottom:1px solid var(--iui-color-background-1); border-right:1px solid var(--iui-color-background-1); border-left:1px solid var(--iui-color-background-1); } .iui-expandable-block .iui-expandable-content.iui-enter{ opacity:0; } .iui-expandable-block .iui-expandable-content.iui-enter-active{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block .iui-expandable-content.iui-enter-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-expandable-block .iui-expandable-content.iui-exit{ opacity:1; } .iui-expandable-block .iui-expandable-content.iui-exit-active{ opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block .iui-expandable-content.iui-exit-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-expandable-block .iui-expandable-content > div{ padding:11px 12px; } .iui-expandable-block:hover > .iui-header{ background-color:var(--iui-titleBar-background); } .iui-expandable-block:hover > .iui-header > .iui-icon{ fill:var(--iui-operateBtn-icons-color);} .iui-expandable-block:hover > .iui-header > .iui-status-icon{ fill:var(--iui-operateBtn-icons-color);} .iui-expandable-block:hover > .iui-header .iui-caption, .iui-expandable-block:hover > .iui-header .iui-title{ color:var(--iui-operateBtn-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-expandable-block:hover > .iui-header .iui-caption, .iui-expandable-block:hover > .iui-header .iui-title{ transition:color 0.2s ease; } } .iui-expandable-block.iui-expanded > .iui-header{ /* background-color:rgb(var(--iui-operateBtn-background)); border-left:1px solid rgb(var(--iui-operateBtn-background)); border-top:1px solid rgb(var(--iui-operateBtn-background)); border-right:1px solid rgb(var(--iui-operateBtn-background)); */ background-color:var(--buic-background-titlebar); border-left:1px solid var(--buic-background-titlebar); border-top:1px solid var(--buic-background-titlebar); border-right:1px solid var(--buic-background-titlebar); } .iui-expandable-block.iui-expanded > .iui-header:hover{ background-color:var(--iui-titleBar-background); } .iui-expandable-block.iui-expanded > .iui-header > .iui-icon{ transform:rotate(90deg); } .iui-expandable-block.iui-small .iui-header{ padding:5.5px 8px; } .iui-expandable-block.iui-small .iui-header > .iui-icon{ width:12px; height:12px; } .iui-expandable-block.iui-small .iui-header > .iui-expandable-block-label{ margin-left:8px; } .iui-expandable-block.iui-small .iui-header > .iui-status-icon{ margin-left:8px; } .f-no-select { -webkit-user-select: none; user-select: none; } .m-tree { position: relative; overflow: hidden; -webkit-user-select: none; user-select: none; } .m-draggable { position: absolute; opacity: 0.8; -webkit-user-select: none; user-select: none; } .m-node.placeholder > * { visibility: hidden; } .m-node.placeholder { border: 1px dashed #ccc; } .m-node .inner { position: relative; cursor: pointer; padding-left: 10px; } .m-node .collapse { position: absolute; left: 0; cursor: pointer; } .m-node .caret-right:before { content: '\25B8'; } .m-node .caret-down:before { content: '\25BE'; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-footer-popup div.ui-test-app-visibility-widget { height: 50vh; } .core-popup.components-toolbar-popupItem_popupItemPopup div.ui-test-app-visibility-widget { height: 50vh; } .ui-test-app-visibility-widget { padding: 4px 4px 5px 5px; width: 100%; height: 100%; min-width: 200px; min-height: 300px; box-sizing: border-box; } .ui-test-app-visibility-widget .components-selectable-content { display: flex; flex-direction: column; height: 100%; width: 100%; } .ui-test-app-visibility-widget .components-selectable-content-header { display: flex; align-items: center; padding: 6px 0; } .ui-test-app-visibility-widget .components-selectable-content-header .components-selectable-content-selector { flex: 1 1; margin-right: 2px; } .ui-test-app-visibility-widget .components-selectable-content-wrapper { display: flex; flex-direction: column; border: 1px solid #ccc; margin-top: 4px; overflow: hidden; } .ui-test-app-visibility-widget .ui-test-app-visibility-tree-toolbar { display: flex; flex-direction: row; } .ui-test-app-visibility-widget .ui-test-app-visibility-tree-toolbar .tree-toolbar-action-buttons { margin: auto 0px auto 10px; display: flex; flex-direction: row; flex-wrap: nowrap; } .ui-test-app-visibility-widget .ui-test-app-visibility-tree-toolbar .tree-toolbar-action-buttons button { margin-right: 4px; height: 26px; width: 26px; padding: 4px; } .ui-test-app-visibility-widget .ui-test-app-visibility-tree-toolbar .tree-toolbar-action-buttons button span { display: flex; } .ui-test-app-visibility-widget .ui-test-app-visibility-tree-toolbar .tree-toolbar-searchbox { margin-left: auto; } .ui-test-app-visibility-widget .ui-test-app-visibility-tree-content { flex-grow: 1; overflow: hidden; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-badge{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-block; font-size:12px; padding:0 6px; margin:6px 0; border-radius:3px; background-color:var(--badge-color, #C7CCD1); color:var(--badge-text-color, rgba(0, 0, 0, 0.6)); text-transform:uppercase; -webkit-user-select:none; user-select:none; max-width:20ch; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-breadcrumbs{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; } .iui-breadcrumbs-list{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; align-items:center; list-style-type:none; -webkit-user-select:none; user-select:none; } .iui-breadcrumbs-item{ display:flex; line-height:38px; height:38px; max-width:192px; margin:0 12px; } .iui-breadcrumbs-item a{ border-radius:3px; text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-breadcrumbs-item a:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } @supports not selector(*:focus-visible){ .iui-breadcrumbs-item a:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } } .iui-breadcrumbs-item a:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } .iui-breadcrumbs-item .iui-button{ border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; margin:0 -9px; } .iui-breadcrumbs-item .iui-button > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-breadcrumbs-item .iui-button:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-breadcrumbs-item .iui-button.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-breadcrumbs-item .iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-breadcrumbs-item > *, .iui-breadcrumbs-item .iui-button-label{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .iui-breadcrumbs-item:not(.iui-current) > .iui-button{ color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-breadcrumbs-item:not(.iui-current) > .iui-button:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); } .iui-breadcrumbs-separator{ display:flex; } .iui-breadcrumbs-separator svg{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:12px; height:12px; display:flex; } .iui-breadcrumbs-separator svg.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-breadcrumbs-separator svg.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-breadcrumbs-separator svg.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-breadcrumbs-separator svg.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-color-picker{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); box-sizing:border-box; border-radius:3px; display:inline-flex; padding:11px 12px; -webkit-user-select:none; user-select:none; overflow-y:auto; flex-direction:column; max-height:495px; } @supports (overflow-y: overlay){ .iui-color-picker{ overflow-y:overlay; } } @supports (row-gap: 11px){ .iui-color-picker{ grid-row-gap:11px; row-gap:11px; } } .iui-color-picker > div:not(:last-child){ margin-bottom:11px; } @supports (row-gap: 11px){ .iui-color-picker > div:not(:last-child){ margin-bottom:0; } } .iui-color-palette{ display:flex; flex-wrap:wrap; align-content:flex-start; min-height:24px; min-width:24px; } @supports (gap: 8px){ .iui-color-palette{ grid-gap:8px; gap:8px; } } .iui-color-palette button.iui-button.iui-borderless{ height:24px; width:24px; padding:0; } .iui-color-palette-wrapper{ max-width:280px; } .iui-color-palette-wrapper:only-child{ max-width:312px; } .iui-color-input{ display:flex; align-items:center; } .iui-color-input-wrapper{ max-width:280px; } .iui-color-input .iui-button{ margin-right:4px; } .iui-color-input-fields{ display:flex; width:100%; grid-gap:2px; gap:2px; } .iui-color-input-fields > *{ flex-grow:1; } .iui-color-input-fields > *:not(:last-child){ margin-right:2px; } @supports (gap: 2px){ .iui-color-input-fields > *:not(:last-child){ margin-right:0; } } .iui-color-input-fields input{ text-transform:uppercase; } .iui-color-input-fields input[type='number']{ -webkit-appearance:textfield; appearance:textfield; text-align:right; } .iui-color-input-fields input[type='number']::-webkit-inner-spin-button{ -webkit-appearance:none; appearance:none; } .iui-color-swatch{ height:24px; width:24px; cursor:pointer; border-radius:5px; background-color:var(--swatch-color); margin-bottom:4px; margin-right:4px; box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } @supports (gap: 8px){ .iui-color-swatch{ margin-bottom:0; margin-right:0; } } .iui-color-swatch:hover{ box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-color-swatch:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:0; } @supports not selector(*:focus-visible){ .iui-color-swatch:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:0; } } .iui-color-swatch.iui-active{ box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-color-swatch.iui-active:hover{ box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); } .iui-color-picker-section-label{ margin-bottom:5.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex-shrink:0; } .iui-color-selection-wrapper{ display:flex; flex-direction:column; min-width:280px; } .iui-color-field{ position:relative; cursor:crosshair; width:100%; height:209px; background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--hue)); background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--hue)); } .iui-color-field:not(:last-child){ margin-bottom:6px; } .iui-hue-slider .iui-slider-rail{ height:8px; background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, cyan 50%, #03F 67%, #C3F 83%, #F00 100%); background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, cyan 50%, #03F 67%, #C3F 83%, #F00 100%); } .iui-hue-slider .iui-slider-thumb{ top:7px; } .iui-opacity-slider .iui-slider-rail{ height:8px; background-image:repeating-linear-gradient(45deg, #EEF0F3 25%, transparent 25%, transparent 75%, #EEF0F3 75%, #EEF0F3), repeating-linear-gradient(45deg, #EEF0F3 25%, #C7CCD1 25%, #C7CCD1 75%, #EEF0F3 75%, #EEF0F3); background-position:0 0, 4px 4px; background-size:8px 8px; background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)); background-position:0 0, 4px 4px; background-size:8px 8px; } .iui-opacity-slider .iui-slider-rail::before{ display:block; content:''; width:100%; height:100%; background-image:linear-gradient(to right, transparent 0%, var(--selected-color) 100%); } .iui-opacity-slider .iui-slider-thumb{ top:7px; } .iui-color-dot{ position:absolute; top:var(--top, 0%); left:var(--left, 0%); width:16px; height:16px; border-radius:50%; transform:translate(-8px, -8px); cursor:crosshair; box-shadow:white 0 0 0 1px, inset 0 0 0 1px rgba(255, 255, 255, 0.1); background-color:var(--selected-color); box-shadow:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-1)) 0 0 0 1px, inset 0 0 0 1px rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-6)); background-color:var(--selected-color); } .iui-color-dot:hover{ box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-color-dot:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:0; } @supports not selector(*:focus-visible){ .iui-color-dot:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:0; } } .tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)} /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-date-picker{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); -webkit-user-select:none; user-select:none; text-align:center; height:286px; display:inline-flex; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-calendar-month-year{ display:inline-flex; width:100%; align-items:center; justify-content:space-between; padding:0 4px; box-sizing:border-box; font-weight:700; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-calendar-month-year > span{ margin:0 4px; width:156px; white-space:nowrap; display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; line-height:44px; } .iui-calendar-month{ overflow:hidden; max-width:15ch; text-overflow:ellipsis; white-space:nowrap; flex-shrink:0; } .iui-calendar-weekdays{ line-height:33px; display:flex; justify-content:space-evenly; align-items:center; padding:0 8px; font-weight:700; background-color:#F8F9FB; background-color:var(--iui-color-background-2); } .iui-calendar-weekdays > div{ white-space:nowrap; overflow:hidden; width:32px; text-align:center; } .iui-calendar-week{ white-space:nowrap; height:33px; display:flex; align-items:center; justify-content:space-evenly; padding:0 8px; } .iui-calendar-day{ cursor:pointer; display:inline-block; width:33px; line-height:33px; border-radius:3px; } .iui-calendar-day:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-calendar-day:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-calendar-day.iui-today{ font-weight:600; border-radius:50%; background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-calendar-day:hover{ font-weight:600; color:#008BE1; background-color:rgba(0, 139, 225, 0.1); color:var(--iui-color-foreground-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-calendar-day.iui-selected{ font-weight:600; border-radius:3px; cursor:default; background-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-calendar-day.iui-selected:focus-visible{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } @supports not selector(*:focus-visible){ .iui-calendar-day.iui-selected:focus{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } } .iui-calendar-day.iui-outside-month{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-time-picker{ margin:0; padding:0; border:none; vertical-align:baseline; -webkit-user-select:none; user-select:none; text-align:center; height:286px; display:inline-flex; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-time-picker:not(:first-child){ border-left:1px solid #DCE0E3; border-left:1px solid var(--iui-color-background-4); } .iui-time-picker:first-child{ box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); } .iui-time{ padding:11px 8px; overflow-y:auto; overflow-y:overlay; scrollbar-width:none; } .iui-time:not(:first-child){ border-left:1px solid #DCE0E3; border-left:1px solid var(--iui-color-background-4); } .iui-time > ol{ margin:0; padding:0; border:none; vertical-align:baseline; list-style:none; } .iui-time > ol > li{ padding:6px 16px; border-radius:3px; } .iui-time > ol > li:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-time > ol > li:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-time > ol > li:hover{ cursor:pointer; color:#008BE1; background-color:rgba(0, 139, 225, 0.1); color:var(--iui-color-foreground-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-time > ol > li.iui-selected{ font-weight:600; cursor:default; background-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-time > ol > li.iui-selected:focus-visible{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } @supports not selector(*:focus-visible){ .iui-time > ol > li.iui-selected:focus{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } } .iui-period{ padding:11px 8px; overflow-y:auto; overflow-y:overlay; scrollbar-width:none; display:flex; align-items:center; } .iui-period:not(:first-child){ border-left:1px solid #DCE0E3; border-left:1px solid var(--iui-color-background-4); } .iui-period > ol{ margin:0; padding:0; border:none; vertical-align:baseline; list-style:none; } .iui-period > ol > li{ padding:6px 16px; border-radius:3px; } .iui-period > ol > li:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-period > ol > li:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-period > ol > li:hover{ cursor:pointer; color:#008BE1; background-color:rgba(0, 139, 225, 0.1); color:var(--iui-color-foreground-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-period > ol > li.iui-selected{ font-weight:600; cursor:default; background-color:#008BE1; color:#FFF; background-color:var(--iui-color-background-primary); color:var(--iui-color-foreground-accessory); } .iui-period > ol > li.iui-selected:focus-visible{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } @supports not selector(*:focus-visible){ .iui-period > ol > li.iui-selected:focus{ outline:1px solid var(--iui-color-foreground-accessory); outline-offset:-3px; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-non-ideal-state{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:absolute; left:50%; top:40%; min-width:220px; transform:translate(-50%, -40%); } .iui-non-ideal-state > .iui-non-ideal-state-illustration{ max-width:220px; max-height:242px; margin-bottom:22px; text-align:center; display:flex; justify-content:center; align-items:center; } .iui-non-ideal-state > .iui-non-ideal-state-title{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:32px; font-weight:300; line-height:44px; padding:0; margin:0 0 22px; } .iui-non-ideal-state > .iui-non-ideal-state-description{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:14px; font-weight:400; line-height:22px; padding:0; margin:0 0 22px; } .iui-non-ideal-state > .iui-non-ideal-state-actions{ display:flex; align-items:center; margin-bottom:8px; } .iui-non-ideal-state > .iui-non-ideal-state-actions > .iui-input-container{ display:inline-block; width:200px; text-align:left; margin:0 4px 0 0; } .iui-non-ideal-state > .iui-non-ideal-state-actions > .iui-button{ margin:0 4px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-fieldset{ margin:0; padding:0; border:none; vertical-align:baseline; padding:11px 12px; border-radius:3px; border:1px solid #DCE0E3; background-color:#FFF; border:1px solid var(--iui-color-background-4); background-color:var(--iui-color-background-1); } .iui-fieldset legend{ font-size:16px; padding:1.5px 8px; border-radius:3px; -webkit-user-select:none; user-select:none; background-color:#DCE0E3; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-4); color:var(--iui-text-color); } .iui-fieldset[disabled]{ cursor:not-allowed; } .iui-fieldset[disabled] legend{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-file-upload{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:14px; font-weight:400; position:relative; display:flex; } .iui-file-upload > .iui-content{ visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box; -webkit-user-select:none; user-select:none; padding:6px 12px; background-color:#F8F9FB; border:1px solid #F8F9FB; background-color:var(--iui-color-background-2); border:1px solid var(--iui-color-background-2); } .iui-file-upload > .iui-content .iui-browse-input{ width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1; } .iui-file-upload > .iui-content > svg, .iui-file-upload > .iui-content .iui-template-icon{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:64px; height:64px; margin-top:11px; margin-bottom:11px; } .iui-file-upload > .iui-content > svg.iui-informational, .iui-file-upload > .iui-content .iui-template-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-file-upload > .iui-content > svg.iui-positive, .iui-file-upload > .iui-content .iui-template-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-file-upload > .iui-content > svg.iui-warning, .iui-file-upload > .iui-content .iui-template-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-file-upload > .iui-content > svg.iui-negative, .iui-file-upload > .iui-content .iui-template-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-file-upload > .iui-content:only-child{ visibility:visible; position:relative; flex-direction:row; } .iui-file-upload > .iui-content:only-child:focus-within{ outline:2px solid #008BE1; outline-offset:-2px; outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } .iui-file-upload > .iui-content .iui-template-text{ margin-left:24px; } .iui-file-upload > .iui-content .iui-template-text > label{ font-weight:700; } .iui-file-upload.iui-drag > .iui-content{ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); border-color:#008BE1; color:#008BE1; background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); border-color:var(--iui-color-foreground-primary); color:var(--iui-color-foreground-primary); visibility:visible; } .iui-file-upload.iui-drag > .iui-content > svg, .iui-file-upload.iui-drag > .iui-content .iui-template-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-legal-footer{ margin:0; padding:0; border:none; vertical-align:baseline; text-align:center; width:100%; padding:11px 0; font-size:12px; } .iui-legal-footer > ul{ list-style-type:none; margin:0 auto; padding:0; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; } .iui-legal-footer > ul > li{ display:inline-block; -webkit-user-select:none; user-select:none; white-space:nowrap; word-break:keep-all; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-legal-footer > ul > li .iui-separator{ margin:0 8px; width:1px; height:11px; display:inline-table; background-color:rgba(0, 0, 0, 0.4); background-color:var(--iui-text-color-muted); } .iui-legal-footer > ul > li > a{ border-radius:3px; text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-legal-footer > ul > li > a:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } @supports not selector(*:focus-visible){ .iui-legal-footer > ul > li > a:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } } .iui-legal-footer > ul > li > a:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-legal-footer > .iui-legal-footer-developer{ display:block; -webkit-user-select:all; user-select:all; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-page-header{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; justify-content:space-between; width:100%; height:57px; -webkit-user-select:none; user-select:none; box-sizing:border-box; padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left); background-color:#FFF; border-bottom:2px solid #C7CCD1; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); border-bottom:2px solid var(--iui-color-background-5); color:var(--iui-text-color); } @media (prefers-reduced-motion: no-preference){ .iui-page-header{ transition:height 0.2s ease-out; } } .iui-page-header > .iui-left, .iui-page-header > .iui-center, .iui-page-header > .iui-right{ display:flex; align-items:center; height:100%; } .iui-page-header .iui-header-button-icon{ width:24px; height:24px; border-radius:3px; } @media (prefers-reduced-motion: no-preference){ .iui-page-header .iui-header-button-icon{ transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } } .iui-page-header .iui-header-button.iui-header-button{ padding:0 12px; height:49px; font-size:16px; grid-gap:12px; gap:12px; grid-gap:0; gap:0; max-width:25vw; height:100%; border-radius:0; overflow:hidden; padding-right:8px; } .iui-page-header .iui-header-button.iui-header-button:focus{ box-shadow:none; outline-offset:-1px; outline:1px solid #008BE1; outline:1px solid var(--iui-color-foreground-primary); } .iui-page-header .iui-header-button.iui-header-button:focus:not(:focus-visible){ outline:0; } .iui-page-header .iui-header-button.iui-header-button > .iui-button-label{ text-align:left; font-size:14px; overflow:hidden; } .iui-page-header .iui-header-button.iui-header-button > .iui-button-label > div{ overflow:hidden; text-overflow:ellipsis; } .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{ height:22px; opacity:0.6; opacity:var(--iui-opacity-3); } @media (prefers-reduced-motion: no-preference){ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{ transition:all 0.2s ease; } } .iui-page-header .iui-header-button.iui-header-button > .iui-button-icon{ flex-shrink:0; } .iui-page-header .iui-header-button.iui-header-button > * + *{ margin-left:12px; } .iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{ padding:4px; width:16px; height:16px; border-radius:3px; background-color:#EEF0F3; fill:rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-3); fill:var(--iui-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{ transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } } .iui-page-header .iui-header-button.iui-header-button.iui-active svg{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-page-header .iui-header-button.iui-header-button.iui-active, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover{ box-shadow:0 2px 0 0 #008BE1; background-color:rgba(0, 139, 225, 0.1); box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover .iui-header-button-icon{ fill:#008BE1; background-color:rgba(0, 139, 225, 0.1); fill:var(--iui-icons-color-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{ color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled{ background-color:rgba(0, 0, 0, 0.05); box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-button-label{ color:rgba(0, 0, 0, 0.2); color:var(--iui-icons-color-actionable-disabled); } .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-header-button-icon{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-page-header .iui-header-button.iui-header-button:disabled .iui-header-button-icon{ filter:grayscale(1) opacity(0.7); } .iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{ width:12px; height:12px; padding:2px; } .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{ opacity:0; height:0.1px; width:0.1px; margin:0; padding:0; } .iui-page-header .iui-header-split-button{ max-width:25vw; } .iui-page-header .iui-header-split-button, .iui-page-header .iui-header-split-button > *{ height:100%; display:flex; overflow:hidden; } .iui-page-header .iui-header-split-button .iui-button{ padding:0 12px; height:49px; font-size:16px; grid-gap:12px; gap:12px; grid-gap:0; gap:0; max-width:25vw; height:100%; border-radius:0; overflow:hidden; padding-right:8px; padding:0 4px; } .iui-page-header .iui-header-split-button .iui-button:focus{ box-shadow:none; outline-offset:-1px; outline:1px solid #008BE1; outline:1px solid var(--iui-color-foreground-primary); } .iui-page-header .iui-header-split-button .iui-button:focus:not(:focus-visible){ outline:0; } .iui-page-header .iui-header-split-button .iui-button > .iui-button-label{ text-align:left; font-size:14px; overflow:hidden; } .iui-page-header .iui-header-split-button .iui-button > .iui-button-label > div{ overflow:hidden; text-overflow:ellipsis; } .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{ height:22px; opacity:0.6; opacity:var(--iui-opacity-3); } @media (prefers-reduced-motion: no-preference){ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{ transition:all 0.2s ease; } } .iui-page-header .iui-header-split-button .iui-button > .iui-button-icon{ flex-shrink:0; } .iui-page-header .iui-header-split-button .iui-button > * + *{ margin-left:12px; } .iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{ padding:4px; width:16px; height:16px; border-radius:3px; background-color:#EEF0F3; fill:rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-3); fill:var(--iui-icons-color); } @media (prefers-reduced-motion: no-preference){ .iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{ transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } } .iui-page-header .iui-header-split-button .iui-button.iui-active svg{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-page-header .iui-header-split-button .iui-button.iui-active, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover{ box-shadow:0 2px 0 0 #008BE1; background-color:rgba(0, 139, 225, 0.1); box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover .iui-header-button-icon{ fill:#008BE1; background-color:rgba(0, 139, 225, 0.1); fill:var(--iui-icons-color-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{ color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled{ background-color:rgba(0, 0, 0, 0.05); box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-button-label{ color:rgba(0, 0, 0, 0.2); color:var(--iui-icons-color-actionable-disabled); } .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-header-button-icon{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-page-header .iui-header-split-button .iui-button:disabled .iui-header-button-icon{ filter:grayscale(1) opacity(0.7); } .iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{ width:12px; height:12px; padding:2px; } .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{ opacity:0; height:0.1px; width:0.1px; margin:0; padding:0; } .iui-page-header .iui-header-split-button > *:first-child .iui-button{ padding-left:12px; } .iui-page-header .iui-header-split-button.iui-active svg{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-page-header .iui-header-split-button.iui-active, .iui-page-header .iui-header-split-button.iui-active:hover{ box-shadow:0 2px 0 0 #008BE1; background-color:rgba(0, 139, 225, 0.1); box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-page-header .iui-header-split-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:hover .iui-header-button-icon{ fill:#008BE1; background-color:rgba(0, 139, 225, 0.1); fill:var(--iui-icons-color-primary); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-page-header .iui-header-split-button.iui-active .iui-button-label{ color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-page-header .iui-header-split-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button.iui-active:disabled{ background-color:rgba(0, 0, 0, 0.05); box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); } .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-button-label{ color:rgba(0, 0, 0, 0.2); color:var(--iui-icons-color-actionable-disabled); } .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button-icon, .iui-page-header .iui-header-split-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-button-icon, .iui-page-header .iui-header-split-button.iui-active:disabled svg{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-header-button-icon{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless, .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless:hover{ background-color:transparent; } .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless::after{ display:none; } .iui-page-header .iui-header-split-button.iui-active > *:last-child > .iui-button:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button:last-child:hover{ background-color:transparent; background-color:transparent; } .iui-page-header > .iui-left > nav{ display:flex; align-items:center; height:100%; } .iui-page-header > .iui-left, .iui-page-header > .iui-left > nav{ overflow:hidden; box-sizing:content-box; margin-bottom:-4px; padding-bottom:4px; } .iui-page-header > .iui-left .iui-chevron{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:12px; height:12px; flex-shrink:0; margin:0 4px; } .iui-page-header > .iui-left .iui-chevron.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-page-header > .iui-left .iui-chevron.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-page-header > .iui-left .iui-chevron.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-page-header > .iui-left .iui-chevron.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-page-header > .iui-center{ justify-content:center; } .iui-page-header > .iui-right{ justify-content:flex-end; } @media (prefers-reduced-motion: no-preference){ .iui-page-header > .iui-right .iui-user-icon, .iui-page-header > .iui-right .iui-user-icon *{ transition:all 0.2s ease-out; } } .iui-page-header .iui-button{ height:100%; border-radius:0; } .iui-page-header .iui-divider{ width:1px; height:22px; background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-page-header.iui-slim{ height:30px; } .iui-page-header.iui-slim > .iui-left .iui-header-logo > .iui-label{ font-size:14px; } .iui-page-header.iui-slim > .iui-left .iui-header-logo .iui-header-button-icon{ margin:0 28px; } .iui-page-header.iui-slim > .iui-left .iui-header-button-icon{ width:16px; height:16px; margin:0 4px; display:inline-flex; } .iui-page-header.iui-slim > .iui-right .iui-user-icon{ width:24px; height:24px; } .iui-page-header.iui-slim > .iui-right .iui-user-icon > .iui-initials{ line-height:24px; font-size:12px; } @media (max-width: 768px){ .iui-page-header .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{ opacity:0; height:0.1px; width:0.1px; margin:0; padding:0; } .iui-page-header .iui-left .iui-button .iui-header-button-icon + .iui-button-label, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon + .iui-button-label{ margin-left:0; } } @media (max-width: 1024px){ .iui-page-header .iui-left .iui-header-logo > .iui-label{ display:none; } } .iui-header-logo{ display:inline-flex; align-items:center; white-space:nowrap; height:100%; } a.iui-header-logo, button.iui-header-logo, .iui-header-logo[role='button']{ cursor:pointer; margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; background-color:unset; color:unset; } a.iui-header-logo:focus, button.iui-header-logo:focus, .iui-header-logo[role='button']:focus{ box-shadow:none; outline-offset:-1px; outline:1px solid #008BE1; outline:1px solid var(--iui-color-foreground-primary); } a.iui-header-logo:focus:not(:focus-visible), button.iui-header-logo:focus:not(:focus-visible), .iui-header-logo[role='button']:focus:not(:focus-visible){ outline:0; } a.iui-header-logo:hover, button.iui-header-logo:hover, .iui-header-logo[role='button']:hover{ background-color:rgba(0, 0, 0, 0.1); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } a.iui-header-logo:hover:not(:focus-visible):not(:hover), button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:hover:not(:focus-visible):not(:hover){ background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-header-logo .iui-header-button-icon{ margin:0 24px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-header-logo > .iui-label{ margin-right:12px; font-size:16px; } @media (prefers-reduced-motion: no-preference){ .iui-header-logo > .iui-label{ transition:font-size 0.2s ease-out; } } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tabs-wrapper{ display:flex; position:relative; } .iui-tabs-wrapper.iui-horizontal{ flex-direction:column; } .iui-tabs-wrapper.iui-horizontal .iui-tabs{ display:flex; } .iui-tabs-wrapper.iui-horizontal .iui-tab::after{ width:100%; height:0; } .iui-tabs-wrapper.iui-horizontal .iui-tab.iui-active::after{ height:2px; } .iui-tabs-wrapper.iui-vertical .iui-tabs{ flex-direction:column; } .iui-tabs-wrapper.iui-vertical .iui-tabs li, .iui-tabs-wrapper.iui-vertical .iui-tabs .iui-tab{ width:100%; white-space:nowrap; } .iui-tabs-wrapper.iui-vertical .iui-tabs ~ .iui-tabs-content{ flex-grow:1; } .iui-tabs-wrapper.iui-vertical .iui-tab::after{ width:0; height:100%; } .iui-tabs-wrapper.iui-vertical .iui-tab.iui-active::after{ width:2px; } .iui-tabs{ margin:0; padding:0; border:none; vertical-align:baseline; position:relative; align-items:center; list-style:none; -webkit-user-select:none; user-select:none; } .iui-tabs .iui-tab{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; position:relative; display:flex; align-items:center; font-size:14px; cursor:pointer; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } @media (prefers-reduced-motion: no-preference){ .iui-tabs .iui-tab{ transition:background-color 0.2s ease-out; } } .iui-tabs .iui-tab.iui-active{ color:#008BE1; color:var(--iui-color-foreground-primary); } .iui-tabs .iui-tab.iui-active .iui-tab-icon{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-tabs .iui-tab[disabled]{ cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-tabs .iui-tab[disabled] .iui-tab-icon{ fill:rgba(0, 0, 0, 0.2); fill:var(--iui-icons-color-actionable-disabled); } .iui-tabs .iui-tab:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-tabs .iui-tab:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-tabs .iui-tab-icon{ width:16px; height:16px; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } @media (prefers-reduced-motion: no-preference){ .iui-tabs .iui-tab-icon{ transition:fill 0.2s ease-out; } } .iui-tabs .iui-tab-icon + .iui-tab-label{ margin-left:8px; } .iui-tabs .iui-tab-label{ text-align:left; } .iui-tabs .iui-tab-description{ display:none; font-size:12px; opacity:0.6; opacity:var(--iui-opacity-3); } .iui-tabs.iui-green .iui-tab:focus{ outline-color:var(--iui-color-foreground-positive); } .iui-tabs.iui-green .iui-tab.iui-active{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-tabs.iui-green .iui-tab.iui-active .iui-tab-icon{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-tabs ~ .iui-tabs-content{ padding-top:11px; padding-bottom:11px; box-sizing:border-box; } .iui-tabs.iui-default .iui-tab::after{ content:''; position:absolute; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } @media (prefers-reduced-motion: no-preference){ .iui-tabs.iui-default .iui-active::after{ transition:width 0.2s ease, height 0.2s ease; } } .iui-tabs.iui-default.iui-green .iui-tab::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-tabs.iui-default .iui-tab{ height:38px; padding:0 16px; box-sizing:border-box; background-color:#F8F9FB; border:1px solid #C7CCD1; background-color:var(--iui-color-background-2); border:1px solid var(--iui-color-background-5); } .iui-tabs.iui-default .iui-tab::after{ top:0; left:0; } .iui-tabs.iui-default .iui-tab:hover{ background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-tabs.iui-default .iui-tab.iui-active{ background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-tabs.iui-default .iui-tab[disabled]{ background-color:#EEF0F3; background-color:var(--iui-color-background-3); } .iui-tabs.iui-default .iui-tab:focus{ outline-width:2px; outline-offset:-2px; } .iui-horizontal .iui-tabs.iui-default .iui-tab.iui-active{ border-bottom-color:transparent; } .iui-horizontal .iui-tabs.iui-default :not(:first-child) .iui-tab{ border-left:none; } .iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{ margin-top:-1px; } .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{ border-right-color:transparent; } .iui-vertical .iui-tabs.iui-default :not(:first-child) .iui-tab{ border-top:none; } .iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{ margin-left:-1px; } .iui-tabs.iui-default.iui-large .iui-tab{ height:49px; } .iui-tabs.iui-default.iui-large .iui-tab-description{ display:block; } .iui-tabs.iui-default.iui-green .iui-tab::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-tabs.iui-default ~ .iui-tabs-content{ padding-left:16px; padding-right:16px; background-color:#FFF; border:1px solid #C7CCD1; background-color:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); } .iui-tabs.iui-borderless .iui-tab{ height:38px; padding:0 24px; background-color:transparent; } .iui-tabs.iui-borderless .iui-tab::after{ bottom:0; right:0; } .iui-tabs.iui-borderless .iui-tab:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-borderless .iui-tab.iui-active{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-horizontal .iui-tabs.iui-borderless ~ .iui-tabs-content{ margin-top:-2px; border-top:2px solid #DCE0E3; border-top:2px solid var(--iui-color-background-4); } .iui-vertical .iui-tabs.iui-borderless ~ .iui-tabs-content{ margin-left:-2px; padding-left:12px; padding-right:12px; border-left:2px solid #DCE0E3; border-left:2px solid var(--iui-color-background-4); } .iui-tabs.iui-borderless.iui-green .iui-active, .iui-tabs.iui-borderless.iui-green .iui-tab:hover{ background-color:rgba(83, 162, 26, 0.1); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-borderless.iui-large .iui-tab{ height:49px; } .iui-tabs.iui-borderless.iui-large .iui-tab-description{ display:block; } .iui-tabs.iui-borderless .iui-tab[disabled]:hover{ background-color:transparent; background-color:transparent; } .iui-tabs.iui-pill{ justify-content:space-evenly; } .iui-tabs.iui-pill > li{ flex:1 1; } .iui-tabs.iui-pill > li:not(:last-child){ margin-right:2px; } .iui-tabs.iui-pill.iui-green .iui-tab:hover{ background-color:rgba(83, 162, 26, 0.1); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-pill .iui-tab{ height:38px; background-color:transparent; width:100%; justify-content:center; border-radius:3px; } .iui-tabs.iui-pill .iui-tab::after{ bottom:0; left:0; } .iui-tabs.iui-pill .iui-tab:hover{ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-tabs.iui-pill .iui-tab[disabled]:hover{ background-color:transparent; background-color:transparent; } .iui-tabs.iui-animated::after{ position:absolute; content:' '; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-tabs.iui-animated.iui-green::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-horizontal .iui-tabs.iui-animated::after{ top:calc(100% - 2px); height:2px; left:var(--stripe-left); width:var(--stripe-width); } @media (prefers-reduced-motion: no-preference){ .iui-horizontal .iui-tabs.iui-animated::after{ transition:width 0.2s ease-out, left 0.2s ease-out; } } .iui-vertical .iui-tabs.iui-animated::after{ left:calc(100% - 2px); width:2px; top:var(--stripe-top); height:var(--stripe-height); } @media (prefers-reduced-motion: no-preference){ .iui-vertical .iui-tabs.iui-animated::after{ transition:top 0.2s ease-out; } } .iui-tabs.iui-not-animated .iui-tab::after{ content:''; position:absolute; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } @media (prefers-reduced-motion: no-preference){ .iui-tabs.iui-not-animated .iui-active::after{ transition:width 0.2s ease, height 0.2s ease; } } .iui-tabs.iui-not-animated.iui-green .iui-tab::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-information-panel-wrapper{ position:relative; overflow:hidden; } .iui-information-panel{ position:absolute; opacity:0; display:flex; flex-direction:column; box-sizing:border-box; max-width:100%; max-height:100%; z-index:2; background-color:#FFF; background-color:var(--iui-color-background-1); } @media (prefers-reduced-motion: no-preference){ .iui-information-panel{ transition:transform 0.2s ease-out, opacity 0.2s ease; } } .iui-information-panel > .iui-resizer{ display:none; position:absolute; touch-action:none; } .iui-information-panel > .iui-resizer > .iui-resizer-bar{ background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-information-panel > .iui-resizer:hover > .iui-resizer-bar{ background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-information-panel .iui-information-header, .iui-information-panel .iui-information-body{ padding-left:12px; padding-right:12px; box-sizing:border-box; } .iui-information-panel .iui-information-header{ height:55px; flex-shrink:0; display:flex; align-items:center; justify-content:space-between; background-color:#EEF0F3; background-color:var(--iui-color-background-3); } .iui-information-panel .iui-information-header .iui-information-header-label{ display:flex; align-items:center; overflow:hidden; } .iui-information-panel .iui-information-header .iui-information-header-label > *{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-user-select:all; user-select:all; } .iui-information-panel .iui-information-header .iui-information-header-label svg{ display:flex; width:24px; height:24px; margin-right:8px; flex-shrink:0; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-information-panel .iui-information-header .iui-information-header-actions{ flex-shrink:0; margin-left:8px; } .iui-information-panel .iui-information-body{ padding-top:11px; padding-bottom:11px; height:100%; overflow-x:hidden; overflow-y:auto; overflow-y:overlay; } .iui-information-panel .iui-information-body > hr{ border-color:#DCE0E3; border-color:var(--iui-color-background-4); } .iui-information-panel.iui-right{ top:0; right:0; width:384px; min-width:192px; height:100%; transform:translateX(100%); box-shadow:-1px 0 14px rgba(0, 0, 0, 0.25); -webkit-clip-path:inset(0 0 0 -15px); clip-path:inset(0 0 0 -15px); } .iui-information-panel.iui-right > .iui-resizer{ height:100%; width:16px; top:0; cursor:ew-resize; justify-content:center; } .iui-information-panel.iui-right > .iui-resizer > .iui-resizer-bar{ height:100%; width:1px; } @media (prefers-reduced-motion: no-preference){ .iui-information-panel.iui-right > .iui-resizer > .iui-resizer-bar{ transition:background-color 0.2s ease-out, width 0.2s ease-out; } } .iui-information-panel.iui-right > .iui-resizer:hover > .iui-resizer-bar{ width:4px; } .iui-information-panel.iui-right > .iui-resizer{ left:-8px; } .iui-information-panel.iui-bottom{ left:0; bottom:0; height:384px; min-height:192px; width:100%; transform:translateY(100%); box-shadow:0 -1px 14px rgba(0, 0, 0, 0.25); -webkit-clip-path:inset(-15px 0 0 0); clip-path:inset(-15px 0 0 0); } .iui-information-panel.iui-bottom > .iui-resizer{ width:100%; height:16px; left:0; cursor:ns-resize; align-items:center; } .iui-information-panel.iui-bottom > .iui-resizer > .iui-resizer-bar{ width:100%; height:1px; } @media (prefers-reduced-motion: no-preference){ .iui-information-panel.iui-bottom > .iui-resizer > .iui-resizer-bar{ transition:background-color 0.2s ease-out, height 0.2s ease-out; } } .iui-information-panel.iui-bottom > .iui-resizer:hover > .iui-resizer-bar{ height:4px; } .iui-information-panel.iui-bottom > .iui-resizer{ top:-8px; } .iui-information-panel.iui-visible{ opacity:1; transform:translate(0); } .iui-information-panel.iui-visible > .iui-resizer{ display:flex; } .iui-information-body-content{ display:grid; } .iui-information-body-content .iui-input-label{ font-weight:400; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-information-body-content:not(.iui-inline) > *:nth-child(even):not(:last-child){ margin-bottom:11px; } .iui-information-body-content.iui-inline{ grid-row-gap:11px; row-gap:11px; grid-template-columns:auto 1fr; align-items:center; } .iui-information-body-content.iui-inline .iui-input-label{ margin:0 16px 0 0; -ms-grid-column-span:1; justify-self:end; text-align:end; } .iui-information-body-content.iui-inline .iui-input-label.iui-required{ margin-right:6px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-modal{ margin:0; padding:0; border:none; vertical-align:baseline; z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; visibility:hidden; opacity:0; background-color:rgba(0, 0, 0, 0.4); background-color:rgba(0, 0, 0, var(--iui-opacity-4)); } @media (prefers-reduced-motion: no-preference){ .iui-modal{ transition:visibility 0s linear 0.2s, opacity 0.2s ease-out; } } .iui-modal > .iui-modal-dialog{ position:absolute; left:50%; top:33%; transform:translate(-50%, -33%); z-index:1000; max-width:50%; min-width:400px; border-radius:3px; box-shadow:0 9px 46px rgba(0, 0, 0, 0.25); padding:11px 16px; background-color:#FFF; background-color:var(--iui-color-background-1); } @media screen and (max-width: 400px){ .iui-modal > .iui-modal-dialog{ max-width:95%; width:95%; min-width:95%; } } .iui-modal > .iui-modal-dialog .iui-title-bar{ display:flex; align-items:center; margin-bottom:11px; justify-content:space-between; } .iui-modal > .iui-modal-dialog .iui-title-bar > .iui-title{ font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-modal > .iui-modal-dialog .iui-button-bar{ margin-top:11px; display:flex; align-items:center; justify-content:flex-end; } .iui-modal > .iui-modal-dialog .iui-button-bar > .iui-button:not(:last-child){ margin-right:8px; } .iui-modal.iui-modal-visible{ visibility:visible; opacity:1; transition-delay:0s; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-side-navigation{ display:inline-flex; flex:0 0 auto; flex-direction:column; height:100%; background-color:#EEF0F3; border-right:1px solid #C7CCD1; background-color:var(--iui-color-background-3); border-right:1px solid var(--iui-color-background-5); } @media (prefers-reduced-motion: no-preference){ .iui-side-navigation{ transition:max-width 0.2s ease-out; } } .iui-side-navigation > .iui-sidenav-content{ display:flex; flex-direction:column; flex-grow:1; width:100%; } .iui-side-navigation > .iui-sidenav-content > .iui-top, .iui-side-navigation > .iui-sidenav-content > .iui-bottom{ flex-grow:1; display:flex; flex-direction:column; } .iui-side-navigation > .iui-sidenav-content > .iui-top .iui-sidenav-button:first-of-type{ border-top:none; } .iui-side-navigation > .iui-sidenav-content > .iui-top .iui-sidenav-button:not(:last-of-type){ border-bottom:none; } .iui-side-navigation > .iui-sidenav-content > .iui-bottom{ justify-content:flex-end; } .iui-side-navigation > .iui-sidenav-content > .iui-bottom .iui-sidenav-button{ border-bottom:none; } .iui-side-navigation > .iui-sidenav-content + .iui-sidenav-button.iui-expand{ border:none; border-top:1px solid #C7CCD1; border-top:1px solid var(--iui-color-background-5); } .iui-side-navigation.iui-collapsed{ min-width:72px; max-width:72px; } @supports (min-width: max(0px)){ .iui-side-navigation.iui-collapsed{ min-width:max(24px * 3, 24px * 3 + env(safe-area-inset-left)); max-width:max(24px * 3, 24px * 3 + env(safe-area-inset-left)); } } .iui-side-navigation.iui-expanded, .iui-side-navigation > .iui-sidenav-content{ max-width:288px; } .iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-button-icon, .iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-button-icon{ transform:scaleX(-1); } .iui-side-navigation .iui-sidenav-button{ grid-gap:24px; gap:24px; border-radius:0; border-left:none; border-right:none; overflow:hidden; justify-content:flex-start; } .iui-side-navigation .iui-sidenav-button:not(.iui-expand){ height:55px; } @supports (padding: max(0px)){ .iui-side-navigation .iui-sidenav-button:not(.iui-expand){ padding-left:max(24px, 24px + env(safe-area-inset-left)); } } .iui-side-navigation .iui-sidenav-button > .iui-button-label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:hover, .iui-side-navigation .iui-sidenav-button[disabled]{ border-color:#C7CCD1; border-color:var(--iui-color-background-5); } .iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){ width:24px; height:24px; flex-shrink:0; } .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{ fill:#008BE1; fill:var(--iui-color-foreground-primary); } .iui-side-navigation .iui-sidenav-button.iui-active{ box-shadow:inset 2px 0 0 0 #008BE1; box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); } .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{ background-color:#F8F9FB; background-color:var(--iui-color-background-2); } .iui-side-navigation .iui-sidenav-button.iui-expand{ height:22px; justify-content:center; border:none; border-bottom:1px solid #C7CCD1; border-bottom:1px solid var(--iui-color-background-5); } .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:12px; height:12px; } .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } @media (prefers-reduced-motion: no-preference){ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{ transition:transform 0.4s ease-out; } } .iui-side-navigation-submenu{ min-width:192px; max-width:50vw; height:100%; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; overflow-y:overlay; resize:horizontal; background-color:#FFF; border-right:1px solid #C7CCD1; background-color:var(--iui-color-background-1); border-right:1px solid var(--iui-color-background-5); } .iui-side-navigation-submenu.iui-enter{ opacity:0; } .iui-side-navigation-submenu.iui-enter-active{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-side-navigation-submenu.iui-enter-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-side-navigation-submenu.iui-exit{ opacity:1; } .iui-side-navigation-submenu.iui-exit-active{ opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-side-navigation-submenu.iui-exit-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-side-navigation-submenu.iui-enter-active, .iui-side-navigation-submenu.iui-exit-active{ display:flex; } .iui-side-navigation-submenu-content{ padding:0 12px 11px; flex-shrink:0; box-sizing:border-box; } .iui-side-navigation-submenu-header{ height:55px; display:flex; align-items:center; justify-content:space-between; } .iui-side-navigation-submenu-header-label{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:24px; font-weight:300; line-height:33px; display:flex; align-items:center; overflow:hidden; } .iui-side-navigation-submenu-header-label .iui-button{ flex-shrink:0; } .iui-side-navigation-submenu-header-label > *{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-side-navigation-submenu-header-actions{ flex-shrink:0; margin-left:8px; } .iui-side-navigation-wrapper{ display:flex; position:relative; height:100%; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @charset "UTF-8"; .iui-table{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; flex-direction:column; } .iui-table *{ box-sizing:border-box; } .iui-table .iui-cell-end-icon, .iui-table .iui-cell-start-icon{ flex-shrink:0; display:flex; align-items:center; justify-content:center; } .iui-table .iui-cell-end-icon svg:not(.iui-radial), .iui-table .iui-cell-start-icon svg:not(.iui-radial){ display:flex; width:16px; height:16px; } .iui-table .iui-cell-start-icon{ margin-right:8px; } .iui-table .iui-cell-end-icon{ width:24px; height:24px; margin-right:12px; margin-left:auto; } .iui-table.iui-condensed .iui-table-header .iui-cell, .iui-table.iui-condensed .iui-row .iui-cell, .iui-table.iui-condensed .iui-paginator{ min-height:44px; } .iui-table.iui-extra-condensed .iui-table-header .iui-cell, .iui-table.iui-extra-condensed .iui-row .iui-cell, .iui-table.iui-extra-condensed .iui-paginator{ min-height:33px; } .iui-table-header{ -webkit-user-select:none; user-select:none; overflow:hidden; flex-shrink:0; background-color:#EEF0F3; background-color:var(--iui-color-background-3); } @supports not (overflow: overlay){ .iui-table-header{ overflow-y:scroll; } } .iui-table-header .iui-row{ display:flex; flex-grow:1; } .iui-table-header .iui-cell:not(.iui-slot):focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-table-header .iui-cell:not(.iui-slot):focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-table-header .iui-cell:not(.iui-slot).iui-actionable{ cursor:pointer; } .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{ margin-left:4px; margin-right:8px; } .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button:not(.iui-active){ visibility:hidden; } .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{ height:100%; width:16px; position:absolute; top:0; right:0; transform:translateX(50%); touch-action:none; cursor:ew-resize; z-index:1; opacity:0; } .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{ height:100%; width:2px; margin:0 auto; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } @media (prefers-reduced-motion: no-preference){ .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{ transition:background-color 0.2s ease-out, width 0.2s ease-out; } } .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer:hover > .iui-resizer-bar{ width:4px; background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-table-header .iui-cell:not(.iui-slot):hover > .iui-resizer{ opacity:1; } .iui-table-header .iui-cell:not(.iui-slot):hover, .iui-table-header .iui-cell:not(.iui-slot):focus, .iui-table-header .iui-cell:not(.iui-slot):focus-within{ background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-table-header .iui-cell:not(.iui-slot):hover .iui-sort, .iui-table-header .iui-cell:not(.iui-slot):hover .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus .iui-sort, .iui-table-header .iui-cell:not(.iui-slot):focus .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-sort, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-filter-button{ visibility:visible; } .iui-table-header .iui-sort{ visibility:hidden; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); } .iui-table-header .iui-sorted{ background-color:#DCE0E3; background-color:var(--iui-color-background-4); } .iui-table-header .iui-sorted .iui-sort{ visibility:visible; fill:rgba(0, 0, 0, 0.8); fill:var(--iui-icons-color-actionable); } .iui-table-body{ overflow-y:scroll; overflow:overlay; display:flex; flex-direction:column; flex-grow:1; align-items:flex-start; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-table-body.iui-scroll-snapping{ scroll-snap-type:y mandatory; } .iui-table-body.iui-scroll-snapping .iui-row{ scroll-snap-align:start none; } .iui-table-body.iui-zebra-striping > .iui-row:nth-child(even):not(.iui-selected){ background-color:rgba(0, 0, 0, 0.02); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02); } .iui-table-body .iui-row{ min-width:100%; display:flex; border:solid 1px transparent; border-bottom-color:#DCE0E3; border-bottom-color:var(--iui-color-background-4); } @media (prefers-reduced-motion: no-preference){ .iui-table-body .iui-row{ transition:border 0.2s ease-out; } } .iui-table-body .iui-row > .iui-slot > .iui-more-options{ visibility:hidden; } .iui-table-body .iui-row:hover:not(.iui-disabled):not(.iui-expanded-content){ background-color:rgba(0, 139, 225, 0.1); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); } .iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot > .iui-more-options{ visibility:visible; } .iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{ visibility:visible; } @media (prefers-reduced-motion: no-preference){ .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{ transition:transform 0.2s ease-out; } } .iui-table-body .iui-row.iui-row-expanded{ overflow:hidden; border-left-color:#DCE0E3; border-right-color:#DCE0E3; border-bottom-color:transparent; border-left-color:var(--iui-color-background-4); border-right-color:var(--iui-color-background-4); border-bottom-color:transparent; } .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{ transform:rotate(90deg); } .iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{ border-left-color:#DCE0E3; border-right-color:#DCE0E3; border-left-color:var(--iui-color-background-4); border-right-color:var(--iui-color-background-4); } .iui-table-body .iui-row.iui-expanded-content{ overflow:hidden; } .iui-table-body .iui-row.iui-expanded-content.iui-enter{ opacity:0; } .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{ opacity:1; } @media (prefers-reduced-motion: no-preference){ .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-table-body .iui-row.iui-expanded-content.iui-exit{ opacity:1; } .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{ opacity:0; } @media (prefers-reduced-motion: no-preference){ .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{ transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out; } } .iui-table-body .iui-row:not(.iui-selected) + .iui-selected, .iui-table-body .iui-row.iui-selected:first-child{ border-bottom-color:transparent; } .iui-table-body .iui-row.iui-selected{ border-color:#008BE1; background:rgba(0, 139, 225, 0.2); border-color:var(--iui-color-foreground-primary); background:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5)); } .iui-table-body .iui-row.iui-selected + .iui-selected{ border-bottom-color:transparent; border-top-color:rgba(0, 139, 225, 0.4); border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } .iui-table-body .iui-row.iui-selected:last-child{ border-bottom-color:#008BE1; border-bottom-color:var(--iui-color-foreground-primary); } .iui-table-body .iui-row.iui-selected + :not(.iui-selected), .iui-table-body .iui-row.iui-selected + .iui-expanded-content + :not(.iui-selected){ border-top-color:#008BE1; border-top-color:var(--iui-color-foreground-primary); } .iui-table-body .iui-row.iui-selected + .iui-expanded-content{ border-color:transparent #008BE1; border-color:transparent var(--iui-color-foreground-primary); } .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{ border-bottom-color:#008BE1; } .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{ border-bottom-color:var(--iui-color-foreground-primary); } .iui-table-body .iui-row.iui-new{ font-weight:600; } .iui-table-body .iui-row.iui-new > .iui-main-column::before{ content:'•'; position:absolute; left:0; font-size:24px; color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-table-body .iui-row.iui-disabled, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content{ font-style:italic; cursor:not-allowed; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-table-body .iui-row.iui-disabled:hover > .iui-slot > .iui-more-options, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content:hover > .iui-slot > .iui-more-options{ visibility:hidden; } .iui-table-body .iui-row.iui-disabled img, .iui-table-body .iui-row.iui-disabled svg:not(.iui-radial), .iui-table-body .iui-row.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content img, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content svg:not(.iui-radial), .iui-table-body .iui-row.iui-disabled + .iui-expanded-content .iui-user-icon{ filter:grayscale(100%); } .iui-table-body .iui-row.iui-positive, .iui-table-body .iui-row.iui-positive + .iui-expanded-content{ box-shadow:inset 2px 0 0 0 #53A21A; box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive); } .iui-table-body .iui-row.iui-positive *::selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-table-body .iui-row.iui-positive .iui-cell-end-icon svg{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-table-body .iui-row.iui-warning, .iui-table-body .iui-row.iui-warning + .iui-expanded-content{ box-shadow:inset 2px 0 0 0 #F18B12; box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning); } .iui-table-body .iui-row.iui-warning *::selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-table-body .iui-row.iui-warning .iui-cell-end-icon svg{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-table-body .iui-row.iui-negative, .iui-table-body .iui-row.iui-negative + .iui-expanded-content{ box-shadow:inset 2px 0 0 0 #D30A0A; box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative); } .iui-table-body .iui-row.iui-negative *::selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-table-body .iui-row.iui-negative .iui-cell-end-icon svg{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-table-body > .iui-table-empty{ text-align:center; padding:32px; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-grow:1; align-self:center; color:rgba(0, 0, 0, 0.4); background-color:#FFF; color:var(--iui-text-color-muted); background-color:var(--iui-color-background-1); } .iui-cell{ align-items:center; display:flex; flex-grow:1; min-width:64px; min-height:55px; padding-left:16px; flex-basis:64px; position:relative; word-break:break-word; } .iui-cell.iui-slot{ width:48px; padding:0; flex-grow:0; min-width:0; display:flex; justify-content:center; align-items:center; flex-basis:48px; } .iui-cell:not(.iui-slot):last-child{ padding-right:16px; } .iui-cell.iui-positive{ background-color:rgba(83, 162, 26, 0.1); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); } .iui-cell.iui-positive::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-cell.iui-warning{ background-color:rgba(241, 139, 18, 0.1); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)); } .iui-cell.iui-warning::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-cell.iui-negative{ background-color:rgba(211, 10, 10, 0.1); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)); } .iui-cell.iui-negative::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-cell[contenteditable]{ outline-offset:-1px; } .iui-cell[contenteditable]:focus, .iui-cell[contenteditable]:hover{ outline:1px solid #008BE1; outline:1px solid var(--iui-color-foreground-primary); } .iui-cell[contenteditable]:focus{ background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-paginator{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; justify-content:space-between; align-items:center; min-height:55px; padding:0 16px; -webkit-user-select:none; user-select:none; background-color:#EEF0F3; background-color:var(--iui-color-background-3); } .iui-paginator > .iui-left, .iui-paginator > .iui-center, .iui-paginator > .iui-right{ display:flex; align-items:center; position:relative; flex:1 1; min-width:0; } .iui-paginator > .iui-center{ justify-content:center; flex:2 1; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-paginator > .iui-right{ justify-content:flex-end; } .iui-paginator-page-size-label{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-paginator-ellipsis{ display:flex; justify-content:center; align-items:center; width:38px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-paginator-ellipsis-small{ width:27px; } .iui-paginator-pages-group{ display:inline-flex; align-items:center; isolation:isolate; margin:0 8px; } .iui-paginator-pages-group > *{ display:flex; } .iui-paginator-pages-group > * input, .iui-paginator-pages-group > * button{ position:relative; transition-duration:0ms; } .iui-paginator-pages-group > * input:hover, .iui-paginator-pages-group > * button:hover{ z-index:1; } .iui-paginator-pages-group > * input:focus, .iui-paginator-pages-group > * button:focus{ z-index:2; } .iui-paginator-pages-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-paginator-pages-group > * button:focus:where(:not(:focus-visible):not(:hover)){ z-index:revert; } .iui-paginator-pages-group > * input:disabled, .iui-paginator-pages-group > * button:disabled{ z-index:-1; } .iui-paginator-pages-group > * input:hover, .iui-paginator-pages-group > * input:focus, .iui-paginator-pages-group > * button:hover, .iui-paginator-pages-group > * button:focus{ transition-duration:0.2s; } .iui-paginator-pages-group > * input.iui-active::after, .iui-paginator-pages-group > * button.iui-active::after{ content:''; position:absolute; height:2px; opacity:1; top:2px; left:2px; width:calc(100% - 4px); background-color:#008BE1; background-color:var(--iui-color-foreground-primary); } .iui-paginator-pages-group > * input.iui-active:disabled::after, .iui-paginator-pages-group > * button.iui-active:disabled::after{ background-color:rgba(0, 0, 0, 0.2); background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-paginator-pages-group > * input:not(.iui-borderless), .iui-paginator-pages-group > * button:not(.iui-borderless){ border-radius:0; } .iui-paginator-pages-group > *:first-child input, .iui-paginator-pages-group > *:first-child button:not(.iui-borderless){ border-top-left-radius:3px; border-bottom-left-radius:3px; } .iui-paginator-pages-group > *:last-child input, .iui-paginator-pages-group > *:last-child button:not(.iui-borderless){ border-top-right-radius:3px; border-bottom-right-radius:3px; } .iui-paginator-pages-group > * + *{ margin-left:-1px; } .iui-paginator-pages-group > *:not(:first-child) .iui-default:disabled{ border-left-color:#DCE0E3; border-left-color:var(--iui-color-background-4); } .iui-paginator-pages-group > * + *{ margin-left:0; } .iui-paginator-pages-group button.iui-active::after{ top:auto; bottom:2px; } .iui-paginator-page-button{ margin:0; padding:0; border:none; vertical-align:baseline; font-family:inherit; display:inline-flex; align-items:center; vertical-align:middle; justify-content:center; position:relative; box-sizing:border-box; border-radius:3px; line-height:22px; outline:none; box-shadow:none; font-size:14px; font-weight:400; text-decoration:none; -webkit-user-select:none; user-select:none; cursor:pointer; white-space:nowrap; border:1px solid transparent; color:rgba(0, 0, 0, 0.8); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; width:38px; } @media (prefers-reduced-motion: no-preference){ .iui-paginator-page-button{ transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } } .iui-paginator-page-button:hover{ text-decoration:none; color:black; color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-paginator-page-button:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-paginator-page-button:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); } .iui-paginator-page-button > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-paginator-page-button:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-paginator-page-button.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-paginator-page-button-small{ padding:0 8px; height:27px; grid-gap:4px; gap:4px; width:27px; } .iui-column-filter{ margin:0; padding:0; border:none; vertical-align:baseline; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); padding:11px 12px; display:inline-flex; flex-direction:column; align-items:flex-end; } .iui-column-filter > .iui-input-container:not(.iui-inline-label){ width:100%; } .iui-column-filter > .iui-input-container, .iui-column-filter > .iui-input{ margin-bottom:11px; } .iui-column-filter > .iui-button-bar{ display:flex; width:100%; align-content:center; } .iui-column-filter > .iui-button-bar > .iui-button:first-of-type{ margin-left:auto; } .iui-column-filter > .iui-button-bar > .iui-button:not(:last-child){ margin-right:8px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tag{ margin:0; padding:0; border:none; vertical-align:baseline; -webkit-user-select:all; user-select:all; text-transform:lowercase; display:inline-flex; } .iui-tag:focus-visible{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } @supports not selector(*:focus-visible){ .iui-tag:focus{ outline:2px solid var(--iui-color-foreground-primary); outline-offset:-2px; } } .iui-tag:not(a){ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-tag:not(.iui-basic){ height:33px; margin:3px 0; border-radius:16.5px; box-sizing:border-box; padding:0 2px; align-items:center; font-size:14px; text-transform:none; cursor:default; border:1px solid rgba(0, 0, 0, 0.4); background-color:#FFF; color:rgba(0, 0, 0, 0.8); border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); background-color:var(--iui-color-background-1); color:var(--iui-text-color); } @media (prefers-reduced-motion: no-preference){ .iui-tag:not(.iui-basic){ transition:border 0.2s ease-out; } } .iui-tag:not(.iui-basic) > .iui-label{ margin:0; padding:0; border:none; vertical-align:baseline; font-size:14px; font-weight:400; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 4px 0 8px; } .iui-tag:not(.iui-basic) > .iui-label:only-child{ margin:0 8px; } .iui-tag:not(.iui-basic) > .iui-button{ border-radius:50%; } .iui-tag:not(.iui-basic):hover{ border-color:black; border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); } .iui-tag.iui-basic{ outline-offset:1px; } a.iui-tag{ border-radius:3px; text-decoration:none; cursor:pointer; color:#008BE1; color:var(--iui-color-foreground-primary); } a.iui-tag:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } @supports not selector(*:focus-visible){ a.iui-tag:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:2px; } } a.iui-tag:hover{ color:#006bae; color:var(--iui-color-foreground-primary-overlay); text-decoration:underline; } .iui-tag-container{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-tag-container > a.iui-basic{ margin:2px; } .iui-tag-container > .iui-tag:not(:last-child){ margin-right:4px; } .iui-tag-container > .iui-basic:not(:last-child)::after{ content:','; } .iui-tag-container.iui-truncate{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } @supports (-webkit-line-clamp: 1){ .iui-tag-container.iui-truncate{ white-space:unset; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } } .iui-tag-container.iui-scroll{ white-space:nowrap; overflow-x:scroll; } .iui-tag-container.iui-visible{ border-radius:3px; padding:3px 12px; background-color:#F8F9FB; background-color:var(--iui-color-background-2); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-tile{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-flex; flex-direction:column; width:288px; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:#FFF; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-1); color:var(--iui-text-color); } .iui-tile .iui-thumbnail{ width:100%; height:154px; flex-shrink:0; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center; background-color:#f2f2f2; border-bottom:1px solid #DCE0E3; background-color:var(--iui-color-background-1-overlay); border-bottom:1px solid var(--iui-color-background-4); } .iui-tile .iui-thumbnail > .iui-type-indicator, .iui-tile .iui-thumbnail > .iui-quick-action{ border-color:transparent; background-color:transparent; padding:0 8px; height:38px; grid-gap:8px; gap:8px; padding:0 2px; height:27px; grid-gap:4px; gap:4px; position:absolute; border-radius:50%; top:6px; } .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child, .iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{ margin-left:3px; margin-right:3px; } .iui-tile .iui-thumbnail > .iui-type-indicator:hover, .iui-tile .iui-thumbnail > .iui-quick-action:hover{ background-color:rgba(0, 0, 0, 0.1); border-color:transparent; background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); border-color:transparent; } .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active, .iui-tile .iui-thumbnail > .iui-quick-action.iui-active{ background-color:rgba(0, 139, 225, 0.1); color:#008BE1; background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); color:var(--iui-color-foreground-primary); border-color:transparent; } .iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled, .iui-tile .iui-thumbnail > .iui-quick-action[disabled], .iui-tile .iui-thumbnail > .iui-quick-action:disabled{ cursor:not-allowed; background:#EEF0F3; border-color:#EEF0F3; color:rgba(0, 0, 0, 0.2); background:var(--iui-color-background-disabled); border-color:var(--iui-color-background-disabled); color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); background-color:transparent; border-color:transparent; background-color:transparent; border-color:transparent; } .iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active, .iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{ background-color:rgba(0, 0, 0, 0.05); background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); } .iui-tile .iui-thumbnail > .iui-type-indicator{ left:8px; } .iui-tile .iui-thumbnail > .iui-quick-action{ right:8px; } .iui-tile .iui-thumbnail > .iui-badge-container{ position:absolute; bottom:6px; width:calc(100% - 2 * 12px); height:auto; right:12px; display:flex; justify-content:flex-end; overflow:hidden; } .iui-tile .iui-thumbnail > .iui-badge-container > .iui-badge:not(:last-child){ margin-right:4px; } .iui-tile .iui-thumbnail .iui-thumbnail-icon{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:64px; height:64px; } .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{ z-index:1; cursor:pointer; fill:rgba(255, 255, 255, 0.6); filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2)); fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3)); filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5))); } @media (prefers-reduced-motion: no-preference){ .iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{ transition:fill 0.2s ease; } } .iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon:hover{ fill:rgba(255, 255, 255, 0.8); fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2)); } .iui-tile .iui-thumbnail > .iui-picture{ width:100%; height:100%; position:absolute; top:0; left:0; } @media (prefers-reduced-motion: no-preference){ .iui-tile .iui-thumbnail > .iui-picture{ transition:transform 0.4s ease; } } div.iui-tile .iui-thumbnail > .iui-picture{ background-position:center; background-size:cover; } .iui-tile .iui-thumbnail > .iui-picture + .iui-button, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(0, 0, 0, var(--iui-opacity-4)); } @supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){ .iui-tile .iui-thumbnail > .iui-picture + .iui-button, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{ background-color:rgba(0, 0, 0, 0.2); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(0, 0, 0, var(--iui-opacity-5)); backdrop-filter:blur(5px); } } .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{ fill:#FFF; filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2)); fill:var(--iui-color-foreground-accessory); filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5))); } .iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{ background-color:rgba(0, 0, 0, 0.4); background-color:rgba(0, 0, 0, var(--iui-opacity-4)); } .iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{ fill:#FFF; fill:var(--iui-color-foreground-accessory); } .iui-tile > .iui-content{ padding:11px 12px; position:relative; display:flex; flex-direction:column; flex-grow:2; min-width:0; } .iui-tile > .iui-content > .iui-name{ display:flex; flex-shrink:0; align-items:center; font-size:16px; -webkit-user-select:all; user-select:all; margin-bottom:5.5px; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-tile > .iui-content > .iui-name .iui-tile-status-icon{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; margin-right:8px; flex-shrink:0; } .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-tile > .iui-content > .iui-name > .iui-name-label{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .iui-tile > .iui-content > .iui-description{ margin-bottom:11px; font-size:14px; height:100%; max-height:66px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } @supports (-webkit-line-clamp: 1){ .iui-tile > .iui-content > .iui-description{ white-space:unset; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } } .iui-tile > .iui-content > .iui-metadata{ font-size:12px; flex-shrink:0; overflow:hidden; text-overflow:ellipsis; height:22px; width:100%; display:flex; align-items:center; margin-top:auto; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-tile > .iui-content > .iui-metadata > svg, .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon{ fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); display:inline-flex; width:16px; height:16px; margin-right:8px; flex-shrink:0; } .iui-tile > .iui-content > .iui-metadata > svg.iui-informational, .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-informational{ fill:#008BE1; fill:var(--iui-icons-color-primary); } .iui-tile > .iui-content > .iui-metadata > svg.iui-positive, .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-positive{ fill:#53A21A; fill:var(--iui-icons-color-positive); } .iui-tile > .iui-content > .iui-metadata > svg.iui-warning, .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-warning{ fill:#F18B12; fill:var(--iui-icons-color-warning); } .iui-tile > .iui-content > .iui-metadata > svg.iui-negative, .iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-negative{ fill:#D30A0A; fill:var(--iui-icons-color-negative); } .iui-tile > .iui-content > .iui-metadata > *{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .iui-tile > .iui-content > .iui-more-options{ padding:0 2px; height:27px; grid-gap:4px; gap:4px; position:absolute; bottom:5.5px; right:8px; visibility:hidden; } .iui-tile > .iui-content > .iui-more-options.iui-visible{ visibility:visible; } .iui-tile .iui-tile-buttons{ display:flex; flex-shrink:0; -webkit-user-select:none; user-select:none; white-space:nowrap; } .iui-tile .iui-tile-buttons > .iui-button{ font-size:14px; flex:1 1; height:auto; padding:11px 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; margin:0; border:initial; border-radius:0; } .iui-tile .iui-tile-buttons > .iui-button, .iui-tile .iui-tile-buttons > .iui-button:hover{ border-top:1px solid #DCE0E3; border-top:1px solid var(--iui-color-background-4); } .iui-tile .iui-tile-buttons > button:not(:last-child){ border-right:1px solid #DCE0E3; border-right:1px solid var(--iui-color-background-4); } .iui-tile:hover .iui-metadata:not(:last-child), .iui-tile:focus-within .iui-metadata:not(:last-child){ width:calc(100% - 32px); } .iui-tile:hover .iui-more-options, .iui-tile:focus-within .iui-more-options{ visibility:visible; } .iui-tile:hover .iui-picture, .iui-tile:focus-within .iui-picture{ transform:translateZ(0) scale(1.1); } .iui-tile.iui-new .iui-name, .iui-tile.iui-new .iui-description{ font-weight:600; } .iui-tile.iui-selected{ outline:solid 2px #008BE1; background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF); outline:solid 2px var(--iui-color-foreground-primary); background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); } .iui-tile.iui-selected .iui-picture{ transform:translateZ(0) scale(1.1); } .iui-tile.iui-folder{ display:inline-flex; flex-direction:row; flex-wrap:nowrap; } .iui-tile.iui-folder > .iui-thumbnail{ height:110px; flex:1 1; border-bottom:none; border-right:1px solid #DCE0E3; border-right:1px solid var(--iui-color-background-4); } .iui-tile.iui-folder > .iui-content{ flex:2 1; } .iui-tile.iui-folder > .iui-content > .iui-description{ height:100%; max-height:44px; margin-bottom:0; -webkit-line-clamp:2; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-toast-wrapper{ pointer-events:none; position:fixed; display:flex; align-items:center; flex-direction:column; justify-content:center; z-index:1070; } @media screen and (max-width: 400px){ .iui-toast-wrapper{ width:calc(100vw - 36px); margin-top:11px; } } @media screen and (min-width: 401px){ .iui-toast-wrapper{ min-width:400px; max-width:640px; margin:22px 0; } } @media (prefers-reduced-motion: no-preference){ .iui-toast-wrapper .iui-toast-all{ transition:all 240ms cubic-bezier(0, 0, 0.2, 1); } } .iui-toast-wrapper.iui-placement-top{ margin-left:auto; margin-right:auto; left:0; top:0; right:0; } .iui-toast-wrapper.iui-placement-top-start{ left:0; top:0; align-items:flex-start; } .iui-toast-wrapper.iui-placement-top-end{ right:0; top:0; align-items:flex-end; } .iui-toast-wrapper.iui-placement-bottom{ bottom:0; margin-left:auto; margin-right:auto; left:0; right:0; } .iui-toast-wrapper.iui-placement-bottom .iui-toast{ margin:11px 16px 0 16px; } .iui-toast-wrapper.iui-placement-bottom-start{ bottom:0; left:0; align-items:flex-start; } .iui-toast-wrapper.iui-placement-bottom-start .iui-toast{ margin:11px 16px 0 16px; } .iui-toast-wrapper.iui-placement-bottom-end{ bottom:0; right:0; align-items:flex-end; } .iui-toast-wrapper.iui-placement-bottom-end .iui-toast{ margin:11px 16px 0 16px; } .iui-toast{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-flex; align-items:center; box-sizing:border-box; pointer-events:all; margin:0 16px 11px 16px; min-height:44px; border-radius:3px; background-color:#FFF; border:1px solid #000; box-shadow:0 0 0 1px rgba(255, 255, 255, 0.4), 0 9px 46px rgba(0, 0, 0, 0.25); background-color:var(--iui-color-background-1); border:1px solid var(--iui-color-foreground-body); box-shadow:0 0 0 1px rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)), 0 9px 46px rgba(0, 0, 0, 0.25); } .iui-toast > .iui-status-area{ display:flex; align-self:stretch; justify-content:center; align-items:center; width:48px; flex-shrink:0; background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-toast > .iui-status-area > .iui-icon{ height:16px; width:16px; fill:#FFF; fill:var(--iui-color-foreground-accessory); } .iui-toast > .iui-message{ flex-grow:1; font-size:14px; margin-top:5.5px; margin-bottom:5.5px; margin-right:24px; margin-left:16px; line-height:22px; font-weight:400; font-style:normal; color:rgba(0, 0, 0, 0.8); color:var(--iui-text-color); } .iui-toast > .iui-anchor{ font-size:12px; margin-right:16px; -webkit-user-select:none; user-select:none; text-decoration:underline; white-space:nowrap; } .iui-toast > .iui-anchor:hover{ text-decoration:none; } .iui-toast > .iui-button{ margin-right:8px; } @media screen and (max-width: 400px){ .iui-toast{ width:calc(100vw - 36px); } } @media screen and (min-width: 401px){ .iui-toast{ min-width:400px; max-width:640px; } } .iui-toast.iui-informational{ border-color:#008BE1; border-color:var(--iui-color-foreground-primary); } .iui-toast.iui-informational > .iui-message::selection{ background-color:rgba(0, 139, 225, 0.4); background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); } .iui-toast.iui-informational > .iui-status-area{ background-color:#008BE1; background-color:var(--iui-color-background-primary); } .iui-toast.iui-positive{ border-color:#53A21A; border-color:var(--iui-color-foreground-positive); } .iui-toast.iui-positive > .iui-message::selection{ background-color:rgba(83, 162, 26, 0.4); background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); } .iui-toast.iui-positive > .iui-status-area{ background-color:#53A21A; background-color:var(--iui-color-background-positive); } .iui-toast.iui-positive > .iui-anchor{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-toast.iui-positive > .iui-anchor:hover{ color:#3c7613; color:var(--iui-color-foreground-positive-overlay); } .iui-toast.iui-positive > .iui-anchor{ outline-color:var(--iui-color-foreground-positive); } .iui-toast.iui-positive > .iui-button{ outline-color:var(--iui-color-foreground-positive); } .iui-toast.iui-negative{ border-color:#D30A0A; border-color:var(--iui-color-foreground-negative); } .iui-toast.iui-negative > .iui-message::selection{ background-color:rgba(211, 10, 10, 0.4); background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); } .iui-toast.iui-negative > .iui-status-area{ background-color:#D30A0A; background-color:var(--iui-color-background-negative); } .iui-toast.iui-negative > .iui-anchor{ color:#D30A0A; color:var(--iui-color-foreground-negative); } .iui-toast.iui-negative > .iui-anchor:hover{ color:#a20808; color:var(--iui-color-foreground-negative-overlay); } .iui-toast.iui-negative > .iui-anchor{ outline-color:var(--iui-color-foreground-negative); } .iui-toast.iui-negative > .iui-button{ outline-color:var(--iui-color-foreground-negative); } .iui-toast.iui-warning{ border-color:#F18B12; border-color:var(--iui-color-foreground-warning); } .iui-toast.iui-warning > .iui-message::selection{ background-color:rgba(241, 139, 18, 0.4); background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); } .iui-toast.iui-warning > .iui-status-area{ background-color:#F18B12; background-color:var(--iui-color-background-warning); } .iui-toast.iui-warning > .iui-anchor{ color:#F18B12; color:var(--iui-color-foreground-warning); } .iui-toast.iui-warning > .iui-anchor:hover{ color:#c4700c; color:var(--iui-color-foreground-warning-overlay); } .iui-toast.iui-warning > .iui-anchor{ outline-color:var(--iui-color-foreground-warning); } .iui-toast.iui-warning > .iui-button{ outline-color:var(--iui-color-foreground-warning); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-blockquote{ margin:0; padding:0; border:none; vertical-align:baseline; display:block; position:relative; padding:11px 16px; margin:11px 0; text-align:justify; box-shadow:0 1px 5px rgba(0, 0, 0, 0.25); border-radius:3px; background-color:#FFF; border-left:8px solid #008BE1; background-color:var(--iui-color-background-1); border-left:8px solid var(--iui-color-foreground-primary); } .iui-blockquote > footer{ text-align:right; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-blockquote > footer > cite{ font-style:normal; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-code{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-block; font-family:ui-monospace, Menlo, "Segoe UI Mono", Consolas, "Roboto Mono", "Courier New", monospace; font-size:12px; padding:0 4px; border-radius:3px; -webkit-user-select:all; user-select:all; background-color:#EEF0F3; color:rgba(0, 0, 0, 0.8); background-color:var(--iui-color-background-3); color:var(--iui-text-color); } .iui-codeblock{ margin:0; padding:0; border:none; vertical-align:baseline; margin:6px 0; } .iui-codeblock > .iui-title-bar{ display:flex; align-items:center; border-radius:3px 3px 0 0; background-color:#EEF0F3; background-color:var(--iui-color-background-3); } .iui-codeblock > .iui-title-bar > .iui-title{ margin-left:12px; -webkit-user-select:all; user-select:all; } .iui-codeblock > .iui-title-bar > .iui-button{ margin-left:auto; } .iui-codeblock .iui-button{ grid-gap:0; gap:0; } .iui-codeblock > .iui-codeblock-content{ margin:0; overflow-x:auto; overflow-y:auto; border-radius:0 0 3px 3px; white-space:normal; border:1px solid #EEF0F3; border:1px solid var(--iui-color-background-3); } .iui-codeblock > .iui-codeblock-content:focus-visible{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } @supports not selector(*:focus-visible){ .iui-codeblock > .iui-codeblock-content:focus{ outline:1px solid var(--iui-color-foreground-primary); outline-offset:-1px; } } .iui-codeblock > .iui-codeblock-content > code{ display:block; width:100%; white-space:nowrap; -webkit-hyphens:auto; hyphens:auto; counter-increment:section; font-family:ui-monospace, Menlo, "Segoe UI Mono", Consolas, "Roboto Mono", "Courier New", monospace; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-codeblock > .iui-codeblock-content > code:nth-child(even){ background:rgba(0, 0, 0, 0.02); background:rgba(var(--iui-color-foreground-body-rgb), 0.02); } .iui-codeblock > .iui-codeblock-content > code::before{ content:counter(section); text-align:right; display:inline-block; padding:0 8px; width:24px; background-color:#F8F9FB; color:rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-2); color:var(--iui-text-color-muted); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-keyboard{ margin:0; padding:0; border:none; vertical-align:baseline; border-radius:3px; display:inline-block; font-size:12px; font-weight:600; font-family:ui-monospace, Menlo, "Segoe UI Mono", Consolas, "Roboto Mono", "Courier New", monospace; line-height:1; padding:4px 8px; white-space:nowrap; text-transform:uppercase; -webkit-user-select:none; user-select:none; cursor:default; background-color:#FFF; border:1px solid #C7CCD1; box-shadow:0 1px 1px #C7CCD1, 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; background-color:var(--iui-color-background-1); border:1px solid var(--iui-color-background-5); box-shadow:0 1px 1px var(--iui-color-background-5), 0 1px 0 0 rgba(255, 255, 255, var(--iui-opacity-5)) inset; } @media (prefers-reduced-motion: no-preference){ .iui-keyboard{ transition:box-shadow 0.2s ease-out; } } .iui-keyboard:hover{ box-shadow:0 0 0 #C7CCD1, 0 0 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow:0 0 0 var(--iui-color-background-5), 0 0 0 0 rgba(255, 255, 255, var(--iui-opacity-5)) inset; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-user-icon{ margin:0; padding:0; border:none; vertical-align:baseline; display:inline-flex; align-items:center; justify-content:center; position:relative; margin:0; -webkit-user-select:none; user-select:none; } .iui-user-icon > .iui-stroke{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; margin:0; border-radius:50%; box-sizing:border-box; box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 0 0 2px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-user-icon > .iui-initials{ display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; margin:0; border-radius:50%; font-style:normal; font-weight:600; text-align:center; text-decoration:none; text-transform:uppercase; background-color:#b1c856; overflow:hidden; color:#FFF; color:var(--iui-color-foreground-accessory); } .iui-user-icon > .iui-icon{ display:inline-flex; width:50%; height:50%; position:absolute; fill:#FFF; fill:var(--iui-color-foreground-accessory); } .iui-user-icon > img{ display:block; position:absolute; object-fit:cover; left:0; top:0; width:100%; height:100%; border-width:0; border-radius:50%; background-color:#FFF; background-color:var(--iui-color-background-1); } .iui-user-icon > .iui-status{ display:flex; align-items:center; justify-content:center; position:absolute; right:-2px; bottom:-2px; width:25%; height:25%; border-radius:50%; border:2px solid #FFF; background-color:#FFF; box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.6); border:2px solid var(--iui-color-background-1); background-color:var(--iui-color-background-1); box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); } .iui-user-icon > .iui-status > .iui-status-symbol{ display:inline-flex; fill:rgba(0, 0, 0, 0.4); fill:var(--iui-icons-color); width:calc(100% / 1.5); height:calc(100% / 1.5); } .iui-user-icon > .iui-status.iui-online, .iui-user-icon > .iui-status.iui-away, .iui-user-icon > .iui-status.iui-busy{ box-shadow:none; } .iui-user-icon > .iui-status.iui-online > .iui-status-symbol, .iui-user-icon > .iui-status.iui-away > .iui-status-symbol, .iui-user-icon > .iui-status.iui-busy > .iui-status-symbol{ fill:#FFF; fill:var(--iui-color-foreground-accessory); } .iui-user-icon > .iui-status.iui-online{ background-color:#53A21A; background-color:var(--iui-color-background-positive); } .iui-user-icon > .iui-status.iui-away{ background-color:#F18B12; background-color:var(--iui-color-background-warning); } .iui-user-icon > .iui-status.iui-busy{ background-color:#D30A0A; background-color:var(--iui-color-background-negative); } .iui-user-icon.iui-user-icon-count > .iui-initials{ background-color:#EEF0F3; color:rgba(0, 0, 0, 0.4); background-color:var(--iui-color-background-3); color:var(--iui-text-color-muted); } .iui-user-icon.iui-user-icon-count:focus{ outline:none; } .iui-user-icon.iui-user-icon-count:focus > .iui-stroke{ box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px; box-shadow:var(--iui-focus-box-shadow); } .iui-user-icon.iui-user-icon-count:focus-visible{ outline:none; } .iui-user-icon.iui-user-icon-count:focus:not(:focus-visible) > .iui-stroke{ box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 0 0 2px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); } .iui-user-icon.iui-user-icon{ width:32px; height:32px; } .iui-user-icon.iui-user-icon > .iui-initials{ line-height:32px; font-size:16px; } .iui-user-icon.iui-small{ width:24px; height:24px; } .iui-user-icon.iui-small > .iui-initials{ line-height:24px; font-size:12px; } .iui-user-icon.iui-large{ width:48px; height:48px; } .iui-user-icon.iui-large > .iui-initials{ line-height:48px; font-size:18px; } .iui-user-icon.iui-x-large{ width:64px; height:64px; } .iui-user-icon.iui-x-large > .iui-initials{ line-height:64px; font-size:24px; } .iui-user-icon-list{ display:inline-flex; flex-wrap:wrap; } .iui-user-icon-list .iui-user-icon:not(:first-child){ margin-left:4px; } .iui-user-icon-list .iui-user-icon:not(:first-child).iui-small{ margin-left:2px; } .iui-user-icon-list .iui-user-icon:not(:first-child).iui-large{ margin-left:8px; } .iui-user-icon-list .iui-user-icon:not(:first-child).iui-x-large{ margin-left:12px; } .iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child){ margin-left:-4px; } .iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child) .iui-initials{ box-shadow:0 0 0 4px #FFF; box-shadow:0 0 0 4px var(--iui-color-background-1); } .iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-small{ margin-left:-2px; } .iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-small .iui-initials{ box-shadow:0 0 0 2px #FFF; box-shadow:0 0 0 2px var(--iui-color-background-1); } .iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-large{ margin-left:-8px; } .iui-user-icon-list.iui-stacked .iui-user-icon:not(:first-child).iui-x-large{ margin-left:-12px; } @media (prefers-reduced-motion: no-preference){ .iui-user-icon-list.iui-stacked.iui-animated .iui-user-icon{ transition:margin-left 0.4s ease-out; } } .iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child){ margin-left:4px; } .iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child).iui-small{ margin-left:2px; } .iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child).iui-large{ margin-left:8px; } .iui-user-icon-list.iui-stacked.iui-animated:hover .iui-user-icon:not(:first-child).iui-x-large{ margin-left:12px; } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .iui-wizard{ margin:0; padding:0; border:none; vertical-align:baseline; } .iui-wizard > ol{ margin:0; padding:0; border:none; vertical-align:baseline; display:flex; justify-content:space-around; align-items:flex-start; width:100%; margin-bottom:5.5px; } .iui-wizard.iui-long .iui-wizard-steps-label{ display:block; font-size:18px; text-align:center; } .iui-wizard.iui-long .iui-steps-count{ -webkit-user-select:none; user-select:none; margin-right:8px; color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-wizard.iui-workflow > ol{ align-items:center; } .iui-wizard.iui-workflow .iui-wizard-step .iui-wizard-circle{ padding-left:16px; padding-right:16px; height:100%; width:auto; border-radius:0; font-weight:400; text-align:center; background-color:#53A21A; border-color:#53A21A; color:#FFF; background-color:var(--iui-color-background-positive); border-color:var(--iui-color-background-positive); color:var(--iui-color-foreground-accessory); } .iui-wizard.iui-workflow .iui-wizard-step:first-of-type .iui-wizard-circle, .iui-wizard.iui-workflow .iui-wizard-step:last-of-type .iui-wizard-circle{ border-radius:12px; background-color:#FFF; border-color:#53A21A; color:#53A21A; background-color:var(--iui-color-background-1); border-color:var(--iui-color-foreground-positive); color:var(--iui-color-foreground-positive); } .iui-wizard.iui-workflow .iui-wizard-track-content::before, .iui-wizard.iui-workflow .iui-wizard-track-content::after{ background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-wizard-step{ flex:1 1; align-items:center; display:flex; flex-direction:column; margin:0; padding:0; border:none; vertical-align:baseline; font-size:12px; font-weight:400; line-height:22px; color:#53A21A; color:var(--iui-color-background-positive); } .iui-wizard-step .iui-wizard-circle{ align-items:center; border-radius:50%; display:flex; width:24px; height:24px; justify-content:center; overflow-wrap:break-word; -webkit-user-select:none; user-select:none; transition:background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; border:1px solid #53A21A; background-color:#FFF; color:#53A21A; border:1px solid var(--iui-color-foreground-positive); background-color:var(--iui-color-background-1); color:var(--iui-color-foreground-positive); } .iui-wizard-step.iui-current{ font-weight:600; } .iui-wizard-step.iui-current .iui-wizard-step-name{ color:#53A21A; color:var(--iui-color-foreground-positive); } .iui-wizard-step.iui-current .iui-wizard-circle{ color:#FFF; border-color:#53A21A; background-color:#53A21A; color:var(--iui-color-foreground-accessory); border-color:var(--iui-color-background-positive); background-color:var(--iui-color-background-positive); } .iui-wizard-step.iui-current .iui-wizard-track-content::after{ background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-wizard-step.iui-current ~ .iui-wizard-step .iui-wizard-circle{ border:1px solid #C7CCD1; background-color:#FFF; color:rgba(0, 0, 0, 0.4); border:1px solid var(--iui-color-background-5); background-color:var(--iui-color-background-1); color:var(--iui-text-color-muted); } .iui-wizard-step.iui-current ~ .iui-wizard-step .iui-wizard-step-name{ color:rgba(0, 0, 0, 0.4); color:var(--iui-text-color-muted); } .iui-wizard-step.iui-current ~ .iui-wizard-step .iui-wizard-track-content::before, .iui-wizard-step.iui-current ~ .iui-wizard-step:not(:last-of-type) .iui-wizard-track-content::after{ background-color:#C7CCD1; background-color:var(--iui-color-background-5); } .iui-wizard-step.iui-clickable .iui-wizard-circle{ cursor:pointer; } @media (prefers-reduced-motion: no-preference){ .iui-wizard-step.iui-clickable .iui-wizard-circle{ transition:background-color 0.2s ease-out; } } .iui-wizard-step.iui-clickable .iui-wizard-circle:hover{ color:#FFF; border:1px solid #53A21A; background-color:#53A21A; color:var(--iui-color-foreground-accessory); border:1px solid var(--iui-color-background-positive); background-color:var(--iui-color-background-positive); } .iui-wizard-step.iui-clickable:focus{ outline:0; } .iui-wizard-step.iui-clickable:focus .iui-wizard-circle{ outline:2px solid #53A21A; outline:2px solid var(--iui-color-foreground-positive); outline-offset:-1px; } .iui-wizard-step.iui-clickable:focus:not(:focus-visible) .iui-wizard-circle{ outline:none; } .iui-wizard-step:first-of-type .iui-wizard-track-content::before, .iui-wizard-step:last-of-type .iui-wizard-track-content::after{ background-color:transparent; } .iui-wizard-track-content{ display:flex; align-items:center; width:100%; } .iui-wizard-track-content::before, .iui-wizard-track-content::after{ content:''; height:2px; flex:1 2 auto; background-color:#53A21A; background-color:var(--iui-color-foreground-positive); } .iui-wizard-step-name{ text-align:center; -webkit-user-select:all; user-select:all; color:#53A21A; color:var(--iui-color-foreground-positive); } /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .test-content-container { display: flex; height: 100%; width: 100%; justify-content: center; -webkit-user-select: none; user-select: none; }