/*
 * This file contains utility classes that can't be contained in a component and must be applied to the light DOM. None
 * of the rules in this stylesheet should target component tags or HTML tags, and all classes *must* start with ".terra-"
 * to reduce the possibility of collisions.
 */

@supports (scrollbar-gutter: stable) {
    .terra-scroll-lock {
        scrollbar-gutter: stable !important;
        overflow: hidden !important;
    }
}

/** This can go away once Safari has scrollbar-gutter support. */
@supports not (scrollbar-gutter: stable) {
    .terra-scroll-lock body {
        padding-right: var(--terra-scroll-lock-size) !important;
        overflow: hidden !important;
    }
}

@supports (interpolate-size: allow-keywords) {
    :root {
        interpolate-size: allow-keywords; /* Opt-in the whole page to interpolate sizes to/from keywords */
    }
}
