@itwin/itwinui-css/css/overlay.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.
 *--------------------------------------------------------------------------------------------*/
.iui-overlay{z-index:10000;background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2));justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex;position:absolute;inset-block-start:0;inset-inline-start:0}@supports ((-webkit-backdrop-filter:blur(5px)) or (backdrop-filter:blur(5px))){.iui-overlay{background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.iui-overlay .iui-progress-indicator-linear{inline-size:50%;max-inline-size:33vw}.iui-overlay-wrapper{position:relative}.iui-overlay-exiting{animation:closeAnimation var(--iui-duration-1)linear}@keyframes closeAnimation{0%{opacity:var(--iui-opacity-1)}to{opacity:0}}