@scope(.instui-modal){&{max-width:var(--instui-component-modal-medium-max-width);background:var(--instui-component-modal-background-color);color:var(--instui-component-modal-text-color);border:var(--instui-component-modal-border-width) solid var(--instui-component-modal-border-color);border-radius:var(--instui-component-modal-border-radius);font-family:var(--instui-component-modal-font-family);box-shadow:var(--instui-elevation-topmost);overflow:hidden}&[is=dialog],dialog&{margin:auto;padding:0}&[is=dialog]::backdrop,dialog&::backdrop{background:var(--instui-component-mask-background-color)}&[is=dialog].-blur::backdrop,dialog&.-blur::backdrop{backdrop-filter:blur(.5rem)}&.-size-sm{max-width:var(--instui-component-modal-small-max-width)}&.-size-lg{max-width:var(--instui-component-modal-large-max-width)}&.-size-auto{max-width:none;min-width:var(--instui-component-modal-auto-min-width)}&.-size-fullscreen{border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;position:fixed;inset:0}&.-overflow-fit{max-block-size:calc(100dvh - var(--instui-spacing-space-xl) * 2);flex-direction:column;display:flex}&.-color-inverse{background:var(--instui-component-modal-inverse-background-color);color:var(--instui-component-modal-inverse-text-color);border-color:var(--instui-component-modal-inverse-border-color)}&.-size-small{max-width:var(--instui-component-modal-small-max-width)}&.-size-large{max-width:var(--instui-component-modal-large-max-width)}}