.BOSUI_FLASH {
    --bosui-flash-color: var(--ita-colors-primary-600);
    --bosui-flash-contrast-color: oklch(from var(--bosui-flash-color) round(1.21 - L) 0 0);
    padding: 1em;
    border-radius: var(--bosui-theme-border-radius-2);
    background-color: color-mix(in srgb, var(--bosui-flash-color) 5%, var(--bosui-flash-contrast-color) 95%);
    color: var(--bosui-flash-color);
    container-type: inline-size;
    container-name: bosui_flash;
    border-left: 3px solid var(--bosui-flash-color);
}
.BOSUI_FLASH .BOSUI_FORM_ELEMENT__BUTTON {
    --bosui-flash-color-1: transparent;
    --bosui-flash-color-2: var(--bosui-flash-color);
}
.BOSUI_FLASH[data-bosui-theme="success"] {
    --bosui-flash-color: var(--ita-colors-success-600);
}
.BOSUI_FLASH[data-bosui-theme="warning"] {
    --bosui-flash-color: var(--ita-colors-warning-600);
}
.BOSUI_FLASH[data-bosui-theme="danger"],
.BOSUI_FLASH[data-bosui-theme="error"] {
    --bosui-flash-color: var(--ita-colors-danger-600);
}
.BOSUI_FLASH[data-bosui-shadow="true"] {
    box-shadow: 0px 0px 0.5em color-mix(in srgb, var(--bosui-flash-color) 30%, transparent 70%);
}
.BOSUI_FLASH__CTN > *:first-child {
    margin-top: 0;
}
.BOSUI_FLASH__CTN > *:last-child {
    margin-bottom: 0;
}

@container bosui_flash (599px < width < 960px) {
    .BOSUI_FLASH__CTN {
        font-size: 0.9em;
    }
}
@container bosui_flash (width < 600px) {
    .BOSUI_FLASH__CTN {
        font-size: 0.8em;
    }
    .BOSUI_FLASH .BOSUI_ICON_MASK {
        font-size: 0.9em;
    }
}