/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer itwinui; @layer appui { @layer layout, component, preview; @layer preview { @layer horizontal-panel-alignment, enable-maximized-widget; } }/*--------------------------------------------------------------------------------------------- * 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: rgb(248, 248, 248); 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%, rgb(47, 37, 72) 100%); background-image: url('data:image/svg+xml, '), linear-gradient(to right, rgba(47, 37, 72, 0) 0%, rgb(47, 37, 72) 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%, rgb(47, 37, 72) 100%); background-image: url('data:image/svg+xml, '), linear-gradient(to top, rgba(47, 37, 72, 0) 0%, rgb(47, 37, 72) 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. *--------------------------------------------------------------------------------------------*/ button.components-colorpicker-button { font-family: var(--iui-font-sans); font-size: var(--iui-font-size-1); color: var(--iui-color-text); box-sizing: border-box; border: 1px solid transparent; border-radius: var(--iui-border-radius-1); 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: var(--iui-border-radius-1); } button.components-colorpicker-button > .components-colorpicker-button-container > .components-colorpicker-button-color-swatch { border: 1px solid var(--iui-color-border-foreground); border-radius: var(--iui-border-radius-1); 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(--iui-color-text-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(--iui-color-border-foreground); border-radius: 6px; } .components-colorpicker-popup .components-colorpicker-popup-container { color: var(--iui-color-text); background: var(--iui-color-background); 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. *--------------------------------------------------------------------------------------------*/ .components-color-swatch { font-size: var(--iui-font-size-1); height: 1.2em; width: 1.2em; border-width: 1px; border-radius: var(--iui-border-radius-1); border-style: solid; border-color: var(--iui-color-border-subtle); } .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. *--------------------------------------------------------------------------------------------*/ button.components-colorpicker-popup-button { font-family: var(--iui-font-sans); font-size: var(--iui-font-size-1); color: var(--iui-color-text); background-color: transparent; box-sizing: border-box; border-radius: var(--iui-border-radius-1); 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(--iui-color-border); border-radius: var(--iui-border-radius-1); 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(--iui-color-text-disabled); } .components-colorpicker-popup-panel-padding { padding: 3px 6px 6px 6px; display: flex; flex-direction: column; gap: 4px; } .components-colorpicker-popup-panel-padding button.core-dialog-close { cursor: pointer; margin-left: auto; background: transparent; border: none; color: var(--iui-color-text); }/*--------------------------------------------------------------------------------------------- * 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. *--------------------------------------------------------------------------------------------*/ .components-color-editor { font-family: var(--iui-font-sans); font-size: var(--iui-font-size-1); color: var(--iui-color-text); 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. *--------------------------------------------------------------------------------------------*/ .components-weight-editor { font-family: var(--iui-font-sans); font-size: var(--iui-font-size-1); color: var(--iui-color-text); 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. *--------------------------------------------------------------------------------------------*/ .components-weightpicker-button { color: var(--iui-color-text); background: var(--iui-color-background); border: 1px solid var(--iui-color-border-foreground); border-radius: var(--iui-border-radius-1); min-width: 100px; } .components-weightpicker-button:not(.readonly):not([disabled]) { cursor: pointer; } .components-weightpicker-button:active, .components-weightpicker-button:focus { box-shadow: hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4)) 0px 0px 0px 2px; } .components-weightpicker-popup.core-popup { background: var(--iui-color-background); border: 1px solid var(--iui-color-border-foreground); } .components-weightpicker-popup .components-weightpicker-popup-container { color: var(--iui-color-text); background: var(--iui-color-background); min-width: 60px; padding: 0 4px; border-radius: var(--iui-border-radius-1); } .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(--iui-color-background-hover); } .components-weightpicker-popup .components-weightpicker-popup-container > ul > .components-weightpicker-swatch.active { background: var(--iui-color-background-accent-muted); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .components-lineweight-swatch { font-size: var(--iui-font-size-1); color: var(--iui-color-text); 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(--iui-color-background-accent-muted); } .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; background: var(--iui-color-text); 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 */ /** Toolbar Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .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: 100%; 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(--iui-color-text-accent-hover); 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(--iui-color-text-disabled); } .component-quantity-number-input-container.component-quantity-number-input-disabled .component-quantity-number-input-button-up { pointer-events: none; color: var(--iui-color-text-disabled); } .component-quantity-number-input-container.component-quantity-number-input-disabled .component-quantity-number-input-button-down { pointer-events: none; color: var(--iui-color-text-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; pointer-events: none; } .components-cube-css3d .face { width: 100%; height: 100%; position: absolute; backface-visibility: inherit; pointer-events: all; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .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: var(--iui-font-size-1); font-weight: var(--iui-font-weight-semibold); color: var(--iui-color-text); box-shadow: inset 0px 0px 1px 0.2px var(--iui-color-border); } .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; user-select: none; -webkit-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 { height: auto; background-color: var(--iui-color-background-accent-muted); } .components-cube-container .cube-element-container .nav-cube .nav-cube-face .face-row .face-cell.cube-active { background-color: var(--iui-color-background-accent-muted); } .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(--iui-color-background), var(--iui-color-background-zebra)); } .components-cube-container .cube-element-container .nav-cube .cube-bottom { background: linear-gradient(var(--iui-color-background-zebra), var(--iui-color-background-zebra)); } .components-cube-container .cube-element-container .nav-cube .face { background-color: var(--iui-color-background); } .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(--iui-color-background), var(--iui-color-background-backdrop)); } .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-top { background: var(--iui-color-background); } .components-cube-container .cube-element-container .nav-cube.cube-dragging .cube-bottom { background: var(--iui-color-background-backdrop); } .components-cube-container .cube-pointer { position: absolute; height: 20px; width: 20px; font-size: 20px; color: var(--iui-color-background); 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(--iui-color-background-hover); } .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. *--------------------------------------------------------------------------------------------*/ #components-drawing-portal { z-index: 6000; } .components-drawing-navigation-aid { position: relative; overflow: hidden; box-shadow: 0 0 0 1px var(--iui-color-border-foreground), 0 0 0 2px var(--iui-color-text); 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(--iui-color-background); border: 1px solid var(--iui-color-background-disabled); cursor: pointer; border-radius: var(--iui-border-radius-1); 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(--iui-color-background); border: 1px solid var(--iui-color-background-disabled); border-radius: var(--iui-border-radius-1); 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(--iui-color-background); opacity: 0.5; color: var(--iui-color-text); border-radius: var(--iui-border-radius-1); 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(--iui-color-text-accent); } .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(--iui-color-background-disabled); border-radius: var(--iui-border-radius-1); right: 10px; bottom: 10px; } .components-drawing-navigation-aid .drawing-container .zoom .zoom-button { cursor: pointer; background-color: var(--iui-color-background); 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(--iui-color-background-disabled); } .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. *--------------------------------------------------------------------------------------------*/ .components-quantityFormat-panel { display: grid; grid-template-columns: auto 1fr; row-gap: 0; column-gap: 6px; align-items: center; } .components-quantityFormat-panel > .uicore-label { font-size: var(--iui-font-size-1); 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(--iui-color-text-disabled); } .components-quantityFormat-panel > span.components-inline { display: flex; flex-direction: row; align-items: center; gap: 4px; } .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: var(--iui-font-size-1); color: var(--iui-color-text-negative); -webkit-transition: text-decoration 1s ease; -moz-transition: text-decoration 1s ease; -o-transition: text-decoration 1s ease; transition: text-decoration 0.1s ease; } .components-quantityFormat-panel > a.components-quantityFormat-more-less:hover { text-decoration: underline; cursor: pointer; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .timeline-component { width: 100%; min-width: 275px; display: flex; flex-direction: row; align-items: center; padding: 8px 16px; box-sizing: border-box; gap: 8px; } .timeline-component .time-container { display: flex; flex-direction: column; align-items: center; } .timeline-component .timeline-time { font-size: 12px; color: var(--iui-color-text-muted); text-align: center; min-height: inherit; } .timeline-component .timeline-duration-time { font-size: 14px; width: 40px; color: var(--iui-color-text); text-align: center; min-height: inherit; } .timeline-component .timeline-date { font-size: 12px; color: var(--iui-color-text-muted); padding-bottom: 4px; } .timeline-component .slider { position: relative; flex: 1; margin: 0 20px; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .inline-edit-input { color: var(--iui-color-text); background: inherit; border: 1px solid transparent; box-sizing: border-box; padding: 0px; } .inline-edit-input:hover { border: 1px solid var(--iui-color-background-disabled); } .inline-edit-input:focus { background: var(--iui-color-background); border: 1px solid var(--iui-color-background-disabled); outline: none; color: var(--iui-color-text-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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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. *--------------------------------------------------------------------------------------------*/ .components-timeline-thumb { display: flex; justify-content: center; align-items: center; background-color: var(--iui-color-background); box-sizing: border-box; width: 38px; height: 20px; border-radius: var(--iui-border-radius-1); border: 1px solid var(--iui-color-border); transform: translateX(-19.2px); } .components-timeline-rail-marker-container { position: absolute; width: 100%; top: 0; } .components-timeline-rail-marker-container .components-timeline-tooltip { z-index: 18000; position: absolute; top: -8px; display: inline-block; transform: translateX(-50px); border-bottom: 1px dotted rgba(0, 0, 0, var(--iui-opacity-3)); font-size: 14px; } .components-timeline-rail-marker-container .components-timeline-tooltip .tooltip-text { width: 100px; background-color: rgba(0, 0, 0, var(--iui-opacity-3)); color: #fff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 150%; } .components-timeline-rail-marker-container .components-timeline-tooltip .tooltip-text:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(0, 0, 0, var(--iui-opacity-3)) transparent transparent transparent; } .scrubber-handle { pointer-events: none; position: absolute; width: 38px; height: 20px; border-radius: var(--iui-border-radius-1); display: flex; align-items: center; justify-content: center; box-sizing: border-box; cursor: pointer; } .scrubber-handle > div { width: 1px; height: 10px; margin: 0 1px; background-color: var(--iui-color-border-subtle); } .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: var(--iui-border-radius-1); transform: translateY(1px); background-color: var(--iui-color-border); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .solar-timeline-wrapper { width: 100%; position: relative; display: grid; align-items: center; grid-template-columns: auto 1fr auto; grid-template-areas: "solar-timeline-start solar-timeline solar-timeline-end"; } @container solar-timeline (width < 600px) { .solar-timeline-wrapper { grid-template-columns: auto auto; grid-template-areas: "solar-timeline solar-timeline" "solar-timeline-start solar-timeline-end"; } } @container solar-timeline (width < 320px) { .solar-timeline-date-time { clip-path: inset(50%) !important; overflow: hidden !important; position: absolute !important; white-space: nowrap !important; block-size: 1px !important; inline-size: 1px !important; } } .solar-timeline { grid-area: solar-timeline; margin-inline: var(--iui-size-2xs); } .solar-timeline-start { grid-area: solar-timeline-start; } .solar-timeline-end { grid-area: solar-timeline-end; } .solar-timeline-icon { display: flex; }/*--------------------------------------------------------------------------------------------- * 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(--iui-color-background-disabled); border-width: 1px; border-radius: var(--iui-border-radius-1); border-style: solid; color: var(--iui-color-text); background: var(--iui-color-background-hover); 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; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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; user-select: none; -webkit-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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar Opacity */ .nz-widget-tools-button-expandable { position: relative; pointer-events: auto; } .nz-widget-tools-button-expandable:hover > .nz-triangle { border-color: transparent transparent var(--iui-color-text-accent-hover) transparent; } .nz-widget-tools-button-expandable:active > .nz-triangle { filter: drop-shadow(0 0 0 transparent); border-color: transparent transparent hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2)) transparent; } .nz-widget-tools-button-expandable > .nz-triangle { border-radius: 0; position: absolute; right: 5px; bottom: 5px; filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); pointer-events: none; border-width: 0 0 6px 6px; width: 0; height: 0; border-style: solid; border-color: transparent transparent var(--iui-color-text) 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 */ /** Toolbar 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; color: var(--iui-color-icon); } .nz-toolbar-button-icon > .nz-icon svg { fill: var(--iui-color-icon); } .nz-toolbar-button-icon > .nz-icon > * { width: 36px; height: 36px; color: var(--iui-color-icon); filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); display: inline-block; } .nz-toolbar-button-icon > .nz-icon > .icon.core-svg-icon svg { width: 36px; height: 36px; } .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:hover > .nz-icon > * { color: var(--iui-color-icon-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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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 */ /** Toolbar Opacity */ .nz-toolbar-button-button { box-sizing: border-box; width: 60px; height: 60px; cursor: pointer; position: relative; overflow: hidden; background: var(--iui-color-background); border-radius: var(--iui-border-radius-1); border-width: 1px; border-color: var(--iui-color-border-foreground); border-radius: var(--iui-border-radius-1); 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(--iui-color-background), var(--iui-color-background-zebra)); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .nz-toolbar-button-button:focus { outline: none; } .nz-toolbar-button-background:hover { background-color: var(--iui-color-background-hover); }/*--------------------------------------------------------------------------------------------- * 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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. *--------------------------------------------------------------------------------------------*/ .uifw-dialog-dialogManagerBase_renderer { position: relative; z-index: 15000; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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-feedback-elementTooltip { pointer-events: none; width: max-content; font-size: var(--iui-font-size-1); border-color: var(--iui-color-border); border-radius: var(--iui-border-radius-1); border-style: solid; border-width: 1px; } .uifw-feedback-elementTooltip_container { position: fixed; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 18000; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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: hsl(var(--iui-color-background-hsl)/0.9); color: var(--iui-color-text); display: grid; grid-auto-flow: column; grid-gap: 5px; align-items: center; padding: 5px 10px; z-index: 18000; } .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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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 */ /** Toolbar Opacity */ /*--------------------------------------------------------------------------------------------- * 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(--iui-color-border); border-radius: var(--iui-border-radius-1); border-style: solid; border-width: 1px; background-color: hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2)); } .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(--iui-color-text); padding-left: 3px; padding-right: 3px; } .uifw-pointer-message .uifw-pointer-message-content > .uifw-pointer-message-text > .uifw-pointer-message-brief { font-size: var(--iui-font-size-1); font-weight: var(--iui-font-weight-normal); line-height: var(--iui-size-l); color: var(--iui-color-text); } .uifw-pointer-message .uifw-pointer-message-content > .uifw-pointer-message-text > .uifw-pointer-message-detailed { font-size: var(--iui-font-size-0); font-weight: var(--iui-font-weight-normal); line-height: var(--iui-size-l); color: var(--iui-color-text); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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. *--------------------------------------------------------------------------------------------*/ .uifw-card { background-color: hsl(var(--iui-color-background-hsl)/0.9); z-index: 3000; } .uifw-card .uifw-card-content { padding: 6px 10px; } .uifw-card .uifw-card-separator { height: 2px; margin-bottom: 1px; background: rgba(var(--iui-color-foreground-hsl), 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. *--------------------------------------------------------------------------------------------*/ .nz-footer-dialog-dialog { border-radius: var(--iui-border-radius-1); 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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(--iui-color-background-backdrop); border-bottom: 1px solid var(--iui-color-border-subtle); 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: var(--iui-font-weight-normal); font-size: var(--iui-font-size-2); color: var(--iui-color-text); 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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-cursorpopup { border-color: var(--iui-color-border); border-radius: var(--iui-border-radius-1); border-style: solid; border-width: 1px; background-color: hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2)); position: fixed; height: fit-content; width: fit-content; transition: opacity 500ms; z-index: 18000; } .uifw-cursorpopup > .uifw-cursorpopup-title { min-height: var(--iui-size-l); opacity: var(--iui-opacity-2); } .uifw-cursorpopup > .uifw-cursorpopup-content { padding: var(--iui-size-2xs); } .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. *--------------------------------------------------------------------------------------------*/ .uifw-child-window-container-host { height: 100%; width: 100%; position: relative; } .uifw-child-window-container { height: 100%; width: 100%; } .uifw-childwindow-internalChildWindowManager_portalContainer { 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-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); */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar 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 */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer appui.component { .nz-widget-floatingWidget { position: absolute; border: 1px solid var(--iui-color-background-disabled); border-radius: var(--iui-border-radius-1); min-width: 200px; min-height: 120px; transition: opacity var(--iui-duration-2) ease; z-index: 6000; opacity: var(--buic-widget-opacity, 1); transition: opacity var(--iui-duration-1) ease; } .nz-widget-floatingWidget:hover, .nz-widget-floatingWidget:focus-within { opacity: 1; } .nz-widget-floatingWidget.nz-floating-toolSettings { min-height: 60px; } .nz-widget-floatingWidget.nz-minimized { flex-grow: 0; } .nz-widget-floatingWidget.nz-minimized > .nz-content { width: 0; } .nz-widget-floatingWidget.nz-hidden { opacity: 0; pointer-events: none; } .nz-widget-floatingWidget.nz-dragged { pointer-events: none; opacity: 0.6; z-index: 23000; } .nz-widget-floatingWidget.nz-minimized { min-height: 30px; } .nz-widget-floatingWidget.nz-minimized .nz-widget-floatingWidget_handle { visibility: hidden; } .nz-widget-floatingWidget_handle { position: absolute; user-select: none; -webkit-user-select: none; } .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. *--------------------------------------------------------------------------------------------*/ .nz-widget-contentContainer { flex: 1 1 auto; min-height: 0; min-width: 0; position: relative; display: flex; } .nz-widget-contentContainer > .nz-content { flex: 1; display: flex; min-width: 0; } .nz-widget-floatingWidget .nz-widget-contentContainer.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. *--------------------------------------------------------------------------------------------*/ @layer appui.component { .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; z-index: 1; } .nz-widgetPanels-panel > .nz-content { display: flex; position: relative; background: var(--iui-color-background-hover); } .nz-widgetPanels-panel.nz-transition { transition-duration: var(--iui-duration-2); transition-timing-function: ease-in; } .nz-widgetPanels-panel.nz-left, .nz-widgetPanels-panel.nz-right { max-width: 100%; min-height: 0; height: 100%; } .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 > .nz-grip-container { left: 0; } .nz-widgetPanels-panel.nz-left > .nz-grip-container > .nz-grip.nz-grip { right: calc(0.75em * -0.5); transform: translate(0, -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-left.nz-collapsed > .nz-grip-container > .nz-grip { right: 0; } .nz-widgetPanels-panel.nz-right > .nz-grip-container { right: 0; } .nz-widgetPanels-panel.nz-right > .nz-grip-container > .nz-grip.nz-grip { left: calc(0.75em * -0.5); transform: translate(0, -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-right.nz-collapsed > .nz-grip-container > .nz-grip { left: 0; } .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 > .nz-grip-container { top: 0; } .nz-widgetPanels-panel.nz-top > .nz-grip-container > .nz-grip.nz-grip { bottom: calc(0.75em * -0.5); transform: translate(-50%, 0); } .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-top.nz-collapsed > .nz-grip-container > .nz-grip { bottom: 0; } .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%, 0); } .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%; } .nz-widgetPanels_panelContainer { 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-outline-panelOutline { background-color: rgba(140, 210, 255, var(--iui-opacity-3)); position: absolute; transform: scale(1); transition: transform var(--iui-duration-1) ease-in; width: 100%; height: 100%; z-index: 1; } .nz-outline-panelOutline.nz-hidden { transition: none; } .nz-outline-panelOutline.nz-left, .nz-outline-panelOutline.nz-right { height: 100%; } .nz-outline-panelOutline.nz-left { transform-origin: left; } .nz-outline-panelOutline.nz-left.nz-hidden { transform: scale(0, 1); } .nz-outline-panelOutline.nz-right { right: 0; transform-origin: right; } .nz-outline-panelOutline.nz-right.nz-hidden { transform: scale(0, 1); } .nz-outline-panelOutline.nz-top, .nz-outline-panelOutline.nz-bottom { width: 100%; } .nz-outline-panelOutline.nz-top { transform-origin: top; } .nz-outline-panelOutline.nz-top.nz-hidden { transform: scale(1, 0); } .nz-outline-panelOutline.nz-bottom { bottom: 0; transform-origin: bottom; } .nz-outline-panelOutline.nz-bottom.nz-hidden { transform: scale(1, 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-widget { background: var(--iui-color-background); 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. *--------------------------------------------------------------------------------------------*/ @layer appui.preview.enable-maximized-widget { .uifw-preview-enableMaximizedWidget_panel-layout { grid-row: 1/-1; grid-column: 1/-1; z-index: 6001; } .uifw-preview-enableMaximizedWidget_panel { height: 100%; } .uifw-preview-enableMaximizedWidget_section { flex: 1; } .uifw-preview-enableMaximizedWidget_section-sibling { display: none; } .uifw-preview-enableMaximizedWidget_floatingWidget { opacity: 1; border-radius: unset; inset: 0; } .uifw-preview-enableMaximizedWidget_widget-tabBar { 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. *--------------------------------------------------------------------------------------------*/ .nz-outline-sectionOutline { background-color: rgba(140, 210, 255, var(--iui-opacity-3)); } .nz-outline-sectionOutline.nz-horizontal { transition: width var(--iui-duration-1) ease-in; height: 100%; width: 50%; top: 0; } .nz-outline-sectionOutline.nz-horizontal.nz-0 { left: 0; } .nz-outline-sectionOutline.nz-horizontal.nz-1 { right: 0; } .nz-outline-sectionOutline.nz-horizontal.nz-hidden { width: 0; } .nz-outline-sectionOutline.nz-vertical { transition: height var(--iui-duration-1) ease-in; width: 100%; height: 50%; left: 0; } .nz-outline-sectionOutline.nz-vertical.nz-0 { top: 0; } .nz-outline-sectionOutline.nz-vertical.nz-1 { bottom: 0; } .nz-outline-sectionOutline.nz-vertical.nz-hidden { height: 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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /** Toolbar Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-target-sectionTarget { height: 4em; width: 4em; border: 2px solid var(--iui-color-background-disabled); border-radius: var(--iui-border-radius-1); box-sizing: border-box; background-color: var(--iui-color-background-backdrop-hover); transition: transform var(--iui-duration-1) ease-in; pointer-events: all; display: flex; box-shadow: var(--iui-shadow-3); animation: nz-grow var(--iui-duration-1) ease-in-out, nz-pulse 3s ease-in-out 2s infinite; z-index: 5000; } @media (prefers-reduced-motion: no-preference) { @keyframes nz-pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } @keyframes nz-grow { from { transform: scale3d(0, 0, 0); } to { transform: scale3d(1, 1, 1); } } } .nz-target-sectionTarget.nz-horizontal { flex-direction: row; } .nz-target-sectionTarget.nz-vertical { flex-direction: column; } .nz-target-sectionTarget > .nz-section { flex: 1; background-color: var(--iui-color-background); pointer-events: none; } .nz-target-sectionTarget > .nz-section.nz-target { background-color: var(--iui-color-background-backdrop-hover); } .nz-target-sectionTarget > .nz-border { flex: 0 0 2px; background-color: var(--iui-color-background-disabled); pointer-events: none; } .nz-target-sectionTarget.nz-hidden { display: none; } .nz-target-sectionTarget.nz-targeted { transform: scale(1.2); background-color: rgb(140, 210, 255); box-shadow: var(--iui-shadow-4); animation-iteration-count: 0, 0; } .nz-target-sectionTarget.nz-targeted > .nz-section.nz-target { background-color: rgb(140, 210, 255); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ body.nz-nwse-resize * { cursor: nwse-resize !important; user-select: none; -webkit-user-select: none; } body.nz-nesw-resize * { cursor: nesw-resize !important; user-select: none; -webkit-user-select: none; } body.nz-ew-resize * { cursor: ew-resize !important; user-select: none; -webkit-user-select: none; } body.nz-ns-resize * { cursor: ns-resize !important; user-select: none; -webkit-user-select: none; } body.nz-grabbing * { cursor: grabbing !important; user-select: none; -webkit-user-select: none; } .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. *--------------------------------------------------------------------------------------------*/ .nz-target-panelTargets { position: absolute; justify-content: center; } .nz-target-panelTargets.nz-wide { gap: 6em; } .nz-target-panelTargets.nz-left, .nz-target-panelTargets.nz-right { grid-row: 2/3; height: 100%; top: 0; } .nz-target-panelTargets.nz-left { grid-column: 1; left: 0.75em; } .nz-target-panelTargets.nz-right { grid-column: 3; right: 0.75em; } .nz-target-panelTargets.nz-top, .nz-target-panelTargets.nz-bottom { grid-column: 2/3; width: 100%; left: 0; } .nz-target-panelTargets.nz-top.nz-span, .nz-target-panelTargets.nz-bottom.nz-span { grid-column: 1/4; } .nz-target-panelTargets.nz-top { grid-row: 1; top: 0.75em; } .nz-target-panelTargets.nz-bottom { grid-row: 3; bottom: 0.75em; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-target-targetContainer { display: flex; gap: 1em; pointer-events: none; } .nz-target-targetContainer.nz-horizontal { flex-direction: row; } .nz-target-targetContainer.nz-vertical { flex-direction: 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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /** Toolbar Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-target-panelTarget { height: 4em; width: 4em; border: 2px solid var(--iui-color-background-disabled); border-radius: var(--iui-border-radius-1); box-sizing: border-box; background-color: var(--iui-color-background-backdrop-hover); transition: transform var(--iui-duration-1) ease-in; pointer-events: all; display: flex; box-shadow: var(--iui-shadow-3); animation: nz-grow var(--iui-duration-1) ease-in-out, nz-pulse 3s ease-in-out 2s infinite; z-index: 5000; } @media (prefers-reduced-motion: no-preference) { @keyframes nz-pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } @keyframes nz-grow { from { transform: scale3d(0, 0, 0); } to { transform: scale3d(1, 1, 1); } } } .nz-target-panelTarget.nz-horizontal { width: 6em; } .nz-target-panelTarget.nz-vertical { height: 6em; } .nz-target-panelTarget.nz-hidden { display: none; } .nz-target-panelTarget.nz-targeted { transform: scale(1.2); background-color: rgb(140, 210, 255); box-shadow: var(--iui-shadow-4); animation-iteration-count: 0, 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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /** Toolbar Opacity */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-target-mergeTarget { height: 4em; width: 4em; border: 2px solid var(--iui-color-background-disabled); border-radius: var(--iui-border-radius-1); box-sizing: border-box; background-color: var(--iui-color-background-backdrop-hover); transition: transform var(--iui-duration-1) ease-in; pointer-events: all; display: flex; box-shadow: var(--iui-shadow-3); animation: nz-grow var(--iui-duration-1) ease-in-out, nz-pulse 3s ease-in-out 2s infinite; z-index: 5000; } @media (prefers-reduced-motion: no-preference) { @keyframes nz-pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } @keyframes nz-grow { from { transform: scale3d(0, 0, 0); } to { transform: scale3d(1, 1, 1); } } } .nz-target-mergeTarget.nz-hidden { display: none; } .nz-target-mergeTarget.nz-targeted { transform: scale(1.2); background-color: rgb(140, 210, 255); box-shadow: var(--iui-shadow-4); animation-iteration-count: 0, 0; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-target-sectionTargets { position: absolute; left: 0; top: 0; height: 100%; width: 100%; 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. *--------------------------------------------------------------------------------------------*/ @layer appui.component { .nz-widgetPanels-grip { background-color: transparent; align-items: center; justify-content: center; position: relative; display: flex; transition: 0.2s ease-out; user-select: none; -webkit-user-select: none; } .nz-widgetPanels-grip > .nz-handle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nz-widgetPanels-grip.nz-left { transition-property: background-color, right; } .nz-widgetPanels-grip.nz-right { transition-property: background-color, left; } .nz-widgetPanels-grip.nz-top { transition-property: background-color, bottom; } .nz-widgetPanels-grip.nz-left, .nz-widgetPanels-grip.nz-right { flex-direction: column; cursor: ew-resize; width: calc(0.75em * 0.5); height: 100%; } .nz-widgetPanels-grip.nz-left > .nz-handle, .nz-widgetPanels-grip.nz-right > .nz-handle { height: 100%; width: calc(0.75em + 1px); } .nz-widgetPanels-grip.nz-top, .nz-widgetPanels-grip.nz-bottom { cursor: ns-resize; width: 100%; height: calc(0.75em * 0.5); } .nz-widgetPanels-grip.nz-top > .nz-handle, .nz-widgetPanels-grip.nz-bottom > .nz-handle { height: calc(0.75em + 1px); width: 100%; } .nz-widgetPanels-grip:hover, .nz-widgetPanels-grip.nz-resizing { background-color: var(--iui-color-background-accent); } .nz-line-grip { display: none; align-items: center; justify-content: center; transition: opacity 0.2s ease-out, height 0.2s ease-out, width 0.2s ease-out; } .nz-captured .nz-line-grip, .nz-widgetPanels-grip.nz-resizing .nz-line-grip, .nz-collapsed .nz-widgetPanels-grip:hover .nz-line-grip { opacity: 0; height: 100%; width: 100%; } .nz-collapsed .nz-line-grip { display: flex; background-color: var(--iui-color-background); border: 1px solid var(--iui-color-border-foreground); border-radius: 999px; box-sizing: border-box; opacity: 1; } .nz-left .nz-line-grip { transform: translateX(1px); border-top-left-radius: 0; border-bottom-left-radius: 0; } .nz-right .nz-line-grip { transform: translateX(calc(1px * -1)); border-top-right-radius: 0; border-bottom-right-radius: 0; } .nz-top .nz-line-grip { transform: translateY(1px); border-top-left-radius: 0; border-top-right-radius: 0; } .nz-bottom .nz-line-grip { transform: translateY(calc(1px * -1)); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .nz-left .nz-line-grip, .nz-right .nz-line-grip { height: 20%; width: calc(0.75em - 2px); } .nz-left .nz-line-grip .nz-line-grip-detail, .nz-right .nz-line-grip .nz-line-grip-detail { height: 70%; border-left: 1px solid var(--iui-color-border-foreground); } .nz-top .nz-line-grip, .nz-bottom .nz-line-grip { height: calc(0.75em - 2px); width: 20%; } .nz-top .nz-line-grip .nz-line-grip-detail, .nz-bottom .nz-line-grip .nz-line-grip-detail { width: 70%; border-top: 1px solid var(--iui-color-border-foreground); } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer appui.component { .nz-widgetPanels-vertical { position: relative; display: flex; flex-direction: column; min-height: 100px; /* if only one panel section set flex:1 */ } .nz-widgetPanels-vertical:first-child.nz-panel-section-full-size { flex: 1; } .nz-widgetPanels-vertical:not(:first-child) { flex: 1; } .nz-vertical-panel-splitter { position: absolute; bottom: -5px; background-color: transparent; display: flex; width: 100%; height: 10px; cursor: row-resize; z-index: 1; } .nz-widgetPanels-horizontal { position: relative; display: flex; min-width: 100px; /* if only one panel section set flex:1 */ } .nz-widgetPanels-horizontal:first-child.nz-panel-section-full-size { flex: 1; } .nz-widgetPanels-horizontal:not(:first-child) { flex: 1; } .nz-horizontal-panel-splitter { position: absolute; right: -5px; background-color: transparent; display: flex; align-items: center; justify-content: center; height: 100%; width: 10px; cursor: col-resize; z-index: 1; } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-panelWidget { border: 0px solid var(--iui-color-border); } .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-widget-widget, .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: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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar Opacity */ @layer appui.component { .nz-widget-tabBar { background: var(--iui-color-background-backdrop); 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(--iui-color-border); } .nz-widget-tabBar > .nz-handle { width: 100%; height: 100%; position: absolute; cursor: auto; user-select: none; -webkit-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. *--------------------------------------------------------------------------------------------*/ .nz-widget-tabs { display: flex; flex: 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. *--------------------------------------------------------------------------------------------*/ .uifw-toolSettings-docked { display: flex; height: 100%; gap: var(--iui-size-m); } .uifw-toolSettings-docked_container { display: grid; grid-template-columns: auto 1fr; gap: var(--iui-size-2xs); align-items: flex-start; } .toolsettings-appear { opacity: var(--iui-opacity-6); transition: opacity var(--iui-duration-1) ease-in-out; transform: translateY(-100%); } .toolsettings-appear-active { opacity: var(--iui-opacity-2); transform: translateY(0); transition: opacity var(--iui-duration-1) ease-in-out, transform var(--iui-duration-2) ease-out; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolSettings-handle { height: var(--iui-component-height); width: var(--iui-component-height); display: grid; place-items: center; cursor: grab; flex-shrink: 0; } .nz-toolSettings-handle:active { cursor: grabbing; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-toolSettings-overflow { margin-left: auto; } .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. *--------------------------------------------------------------------------------------------*/ .nz-toolSettings-panel { background: var(--iui-color-background); 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. *--------------------------------------------------------------------------------------------*/ .nz-widget-overflow.nz-hidden { 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. *--------------------------------------------------------------------------------------------*/ /* 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 */ /** Toolbar Opacity */ .nz-widget-tab { user-select: none; -webkit-user-select: none; white-space: nowrap; display: flex; gap: 6px; align-items: center; cursor: pointer; padding: 4px 1em 0; position: relative; border: 0 solid var(--iui-color-border); max-width: 9em; background: var(--iui-color-background-backdrop); flex-shrink: 0; } .nz-widget-tab > .nz-icon { display: flex; font-size: var(--iui-font-size-2); } .nz-widget-tab > .nz-icon svg { fill: currentColor; /* Duck type iTwinUI icons to visually align with web font and StrataKit icons. */ } .nz-widget-tab > .nz-icon svg:not(:has(use)) { width: 0.875rem; height: 0.875rem; } .nz-widget-tab > .nz-label { font-size: 0.9em; text-overflow: ellipsis; overflow: hidden; } .nz-widget-tab > .nz-badge { position: absolute; top: 0; left: 0; } .nz-widget-tab:not(.nz-minimized).nz-active { background: var(--iui-color-background); color: var(--iui-color-text-accent); padding-bottom: 1px; margin-bottom: -1px; } .nz-widget-tab: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-minimized).nz-active.nz-last { border-right-width: 1px; } .nz-widget-tab:not(.nz-active), .nz-widget-tab.nz-minimized { color: var(--iui-color-text-muted); border-right-width: 1px; } .nz-widget-tab:not(.nz-minimized).nz-first-inactive { border-left-width: 1px; } .nz-widget-tab.nz-first { border-top-left-radius: 2px; } .nz-widget-tab:hover { background: var(--iui-color-background); } .nz-widget-tab:hover:not(.nz-active) { color: var(--iui-color-text); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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. *--------------------------------------------------------------------------------------------*/ .nz-target-tabTarget { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5000; } .nz-target-tabTarget.nz-hidden { display: none; } .nz-target-tabTarget.nz-targeted { background-color: rgba(140, 210, 255, var(--iui-opacity-3)); } .nz-target-tabTarget.nz-targeted > .nz-section.nz-target { background-color: rgba(140, 210, 255, var(--iui-opacity-3)); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer appui.component { .nz-widget-menuTab_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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ /* 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 */ /** Toolbar Opacity */ .nz-widget-floatingTab { position: absolute; padding: 0 1em; display: flex; align-items: center; background: var(--iui-color-background-backdrop-hover); user-select: none; -webkit-user-select: none; white-space: nowrap; height: 2.1em; border-radius: 2px; color: var(--iui-color-text-disabled); pointer-events: none; opacity: 0.6; gap: 6px; z-index: 23000; } .nz-widget-floatingTab.nz-hidden { display: none; } .nz-widget-floatingTab > span { max-width: 12em; overflow: hidden; text-overflow: ellipsis; 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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ @layer appui.component { .nz-target-titleBarTarget { flex: 1 1 0; position: relative; overflow: hidden; z-index: 5000; } .nz-target-titleBarTarget.nz-hidden { 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. *--------------------------------------------------------------------------------------------*/ .nz-outline-tabOutline { background-color: rgba(140, 210, 255, var(--iui-opacity-3)); position: absolute; width: 100%; height: 100%; pointer-events: none; max-width: 6em; } .nz-outline-tabOutline.nz-hidden { display: none; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-widget-widgetActions { 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar 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. *--------------------------------------------------------------------------------------------*/ #uifw-configurableui-wrapper { position: relative; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } #uifw-frontstage-composer { width: 100%; height: 100%; } .uifw-unselectable { user-select: none; -webkit-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: 20000; left: 0; top: 0; height: 100%; width: 100%; } @layer appui.layout { .uifw-configurableui-portalContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; pointer-events: none; } .uifw-configurableui-portalContainer > * { pointer-events: all; } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar Opacity */ .uifw-popup-message-inputField { background-color: var(--iui-color-background); padding: 6px; border-radius: var(--iui-border-radius-1); color: var(--iui-color-text); 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; gap: 6px; } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary > .uifw-popup-message-icon .icon-status-warning { color: var(--iui-color-text-warning); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary > .uifw-popup-message-icon .icon-status-warning { color: var(--iui-color-text-warning); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary > .uifw-popup-message-icon .icon-status-error { color: var(--iui-color-text-negative); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary .uifw-popup-message-text { color: var(--iui-color-text); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary .uifw-popup-message-text .uifw-popup-message-brief { font-size: var(--iui-font-size-1); font-weight: var(--iui-font-weight-normal); line-height: var(--iui-size-l); color: var(--iui-color-text); } .uifw-popup-message-inputField .uifw-popup-message-inputField-content .uifw-popup-message-inputField-primary .uifw-popup-message-text .uifw-popup-message-detailed { font-size: var(--iui-font-size-0); font-weight: var(--iui-font-weight-normal); line-height: var(--iui-size-l); color: var(--iui-color-text); } .uifw-popup-message-inputField .uifw-popup-message-close { display: flex; align-items: center; color: var(--iui-color-text-muted); cursor: pointer; } .uifw-popup-message-inputField .uifw-popup-message-close:active, .uifw-popup-message-inputField .uifw-popup-message-close:hover { color: var(--iui-color-text-hover); } .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. *--------------------------------------------------------------------------------------------*/ .uifw-popout-widget-filled-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. *--------------------------------------------------------------------------------------------*/ .uifw-preview-reparentPopoutWidgets-reparentedPopoutWidget { display: flex; 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. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /** Toolbar 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-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: hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4)); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .nz-widget-content::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3)); } .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. *--------------------------------------------------------------------------------------------*/ .uifw-preview-reparentPopoutWidgets-popoutThemeProvider { 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. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ .uifw-statusbar-labelIndicator.uifw-reversed { flex-direction: row-reverse; } .uifw-statusbar-labelIndicator > .uifw-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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-status-bar-popup { font-size: var(--iui-font-size-1); background-color: var(--iui-color-background); 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. *--------------------------------------------------------------------------------------------*/ .uifw-statusbar-field { gap: var(--iui-size-xs); height: 100%; display: flex; align-items: center; box-sizing: border-box; } .uifw-statusbar-field.uifw-action { cursor: pointer; } .uifw-statusbar-field.uifw-action:hover { color: var(--iui-color-text-accent-hover); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusbar-overflow-panel { display: flex; flex-direction: column; padding: var(--iui-size-xs); gap: var(--iui-size-2xs); } .uifw-statusbar-overflow-panel .uifw-statusBar-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. *--------------------------------------------------------------------------------------------*/ .uifw-statusBar-popup-expandIndicator { position: absolute; bottom: 3px; right: 3px; border-width: 0 0 5px 5px; width: 0; height: 0; border-style: solid; border-color: transparent transparent currentColor 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. *--------------------------------------------------------------------------------------------*/ /* Breakpoints */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusBar { display: flex; } .uifw-statusBar.nz-safe-area-left { /* iOS 11 */ padding-left: constant(safe-area-inset-left); /* iOS 11.2+ */ padding-left: env(safe-area-inset-left); } .uifw-statusBar.nz-safe-area-right { /* iOS 11 */ padding-right: constant(safe-area-inset-right); /* iOS 11.2+ */ padding-right: env(safe-area-inset-right); } .uifw-statusBar.nz-safe-area-bottom { /* iOS 11 */ padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.2+ */ padding-bottom: env(safe-area-inset-bottom); } .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(--iui-color-background); } @media (min-width: 1300px) { .uifw-statusBar-docked .uifw-statusBar-item-container { padding-left: var(--iui-size-m); } } @media (max-width: 1299px) { .uifw-statusBar-docked .uifw-statusBar-item-container { padding-left: var(--iui-size-s); } } @media (max-width: 599px) { .uifw-statusBar-docked .uifw-statusBar-item-container { padding-left: var(--iui-size-xs); } } .uifw-statusBar-docked .uifw-statusBar-item-container:has(.uifw-statusBar-separator) { padding-left: 0; } .uifw-statusBar-docked .uifw-statusBar-item-container:has(.uifw-statusBar-separator) + .uifw-statusBar-item-container { padding-left: 0; } .uifw-statusBar-docked .uifw-statusBar-left .uifw-statusBar-item-container:first-child { padding-left: 0; } .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. *--------------------------------------------------------------------------------------------*/ .uifw-dockedBar { position: relative; background-color: var(--iui-color-background); height: var(--iui-component-height); } .uifw-dockedBar[data-placement=top] { border-block-end: 1px solid var(--iui-color-border); } .uifw-dockedBar[data-placement=bottom] { border-block-start: 1px solid var(--iui-color-border); }/*--------------------------------------------------------------------------------------------- * 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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 */ /** Toolbar Opacity */ /*--------------------------------------------------------------------------------------------- * 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-color: var(--iui-color-border); box-sizing: border-box; background-clip: padding-box; margin: 0; transition: all var(--iui-duration-1) ease; } #uifw-contentlayout-div .Resizer.horizontal { height: 1px; min-height: 1px; width: 100%; cursor: ns-resize; } #uifw-contentlayout-div .Resizer.horizontal > .nz-resizer-grip { height: 5px; width: 100%; top: -2px; } #uifw-contentlayout-div .Resizer.horizontal > .nz-resizer-grip:before { content: ""; position: absolute; width: 100%; height: 11px; } #uifw-contentlayout-div .Resizer.vertical { width: 1px; min-width: 1px; height: 100%; cursor: ew-resize; } #uifw-contentlayout-div .Resizer.vertical > .nz-resizer-grip { height: 100%; width: 5px; left: -2px; } #uifw-contentlayout-div .Resizer.vertical > .nz-resizer-grip:before { content: ""; position: absolute; width: 11px; height: 100%; } #uifw-contentlayout-div .Resizer.horizontal > .nz-resizer-grip, #uifw-contentlayout-div .Resizer.vertical > .nz-resizer-grip { background-color: transparent; align-items: center; justify-content: center; position: relative; display: flex; z-index: 1; transition: background-color var(--iui-duration-1) ease; } #uifw-contentlayout-div .Resizer.horizontal > .nz-resizer-grip:hover, #uifw-contentlayout-div .Resizer.vertical > .nz-resizer-grip:hover { background-color: var(--iui-color-border-accent); } #uifw-contentlayout-div .Resizer.disabled { cursor: not-allowed; } #uifw-contentlayout-div .Resizer.disabled > .nz-resizer-grip: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 { 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. *--------------------------------------------------------------------------------------------*/ .uifw-content-contentOverlay { position: relative; } .uifw-content-contentOverlay_activeStrip { position: absolute; top: 0; left: 0; width: 100%; height: 4px; } .uifw-content-contentOverlay_activeStrip.uifw-active { background-color: var(--iui-color-border-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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ .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: color-mix(in srgb, var(--iui-color-background-backdrop), transparent 5%); transition: background 0.25s ease, visibility 0s ease 0.275s; z-index: 14000; } .uifw-modal-frontstage:not(.uifw-no-header) { display: flex; flex-direction: column; align-items: stretch; } .uifw-modal-frontstage .uifw-modal-app-bar { transition: transform 0.125s; padding: 10px; background: var(--iui-color-background-backdrop); height: 60px; transform: translateY(-100%); box-sizing: initial; } .uifw-modal-frontstage .uifw-modal-app-bar > .uifw-headline { display: inline-block; line-height: 60px; vertical-align: top; padding: 0 15px; } .uifw-modal-frontstage .uifw-modal-app-bar .uifw-modal-app-bar-right { color: var(--iui-color-text); line-height: 60px; vertical-align: center; float: right; margin-right: 20px; } .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; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-frontstage-modalFrontstageButton { block-size: 3.5rem; aspect-ratio: 1; border-radius: 0; } .uifw-frontstage-modalFrontstageButton_icon { font-size: 2rem; } .uifw-frontstage-modalFrontstageButton_icon svg { block-size: 2rem; inline-size: 2rem; }/*--------------------------------------------------------------------------------------------- * 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: var(--iui-size-s); 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. *--------------------------------------------------------------------------------------------*/ @layer appui.preview { .uifw-preview-navigationWidget { display: grid; grid-gap: 6px; grid-template-columns: 1fr; grid-template-rows: 1fr auto; } .uifw-preview-navigationWidget_add { pointer-events: all; float: right; } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-toolSettings-setting { height: 100%; white-space: nowrap; 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. *--------------------------------------------------------------------------------------------*/ .uifw-toolSettings-label-empty { padding-right: var(--iui-size-s); } .uifw-floating-toolSettings-container { padding-top: var(--iui-size-2xs); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer appui.component { .nz-standardLayout { position: relative; height: 100%; overflow: hidden; display: grid; grid-template-columns: minmax(0, auto) 1fr minmax(0, auto); grid-template-rows: minmax(0, auto) minmax(0, auto) 1fr minmax(0, auto) minmax(0, auto); grid-template-areas: "ts ts ts" "tp tp tp" "lp cc rp" "bp bp bp" "sb sb sb"; } .nz-standardLayout > .nz-appContent { grid-row: ts-end/bp-end; grid-column: 1/-1; position: relative; } .nz-standardLayout > .nz-toolSettings { grid-area: ts; } .nz-standardLayout > .nz-centerContent { grid-area: cc; pointer-events: none; } .nz-standardLayout > .nz-statusBar { grid-area: sb; } .nz-standardLayout.nz-pinned-left > .nz-appContent { grid-column-start: 2; } .nz-standardLayout.nz-pinned-right > .nz-appContent { grid-column-end: -2; } .nz-standardLayout.nz-pinned-top > .nz-appContent { grid-row-start: tp-end; } .nz-standardLayout.nz-pinned-bottom > .nz-appContent { grid-row-end: bp-start; } .nz-standardLayout_topPanel { grid-area: tp; } .nz-standardLayout_leftPanel { grid-area: lp; } .nz-standardLayout_rightPanel { grid-area: rp; } .nz-standardLayout_bottomPanel { grid-area: bp; } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer appui.preview { .uifw-preview-contentAlwaysMaxSize { grid-row: 1/-1; grid-column: 1/-1; } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer appui.preview.horizontal-panel-alignment { .uifw-preview-horizontalPanelAlignment_left[data-preview-horizontal-panel-align-top=right], .uifw-preview-horizontalPanelAlignment_left[data-preview-horizontal-panel-align-top=center] { grid-row-start: ts-end; } .uifw-preview-horizontalPanelAlignment_left[data-preview-horizontal-panel-align-bottom=right], .uifw-preview-horizontalPanelAlignment_left[data-preview-horizontal-panel-align-bottom=center] { grid-row-end: bp-end; } .uifw-preview-horizontalPanelAlignment_right[data-preview-horizontal-panel-align-top=left], .uifw-preview-horizontalPanelAlignment_right[data-preview-horizontal-panel-align-top=center] { grid-row-start: ts-end; } .uifw-preview-horizontalPanelAlignment_right[data-preview-horizontal-panel-align-bottom=left], .uifw-preview-horizontalPanelAlignment_right[data-preview-horizontal-panel-align-bottom=center] { grid-row-end: bp-end; } .uifw-preview-horizontalPanelAlignment_top[data-preview-horizontal-panel-align-top=right], .uifw-preview-horizontalPanelAlignment_top[data-preview-horizontal-panel-align-top=center] { grid-column-start: lp-end; } .uifw-preview-horizontalPanelAlignment_top[data-preview-horizontal-panel-align-top=left], .uifw-preview-horizontalPanelAlignment_top[data-preview-horizontal-panel-align-top=center] { grid-column-end: rp-start; } .uifw-preview-horizontalPanelAlignment_bottom[data-preview-horizontal-panel-align-bottom=right], .uifw-preview-horizontalPanelAlignment_bottom[data-preview-horizontal-panel-align-bottom=center] { grid-column-start: lp-end; } .uifw-preview-horizontalPanelAlignment_bottom[data-preview-horizontal-panel-align-bottom=left], .uifw-preview-horizontalPanelAlignment_bottom[data-preview-horizontal-panel-align-bottom=center] { grid-column-end: rp-start; } }/*--------------------------------------------------------------------------------------------- * 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. *--------------------------------------------------------------------------------------------*/ .nz-outline-widgetOutline { background-color: rgba(140, 210, 255, var(--iui-opacity-3)); position: absolute; width: 100%; height: 100%; } .nz-outline-widgetOutline.nz-hidden { display: none; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .nz-target-widgetTarget { position: absolute; height: 100%; width: 100%; 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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ /* Backgrounds and strokes */ /** Text and icons */ /** Themed colors */ /** Static colors */ /** Widget Opacity */ /** Toolbar 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 */ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ @layer appui.preview { .uifw-preview-widgetTabActions-widget_wrapper { flex: 1; grid-template-rows: min-content 1fr; grid-template-columns: auto 1fr; isolation: isolate; } .uifw-preview-widgetTabActions-widget_panelWidget { border: 0px solid var(--iui-color-border); } .uifw-preview-widgetTabActions-widget_panelWidget:where(.nz-border-top) { border-block-start-width: 1px; } .uifw-preview-widgetTabActions-widget_panelWidget:where(.nz-border-bottom) { border-block-end-width: 1px; } .uifw-preview-widgetTabActions-widget_panelWidget:where(.nz-border-left) { border-inline-start-width: 1px; } .uifw-preview-widgetTabActions-widget_panelWidget:where(.nz-border-right) { border-inline-end-width: 1px; } .uifw-preview-widgetTabActions-widget_floating { position: absolute; min-inline-size: 200px; min-block-size: 120px; inline-size: auto; transition: opacity var(--iui-duration-2) ease; border: 1px solid var(--iui-color-border); contain: none; z-index: 6000; opacity: var(--buic-widget-opacity, 1); transition: opacity var(--iui-duration-1) ease; } .uifw-preview-widgetTabActions-widget_floating:hover, .uifw-preview-widgetTabActions-widget_floating:focus-within { opacity: 1; } .uifw-preview-widgetTabActions-widget_floating:where([data-_appui-dragged=true]) { pointer-events: none; opacity: 0.6; z-index: 23000; } .uifw-preview-widgetTabActions-widget_floating:where([data-_appui-hidden=true]) { opacity: 0; pointer-events: none; } .uifw-preview-widgetTabActions-widget_floating:where([data-_appui-minimized=true]) .uifw-preview-widgetTabActions-widget_panel { block-size: 0; border: 0; overflow: hidden; } .uifw-preview-widgetTabActions-widget_floating:where([data-_appui-tool-settings=true]) { min-block-size: 60px; } .uifw-preview-widgetTabActions-widget_handle { grid-column: tabs/tabs-actions; grid-row: tabs; position: relative; cursor: grab; user-select: none; -webkit-user-select: none; background-color: var(--iui-color-background-hover); } .uifw-preview-widgetTabActions-widget_tabList { grid-area: tabs; z-index: 1; overscroll-behavior-x: none; margin-inline: -1px; margin-block-start: -1px; container-type: normal; } .uifw-preview-widgetTabActions-widget_tab { grid-template-areas: "icon label decoration" "icon description decoration"; grid-template-rows: auto minmax(0, auto); grid-template-columns: auto minmax(min-content, 1fr) auto; min-inline-size: min-content; } @media (any-hover: hover) { .uifw-preview-widgetTabActions-widget_tab:where(:not(:hover, :focus-visible)) { --_appui-decoration-opacity: 0; } } .uifw-preview-widgetTabActions-widget_tab:where([data-_appui-decoration]):where(:hover, :focus-visible, [data-_appui-mask=true]) .uifw-preview-widgetTabActions-widget_label { mask-image: linear-gradient(270deg, transparent 0%, transparent 24px, #000 32px, #000 100%); } .uifw-preview-widgetTabActions-widget_panel { padding: 0; position: relative; display: flex; border-block-end: 0; border-inline: 0; min-block-size: 0; } .uifw-preview-widgetTabActions-widget_content { min-inline-size: 0; display: flex; inline-size: 100%; } .uifw-preview-widgetTabActions-widget_label { grid-area: label/decoration; -webkit-line-clamp: 1; user-select: none; } .uifw-preview-widgetTabActions-widget_decoration { grid-area: decoration; justify-self: end; opacity: var(--_appui-decoration-opacity); block-size: var(--_iui-field-height); } .uifw-preview-widgetTabActions-widget_decoration:where([data-_appui-action=true]) { anchor-name: --_appui-tab-action; } .uifw-preview-widgetTabActions-widget_actionsWrapper { margin-inline-start: 0; padding-inline-start: var(--iui-size-s); } .uifw-preview-widgetTabActions-widget_actionsWrapper::before, .uifw-preview-widgetTabActions-widget_actionsWrapper::after { display: none; } .uifw-preview-widgetTabActions-widget_actionsWrapper:has(.uifw-preview-widgetTabActions-widget_titleBarTarget:not(.nz-hidden)) { position: relative; } .uifw-preview-widgetTabActions-widget_titleBarTarget { position: absolute; height: 100%; width: 100%; } .uifw-preview-widgetTabActions-widget_actions { flex: 1; justify-content: flex-end; } .uifw-preview-widgetTabActions-widget_resizeHandle { z-index: 1; } @supports (anchor-name: --_appui-tab-action) { .uifw-preview-widgetTabActions-widget_action:where([data-_appui-anchor=true]) { position: absolute; position-anchor: --_appui-tab-action; right: anchor(right); align-self: anchor-center; z-index: 1; } } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-root { height: 100%; 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. *--------------------------------------------------------------------------------------------*/ .uifw-position-popup { border-color: var(--iui-color-border); border-radius: var(--iui-border-radius-1); border-style: solid; border-width: 1px; background-color: hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2)); position: fixed; height: fit-content; width: fit-content; } .uifw-position-popup .uifw-position-popup-content { padding: var(--iui-size-2xs); } .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. *--------------------------------------------------------------------------------------------*/ .uifw-toolbar-group-toolGroup_container { flex: 1 1 100%; min-width: 0; } .uifw-toolbar-group-toolGroup_container.uifw-vertical { height: 100%; } .uifw-toolbar-group-toolGroup_container.uifw-end { display: flex; justify-content: flex-end; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-toolbar-group-badge { position: absolute; left: -1px; top: -1px; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-toolbar-newToolbars-separator { display: none; } .uifw-toolbar-newToolbars-separator.uifw-horizontal { border-right: var(--iui-surface-border); border-color: var(--_uifw-toolbar-border-color); } .uifw-toolbar-newToolbars-separator.uifw-vertical { border-bottom: var(--iui-surface-border); border-color: var(--_uifw-toolbar-border-color); } button + .uifw-toolbar-newToolbars-separator:has(~ button) { display: block; } @supports not selector(:has(~ *)) { button + .uifw-toolbar-newToolbars-separator:not(:last-child) { display: block; } }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-toolbar-newToolbars-groupItem_menu, [role=menu]:has(.uifw-toolbar-newToolbars-groupItem_menuItem) { --iui-menu-max-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. *--------------------------------------------------------------------------------------------*/ .uifw-toolbar-group-expandIndicator { position: absolute; bottom: 3px; right: 3px; border-width: 0 0 5px 5px; width: 0; height: 0; border-style: solid; border-color: transparent transparent currentColor transparent; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-toolbar-group-surface { --_uifw-toolbar-border-color: var(--iui-color-border-foreground); display: flex; width: fit-content; height: fit-content; border-color: var(--_uifw-toolbar-border-color); transition: border-color var(--iui-duration-1) ease; pointer-events: all; position: relative; background-color: var(--iui-color-background); } .uifw-toolbar-group-surface.uifw-vertical { flex-direction: column; } .uifw-toolbar-group-surface:hover, .uifw-toolbar-group-surface:focus-within { --_uifw-toolbar-border-color: var(--iui-color-border-foreground-hover); } .uifw-toolbar-group-surface:empty { 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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ .uifw-command-palette-popup-container { z-index: 26000; box-sizing: border-box; background: var(--iui-color-background); color: var(--iui-color-text); -webkit-box-shadow: 0 3px 6px var(--iui-focus-box-shadow); box-shadow: 0px 3px 6px var(--iui-focus-box-shadow); } .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(--iui-color-text-disabled); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-default-center-across-width { display: flex; flex-direction: row; justify-content: center; align-content: center; grid-column: 1/span 2; } .uifw-default-inline-editor-group { display: flex; gap: var(--iui-size-xs); } .uifw-default-inline-editor-group .uifw-default-label { margin-right: var(--iui-size-xs); } .uifw-default-lock-and-label { display: flex; align-items: center; justify-content: flex-end; } .uifw-default-property-lock { margin-right: var(--iui-size-s); } .uifw-default-inline-label-and-editor { display: flex; align-items: center; } .uifw-default-label { white-space: nowrap; } .uifw-dockedBar .uifw-default-label { margin-right: var(--iui-size-xs); } .uifw-default-narrow-only-display { display: none; } .uifw-default-container { min-width: 200px; display: grid; grid-template-columns: auto 1fr; grid-row-gap: 0px; row-gap: 0px; grid-column-gap: 8px; column-gap: 8px; font-family: var(--iui-font-sans); font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; align-items: center; margin: var(--iui-size-2xs); } .uifw-default-container.uifw-tool-settings-grid-container { row-gap: var(--iui-size-xs); } .uifw-default-container.uifw-default-narrow { grid-template-columns: 1fr; row-gap: var(--iui-size-2xs); } .uifw-default-container.uifw-default-narrow .uifw-default-label { margin-left: var(--iui-size-2xs); } .uifw-default-container.uifw-default-narrow .uifw-default-lock-and-label { justify-content: flex-start; } .uifw-default-container.uifw-default-narrow .uifw-default-inline-label-and-editor { flex-direction: column; align-items: flex-start; } .uifw-default-container.uifw-default-narrow .uifw-default-narrow-only-display { display: block; } .uifw-default-container.uifw-default-narrow .uifw-default-wide-only-display { display: none; } .uifw-default-container.uifw-default-narrow .uifw-default-center-across-width { display: flex; flex-direction: row; justify-content: center; align-content: center; grid-column: 1/span 1; }/*--------------------------------------------------------------------------------------------- * 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(--iui-color-background); }/*--------------------------------------------------------------------------------------------- * 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(--iui-color-background-hover); } .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(--iui-color-text); background-color: var(--iui-color-background); cursor: default; } .uifw-calculator > .uifw-calculator-button-grid { display: grid; grid-template-columns: 36px 36px 36px 46px; 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: var(--iui-color-background-negative); color: var(--iui-color-white); } .uifw-calculator > .uifw-calculator-bottom-buttons > .uifw-calculator-cancel-button:hover { background-color: var(--iui-color-background-negative-hover); color: var(--iui-color-white); } .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. *--------------------------------------------------------------------------------------------*/ .uifw-square-button { display: flex; justify-content: center; background-color: var(--iui-color-background); color: var(--iui-color-text); border-color: var(--iui-color-border-foreground); border-radius: var(--iui-border-radius-1); border-width: 1px; border-style: solid; opacity: var(--iui-opacity-2); pointer-events: auto; margin: 0; width: 32px; height: 32px; } .uifw-square-button:focus, .uifw-square-button:hover { background-color: var(--iui-color-background-hover); color: var(--iui-color-text-hover); border-color: var(--iui-color-border-foreground-hover); opacity: var(--iui-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 */ /** Toolbar Opacity */ .uifw-menu-button { position: absolute; pointer-events: auto; } .uifw-menu-button .icon { line-height: 2; } .uifw-menu-button > .context-menu { top: calc(calc((22px - calc(var(--iui-size-s) * 1.4)) * 0.5) - 2px); }/*--------------------------------------------------------------------------------------------- * 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; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-accudraw-field-container { padding: 6px; } .uifw-accudraw-field-container.uifw-horizontal { max-width: 550px; display: flex; flex-direction: row; } .uifw-accudraw-field-container.uifw-vertical { max-width: 250px; display: grid; grid-template-columns: auto 1fr auto; row-gap: var(--iui-size-2xs); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar 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. *--------------------------------------------------------------------------------------------*/ .uifw-accudraw-input-label { min-width: 16px; margin-right: 4px; display: flex; align-items: center; font-size: var(--iui-font-size-2); font-weight: var(--iui-font-weight-bold); line-height: var(--iui-size-l); color: var(--iui-color-text); } .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 { padding: var(--iui-size-3xs) var(--iui-size-xs); flex: 1; } .uifw-accudraw-lock { width: 22px; 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. *--------------------------------------------------------------------------------------------*/ /* $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. *--------------------------------------------------------------------------------------------*/ .uifw-backstage-backstage_wrapper { z-index: 25000; } .uifw-backstage-backstage { inset-block-end: 0; border-radius: 0; margin-block-start: 0; margin-inline-start: 0; } .uifw-backstage-backstage_backdrop:where(.uifw-transparent) { background-color: transparent; } .uifw-backstage-backstage_content { padding-inline: var(--iui-size-xs); } .uifw-backstage-backstage_divider { margin-block-start: var(--iui-size-2xs); margin-block-end: var(--iui-size-2xs); margin-inline-start: calc(-1 * var(--iui-size-xs)); margin-inline-end: calc(-1 * var(--iui-size-xs)); } .uifw-backstage-backstage_badge { position: absolute; inset-block-start: 0; inset-inline-start: 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. *--------------------------------------------------------------------------------------------*/ .uifw-view-overlay { display: flex; justify-content: center; align-items: center; width: calc(100% - var(--iui-size-s) * 4 - 80px); position: absolute; inset: auto 0 var(--iui-size-s) 0; margin-inline: auto; pointer-events: none; z-index: 1000; } .uifw-animation-overlay { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 1000px; background-color: Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2)); -webkit-backdrop-filter: saturate(1.8) blur(20px); backdrop-filter: saturate(1.8) blur(20px); border: 1px solid var(--iui-color-border); border-radius: var(--iui-border-radius-1); transition: background-color var(--iui-duration-1) ease; pointer-events: auto; container: solar-timeline/inline-size; } .uifw-animation-overlay:hover { background-color: Hsl(var(--iui-color-background-hsl)/var(--iui-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 */ /** Toolbar Opacity */ .uifw-ValidationTextbox { font-family: var(--iui-font-sans); position: relative; padding: var(--iui-size-s); width: 12em; height: 1em; } .uifw-ValidationTextbox .ValidationTextbox-input { position: absolute; min-height: 28px; padding: var(--iui-size-3xs) var(--iui-size-xs); width: 12em; left: 0px; top: 0px; } .uifw-ValidationTextbox .ValidationTextbox-invalid { border-color: var(--iui-color-text-negative); } .uifw-ValidationTextbox .ValidationTextbox-invalid:focus { border-color: var(--iui-color-text-negative); } .uifw-ValidationTextbox .ValidationTextbox-icon { position: absolute; padding: calc(var(--iui-size-s) - 1px); width: var(--iui-size-l); height: var(--iui-size-l); line-height: var(--iui-size-l); font-size: var(--iui-font-size-2); cursor: pointer; top: 0px; right: 0px; text-align: center; color: var(--iui-color-text); } .uifw-ValidationTextbox .ValidationTextbox-icon:hover { color: var(--iui-color-text-accent); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar Opacity */ .nz-tools-widget { transition: visibility var(--iui-duration-2) ease, opacity var(--iui-duration-2) ease; box-sizing: border-box; height: 100%; grid-column: 1; display: grid; grid-gap: 6px; grid-template-areas: "button htools" "vtools ."; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; align-items: start; justify-items: start; } .nz-tools-widget.nz-hidden { opacity: 0; visibility: hidden; } .nz-tools-widget > .nz-app-button { grid-area: button; pointer-events: auto; opacity: var(--buic-widget-opacity, 1); transition: opacity var(--iui-duration-1) ease; } .nz-tools-widget > .nz-app-button:hover, .nz-tools-widget > .nz-app-button:focus-within { opacity: 1; } .nz-tools-widget > .nz-vertical-toolbar-container { grid-area: vtools; height: calc(100% - 60px); display: inline-flex; flex-direction: column; opacity: var(--buic-widget-opacity, 1); transition: opacity var(--iui-duration-1) ease; } .nz-tools-widget > .nz-vertical-toolbar-container:hover, .nz-tools-widget > .nz-vertical-toolbar-container:focus-within { opacity: 1; } .nz-tools-widget > .nz-vertical-toolbar-container.nz-span { grid-row: button/vtools; } .nz-tools-widget > .nz-horizontal-toolbar-container { grid-area: htools; width: 100%; min-width: 0; opacity: var(--buic-widget-opacity, 1); transition: opacity var(--iui-duration-1) ease; } .nz-tools-widget > .nz-horizontal-toolbar-container:hover, .nz-tools-widget > .nz-horizontal-toolbar-container:focus-within { 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 */ /** Toolbar 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 var(--iui-duration-2) ease, opacity var(--iui-duration-2) ease; display: grid; box-sizing: border-box; height: 100%; grid-gap: 6px; grid-template-areas: "htools button" ". vtools"; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; justify-items: end; } .nz-widget-navigationArea.nz-hidden { opacity: 0; visibility: hidden; } .nz-widget-navigationArea > .nz-navigation-aid-container { grid-area: button; min-width: 60px; min-height: 60px; margin-bottom: 6px; pointer-events: auto; opacity: var(--buic-widget-opacity, 1); transition: opacity var(--iui-duration-1) ease; } .nz-widget-navigationArea > .nz-navigation-aid-container:hover, .nz-widget-navigationArea > .nz-navigation-aid-container:focus-within { 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, 1); transition: opacity var(--iui-duration-1) ease; } .nz-widget-navigationArea > .nz-vertical-toolbar-container:hover, .nz-widget-navigationArea > .nz-vertical-toolbar-container:focus-within { opacity: 1; } .nz-widget-navigationArea > .nz-vertical-toolbar-container.nz-span { grid-row: button/vtools; } .nz-widget-navigationArea > .nz-horizontal-toolbar-container { grid-area: htools; width: 100%; display: flex; flex-direction: row; justify-content: flex-end; min-width: 0; opacity: var(--buic-widget-opacity, 1); transition: opacity var(--iui-duration-1) ease; } .nz-widget-navigationArea > .nz-horizontal-toolbar-container:hover, .nz-widget-navigationArea > .nz-horizontal-toolbar-container:focus-within { opacity: 1; } .nz-widget-navigationArea > .nz-horizontal-toolbar-container > .components-toolbar-overflow-sizer { display: flex; justify-content: flex-end; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-widget-backstageAppButton { block-size: 2.5rem; aspect-ratio: 1; } .uifw-widget-backstageAppButton_icon { font-size: 1.5rem; } .uifw-widget-backstageAppButton_icon svg { block-size: 1.5rem; inline-size: 1.5rem; } .uifw-widget-backstageAppButton_icon i { font-size: 1.5rem; } .uifw-widget-backstageAppButton_label { pointer-events: none; } .uifw-widget-backstageAppButton_bars { height: 100%; position: absolute; top: 0; left: -1px; display: flex; flex-flow: column; justify-content: center; } .uifw-widget-backstageAppButton_bars > .uifw-bar { background-color: var(--iui-color-icon); width: 4px; height: 2px; border-top-right-radius: var(--iui-border-radius-round); border-bottom-right-radius: var(--iui-border-radius-round); filter: drop-shadow(0 1px 0 var(--buic-foreground-body-reverse)); } .uifw-widget-backstageAppButton_bars > .uifw-bar:not(:first-child) { margin-top: 5px; }@layer appui.component { .nz-widget-widgetContentLayout { display: flex; flex-direction: column; height: 100%; width: 100%; position: relative; overflow: hidden; } .nz-widget-widgetContentLayout[data-_appui-hide-dividers=true] .nz-widget-widgetContentLayout-header { padding-block-end: calc(var(--iui-size-s) / 2); } .nz-widget-widgetContentLayout[data-_appui-hide-dividers=true] .nz-widget-widgetContentLayout-body { padding-block: calc(var(--iui-size-s) / 2); } .nz-widget-widgetContentLayout[data-_appui-hide-dividers=true] .nz-widget-widgetContentLayout-footer { padding-block-start: calc(var(--iui-size-s) / 2); } .nz-widget-widgetContentLayout-header { display: flex; flex-direction: column; gap: var(--iui-size-s); padding: var(--iui-size-s); } .nz-widget-widgetContentLayout-body_wrapper { position: relative; flex: 1; height: 0px; width: 100%; display: flex; flex-direction: column; } .nz-widget-widgetContentLayout-body_wrapper .nz-widget-widgetContentLayout-progress { padding-inline: var(--iui-size-s); } .nz-widget-widgetContentLayout-body_wrapper .nz-widget-widgetContentLayout-body { display: flex; width: 100%; flex-direction: column; gap: var(--iui-size-s); flex: 1; overflow: auto; padding: var(--iui-size-s); } .nz-widget-widgetContentLayout-footer { display: flex; gap: var(--iui-size-s); justify-content: flex-end; width: 100%; padding: var(--iui-size-s); } .nz-widget-widgetContentLayout-loadingOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: grid; place-items: center; z-index: 1000; backdrop-filter: blur(5px); } .nz-widget-widgetContentLayout-divider { margin-inline: var(--iui-size-s); } }@layer appui.component { .nz-widget-widgetContentLayout-header-headerLayout { width: 100%; display: flex; flex-direction: column; gap: var(--iui-size-s); container-type: inline-size; } .nz-widget-widgetContentLayout-header-headerLayout .nz-menu { max-width: 560px; } .nz-widget-widgetContentLayout-header-headerLayout .nz-buttons { display: flex; gap: var(--iui-size-s); align-items: center; width: 100%; max-width: 560px; } .nz-widget-widgetContentLayout-header-headerLayout .nz-buttons > button { overflow: auto; min-width: fit-content; } .nz-widget-widgetContentLayout-header-headerLayout .nz-title { font-weight: bolder; text-overflow: ellipsis; overflow: hidden; } .nz-widget-widgetContentLayout-header-headerLayout .nz-remainingItems { overflow-x: auto; } .nz-widget-widgetContentLayout-header-headerLayout .nz-remainingItems .nz-buttons { flex-wrap: wrap; } .nz-widget-widgetContentLayout-header-headerLayout .nz-headerTopBarWrapper { display: flex; gap: var(--iui-size-s); width: 100%; } }@layer appui.component { .nz-widget-widgetContentLayout-header-headerTopBar { gap: var(--iui-size-s); justify-content: space-between; display: grid; grid-template-columns: auto 1fr; width: 100%; } .nz-widget-widgetContentLayout-header-headerTopBar.nz-singleColumn { grid-template-columns: 1fr; } .nz-widget-widgetContentLayout-header-headerTopBar .nz-primaryContent { display: flex; gap: var(--iui-size-s); align-items: center; text-wrap-mode: nowrap; overflow: auto; } @container (width < 200px) { .nz-widget-widgetContentLayout-header-headerTopBar[data-search-expanded=true] { overflow: auto; } } }@layer appui.component { .nz-widget-widgetContentLayout-header-headerIconToolbar { display: flex; --_appui-icon-size: var(--iui-component-height); --_appui-max-search-width: 200px; min-width: var(--_appui-icon-size); min-height: var(--_appui-icon-size); } .nz-widget-widgetContentLayout-header-headerIconToolbar[data-_appui-icon-size=small] { --_appui-icon-size: var(--iui-component-height-small); } .nz-widget-widgetContentLayout-header-headerIconToolbar[data-_appui-icon-size=large] { --_appui-icon-size: var(--iui-component-height-large); } .nz-widget-widgetContentLayout-header-headerIconToolbar[data-_appui-search-expanded=true][data-_appui-single-item=true] { min-width: var(--_appui-max-search-width); } .nz-widget-widgetContentLayout-header-headerIconToolbar[data-_appui-search-expanded=true][data-_appui-single-item=false] { min-width: calc(var(--_appui-max-search-width) + var(--_appui-icon-size) + var(--iui-size-s)); } .nz-widget-widgetContentLayout-header-headerIconToolbar .nz-buttonGroup { gap: var(--iui-size-s); } .nz-widget-widgetContentLayout-header-headerIconToolbar .nz-buttonGroup:before { content: ""; flex: 1; } .nz-widget-widgetContentLayout-header-headerIconToolbar .nz-buttonGroup > :first-child { margin-inline-start: calc(-1 * var(--iui-size-s)); } .nz-widget-widgetContentLayout-header-headerIconToolbar .nz-buttonGroup .nz-iconButton[data-iui-active=true]:after { inset-block: unset; } .nz-widget-widgetContentLayout-header-headerIconToolbar .nz-header-overflow-button { border: 0px; } }@layer appui.component { .nz-widget-widgetContentLayout-header-headerSearch { max-width: var(--_appui-max-search-width); border-radius: var(--iui-border-radius-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 */ /** Toolbar 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. *--------------------------------------------------------------------------------------------*/ .ListPicker-separator { height: 1px; background: var(--iui-color-background-backdrop-hover); border-bottom: 1px solid var(--iui-color-background-disabled); } .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: hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4)); background-clip: content-box; border-style: solid; border-color: transparent; border-width: 2px; } .ListPicker-column::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3)); } .ListPicker-column::-webkit-scrollbar-corner { background-color: transparent; } .ListPicker-column::-webkit-scrollbar-track-piece:corner-present { margin-bottom: -4px; margin-right: -4px; } .ListPicker-button { padding-block: 8px; padding-inline: 8px; border-width: 1px; } .ListPickerInnerContainer { border: 1px solid var(--iui-color-background-disabled); margin-left: 10px; margin-right: 10px; overflow-x: auto; overflow-y: hidden; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; background-color: var(--iui-color-background-hover); } .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(--iui-color-text); } .ListPickerInnerContainer-header:focus, .ListPickerInnerContainer-header-expanded:focus { outline: none; } .ListPickerInnerContainer-header-expanded { border-bottom: 1px solid var(--iui-color-background-disabled); } .ListPickerInnerContainer-title { vertical-align: middle; display: table-cell; } .ListPicker-item { white-space: nowrap; height: 32px; color: var(--iui-color-text); cursor: pointer; border-radius: var(--iui-border-radius-1); display: flex; align-items: center; font-weight: var(--iui-font-weight-light); font-size: var(--iui-font-size-1); } .ListPicker-item > .label { display: inline-block; margin-right: 16px; margin-left: 16px; line-height: 32px; filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); } .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(--iui-color-text-accent-hover); font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-1); } .ListPicker-item:hover > .icon, .ListPicker-item:hover .label { filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); } .ListPicker-item:active { background: var(--iui-color-background-hover); color: var(--iui-color-text); } .ListPicker-item:active > .icon, .ListPicker-item:active .label { filter: none; } .ListPicker-item:focus { outline: none; } .ListPicker-item.is-focused { color: var(--iui-color-text-accent-hover); border-color: var(--iui-color-icon-accent); border-width: 2px; border-style: solid; font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-1); } .ListPicker-item.is-focused > .icon, .ListPicker-item.is-focused .label { filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); } .ListPicker-item.is-active { color: var(--iui-color-text-accent-hover); font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-1); } .ListPicker-item.is-active::before { content: ""; background-color: var(--iui-color-text-accent-hover); 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(--iui-color-text); cursor: pointer; border-radius: var(--iui-border-radius-1); display: flex; align-items: center; font-weight: var(--iui-font-weight-light); font-size: var(--iui-font-size-1); } .ListPickerWidget-item > .label { display: inline-block; margin-right: 16px; margin-left: 16px; line-height: 32px; filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); } .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(--iui-color-icon-accent); font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-1); } .ListPickerWidget-item:hover > .icon, .ListPickerWidget-item:hover .label { filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); } .ListPickerWidget-item:active { background: var(--iui-color-text-accent-hover); color: var(--iui-color-text); } .ListPickerWidget-item:active > .icon, .ListPickerWidget-item:active .label { filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); } .ListPickerWidget-item.is-focused { color: var(--iui-color-icon-accent); border-color: var(--iui-color-icon-accent); border-width: 2px; border-style: solid; font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-1); } .ListPickerWidget-item.is-focused > .icon, .ListPickerWidget-item.is-focused .label { filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); } .ListPickerWidget-item.is-active { color: var(--iui-color-icon-accent); font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-1); } .ListPickerWidget-item.is-active::before { content: ""; background-color: var(--iui-color-icon-accent); 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(--iui-color-text); filter: drop-shadow(0 1px 0 hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2))); margin-bottom: 9px; margin-left: 20px; margin-right: 20px; font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-2); } .core-searchbox.ListPickerSearchBox { width: inherit; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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 */ /** Toolbar 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. *--------------------------------------------------------------------------------------------*/ .quantity-formatting-container { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; width: 100%; background: var(--iui-color-background); } .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 .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; row-gap: 0; 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; padding: var(--iui-size-3xs) var(--iui-size-xs); } .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; 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(--iui-color-border-subtle); border-radius: var(--iui-border-radius-1); 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; gap: 6px; } .uifw-settings-quantityFormatting-saveFormatModalDialog { z-index: 15000; }/*--------------------------------------------------------------------------------------------- * 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(--iui-color-background); color: var(--iui-color-text); border-radius: var(--iui-border-radius-1); font-size: var(--iui-font-size-1); display: flex; flex-direction: column; } .uifw-settings-item { display: flex; } .uifw-settings-item > .panel { flex: 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(--iui-color-text-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; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusBar-separator { height: calc(100% - 6px); width: 1px; margin: 3px 0; background-color: var(--iui-color-border-subtle); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full 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; width: 12em; } .uifw-tile-loading-bar > span { font-size: var(--iui-font-size-0); margin-top: 6px; position: relative; } .uifw-tile-loading-bar > .uifw-progress-indicator { width: 100%; flex: 1; } @media (max-width: 1299px) { .uifw-tile-loading-bar { width: 9em; } } @media (max-width: 799px) { .uifw-tile-loading-bar { font-size: var(--iui-font-size-0); } } @media (max-width: 599px) { .uifw-tile-loading-bar { font-size: var(--iui-font-size-0)-1px; 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-messageCenter-messageCenterMessage { min-height: 48px; box-sizing: border-box; padding-left: var(--iui-size-xs); padding-right: var(--iui-size-xs); padding-bottom: var(--iui-size-xs); display: grid; grid-gap: 12px; grid-auto-flow: column; align-items: center; grid-template-columns: auto 1fr; line-height: 16px; color: var(--iui-color-text); } .uifw-statusFields-messageCenter-messageCenterMessage:not(:first-child) { padding-top: var(--iui-size-xs); border-top: 1px solid lightgrey; } .uifw-statusFields-messageCenter-messageCenterMessage > .uifw-content { overflow: hidden; overflow-wrap: break-word; }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusFields-messageCenter-messageCenterField_panel { height: 250px; overflow: auto; padding-left: 10px; scrollbar-gutter: stable; } .uifw-statusFields-messageCenter-messageCenterField_panel > .uifw-message-prompt { height: 100%; display: flex; justify-content: center; align-items: center; font-style: italic; color: var(--iui-color-text-muted); } .uifw-statusFields-messageCenter-messageCenterField_popover { width: 305px; } .uifw-statusFields-messageCenter-messageCenterField_negativeIcon { color: var(--iui-color-icon-negative); } .uifw-statusFields-messageCenter-messageCenterField_warningIcon { color: var(--iui-color-icon-warning); } .uifw-statusFields-messageCenter-messageCenterField_informationalIcon { color: var(--iui-color-icon-informational); } .uifw-statusFields-messageCenter-messageCenterField_positiveIcon { color: var(--iui-color-icon-positive); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-sections-footer-contents { display: flex; flex-direction: column; width: 200px; padding: 8px; } .uifw-uifw-sections-toggle-container { display: flex; margin: var(--iui-size-2xs); justify-content: center; } .uifw-sections-toggle { align-self: center; margin-right: var(--iui-size-xs); } .uifw-sections-label { font-family: var(--iui-font-sans); color: var(--iui-color-text); font-size: var(--iui-font-size-1); align-self: center; margin: var(--iui-size-xs); } .uifw-sections-label.disabled { color: var(--iui-color-text-disabled); }/*--------------------------------------------------------------------------------------------- * Copyright (c) Bentley Systems, Incorporated. All rights reserved. * See LICENSE.md in the project root for license terms and full copyright notice. *--------------------------------------------------------------------------------------------*/ .uifw-statusFields-selectionCount { gap: var(--iui-size-2xs); display: flex; align-items: center; min-width: 3.75rem; margin: 0 var(--iui-size-xs); } .uifw-statusFields-selectionCount .icon { color: var(--iui-color-icon); } .uifw-statusFields-selectionCount.uifw-left-corner { margin-left: var(--iui-size-m); } .uifw-statusFields-selectionCount.uifw-right-corner { margin-right: var(--iui-size-m); }/*--------------------------------------------------------------------------------------------- * 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 { display: flex; align-items: center; } .uifw-statusFields-selectionScope-selector { min-width: 140px; } .uifw-statusFields-selectionScope-label { margin-right: var(--iui-size-xs); 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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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 { border-radius: var(--iui-border-radius-1); overflow: hidden; } .nz-footer-snapMode-panel > .nz-snaps { display: grid; grid-gap: 8px; padding: 8px; font-weight: var(--iui-font-weight-normal); font-size: var(--iui-font-size-1); }/*--------------------------------------------------------------------------------------------- * 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-snap { display: grid; grid-template-columns: auto 1fr; grid-gap: 8px; padding: 4px 8px; align-items: center; cursor: pointer; color: var(--iui-color-text); position: relative; } .nz-footer-snapMode-snap svg { fill: currentColor; } .nz-footer-snapMode-snap > .nz-icon { grid-row: 1; color: var(--iui-color-icon); } .nz-footer-snapMode-snap > .nz-label { grid-row: 1; } .nz-footer-snapMode-snap.nz-active { color: var(--iui-color-text-accent); } .nz-footer-snapMode-snap.nz-active:before { content: ""; display: block; position: absolute; background-color: currentColor; left: 0; top: 0; bottom: 0; width: 2px; } .nz-footer-snapMode-snap:hover { color: var(--iui-color-text-accent-hover); } .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. *--------------------------------------------------------------------------------------------*/ .uifw-view-attributes-contents { display: flex; flex-direction: column; padding: 8px; overflow-y: 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. *--------------------------------------------------------------------------------------------*/ .uifw-cursor-prompt { padding: 5px; color: var(--iui-color-text); 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. *--------------------------------------------------------------------------------------------*/ .uifw-statusFields-toolAssistance-toolAssistanceField { width: 30ch; justify-content: flex-start; } .uifw-statusFields-toolAssistance-toolAssistanceField .prompt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .uifw-statusFields-toolAssistance-toolAssistanceField .icon { font-size: 16px; } .uifw-toolassistance-key { color: var(--iui-color-text); background-color: var(--iui-color-background); border: 1px solid var(--iui-color-border); box-shadow: 0 1px 1px var(--iui-color-border), 0 1px 0 0 rgba(255, 255, 255, var(--iui-opacity-5)) inset; box-sizing: border-box; border-radius: var(--iui-border-radius-1); 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; 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 { margin: 0; padding: 0; border: none; vertical-align: baseline; font-size: var(--iui-font-size-2); font-weight: var(--iui-font-weight-normal); line-height: var(--iui-size-l); } .uifw-toolAssistance-tabs > .uifw-tab { width: 50%; 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. *--------------------------------------------------------------------------------------------*/ .nz-footer-toolAssistance-dialog { min-width: 300px; min-height: 75px; color: var(--iui-color-border); } .nz-footer-toolAssistance-dialog .nz-content { color: var(--iui-color-text); 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. *--------------------------------------------------------------------------------------------*/ .nz-footer-toolAssistance-instruction { display: grid; align-items: center; grid-gap: 6px; grid-auto-flow: column; grid-template-columns: 48px 1fr; line-height: 16px; 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-image svg { fill: currentColor; } .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. *--------------------------------------------------------------------------------------------*/ .nz-footer-toolAssistance-newDot { height: 5px; width: 5px; background-color: var(--iui-color-text-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. *--------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * 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: var(--iui-font-weight-normal); font-size: var(--iui-font-size-2); } .nz-footer-toolAssistance-separator > .nz-separator { height: 1px; width: 100%; background-color: var(--iui-color-border-subtle); }