@itwin/itwinui-css/css/global.css

CSS library for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications.

/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
:where(.iui-root){color:var(--iui-color-text);font-size:var(--iui-font-size-1);line-height:1.5;font-family:var(--iui-font-sans)}:where(body.iui-root){margin:0}:where(body.iui-root,.iui-root.iui-root-background){background-color:var(--iui-color-background-backdrop)}:where(.iui-root,.iui-root *){scrollbar-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4))transparent;scrollbar-width:thin}:where(.iui-root,.iui-root *)::selection,:where(.iui-root,.iui-root *) ::selection{background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-5))}:where(.iui-root,.iui-root *)::-webkit-scrollbar{max-inline-size:var(--iui-size-xs);max-block-size:var(--iui-size-xs)}:where(.iui-root,.iui-root *)::-webkit-scrollbar-thumb{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-4));border-radius:var(--iui-border-radius-round)}:where(.iui-root,.iui-root *)::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--iui-color-foreground-hsl)/var(--iui-opacity-3))}:where(.iui-root,.iui-root *)::-webkit-scrollbar-track{background-color:#0000}:where(.iui-root,.iui-root *)::-webkit-scrollbar-corner{background-color:#0000}:where(.iui-root,.iui-root *),:where(.iui-root,.iui-root *):before,:where(.iui-root,.iui-root *):after{box-sizing:border-box}:where(.iui-root,.iui-root *):where(:focus-visible){outline:2px solid var(--iui-color-border-accent)}@keyframes iui-fade-in{0%{visibility:visible;opacity:0}to{opacity:1}}