@use 'variables';
@use 'mixins';

@include mixins.parent {
  * {
    @if variables.$enable-multiline-wrap {
      box-decoration-break: clone;
    }

    @if variables.$enable-custom-scrollbar {
      &::-webkit-scrollbar,
      &::-webkit-scrollbar-track {
        background-color: variables.$background-scrollbar;
      }
  
      &::-webkit-scrollbar-thumb {
        background-color: variables.$scrollbar;
      }
  
      scrollbar-color: variables.$scrollbar variables.$background-scrollbar;
    }

    @if variables.$enable-smooth-scrolling {
      scroll-behavior: smooth;
  
      @media screen and (prefers-reduced-motion: true) { 
        scroll-behavior: auto;
      }
    }

    @if variables.$enable-selection-background {
      &::-moz-selection { 
        background: variables.$background-selected;
      }
      
      &::selection { 
        background: variables.$background-selected;
      }
    }
  }
}