@cds/core/internal-components/overlay/overlay.element.scss.js

Clarity Design System - common components, themes, and utilties

import{css as a}from"lit";var i=a`:host{--backdrop-background:var(--cds-alias-object-overlay-backdrop-background, rgba(0, 0, 0, 0.6));--layered-backdrop-background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--animation-duration:var(--cds-global-animation-duration-primary, 0.4s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--backdrop-animation-duration:var(--cds-global-animation-duration-slow, 0.5s);position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000000;display:inline-flex;align-items:center;justify-content:center}.private-host{position:relative}:host([cds-motion][_cds-animation-status=active]){display:inline-flex!important}:host([hidden]){--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s)}:host([hidden*=false]),:host([role=dialog][hidden*=false]),[role=dialog][hidden*=false]{display:inline-flex!important}@media screen and (max-width:576px){.private-host{width:100%;height:100%;margin:0!important}}`;export{i as default};
//# sourceMappingURL=overlay.element.scss.js.map