@layer bootstrap, primereact, revert;

/*
 * Sandbox AntD components by reverting them to browser defaults,
 * avoiding Bootstrap - and Prime React - conflicts.
 *
 * Unfortunately, we cannot avoid conflicts with Snow Eagle 🥶
*/
@layer revert {
    /* We can't use "all: revert" because of SVGs 😢 */
    [class*="ant-"], [class*="ant-"] * {
        /* Box Model & Layout */
        box-sizing: revert;
        margin: revert;
        padding: revert;

        /* Typography & Text */
        font: revert;
        color: revert;
        text-align: revert;
        text-decoration: revert;
        
        /* Appearance */
        background: revert;
        border: revert;
        border-radius: revert;
    }

    .ant-form-item-label {
        font-weight: 600;
    }
}