import styled from "styled-components";
export const StyledOverlay = styled.div.withConfig({
    displayName: "Overlay.styles__StyledOverlay",
    componentId: "sc-12f0e8e2-0"
})([
    `position:fixed;inset:0;z-index:`,
    `;--plasma_private-overlay-background-color:`,
    `;--plasma_private-overlay-backdrop-filter:`,
    `;background:`,
    `;backdrop-filter:`,
    `;cursor:`,
    `;`
], ({ zIndex })=>zIndex, ({ backgroundColorToken })=>backgroundColorToken, ({ withBlur })=>withBlur ? 'blur(1rem)' : 'none', ({ transparent })=>transparent ? 'transparent' : 'var(--plasma_private-overlay-background-color)', ({ transparent })=>transparent ? 'none' : 'var(--plasma_private-overlay-backdrop-filter)', ({ clickable })=>clickable ? 'pointer' : 'default');
