/*!*********************************
*****     scrollbar-gutter     *****
***********************************/
/*!
auto
    The initial value. Classic scrollbars create a gutter when overflow is scroll, or when overflow is auto and the box is overflowing. Overlay scrollbars do not consume space.

stable
    When using classic scrollbars, the gutter will be present if overflow is auto, scroll, or hidden even if the box is not overflowing. When using overlay scrollbars, the gutter will not be present.

both-edges
    If a gutter would be present on one of the inline start/end edges of the box, another will be present on the opposite edge as well
*/

@layer base {
  html {
    scrollbar-gutter: stable /* both-edges */;
  }
}