body {
  margin: 0;
}
#tide-content {
  @import './components/mixins';
  @import './components/placeholders';
  @import './components/base';
  @import './components/form';
  @import './components/button';
  @import './components/cta';

  @import './components/checkbox';
  @import './components/radiobutton';
  @import './components/tree';
  @import './components/input';
  @import './components/radiobutton';
  @import './components/content';
  @import './components/navbar';
  @import './components/header';
  @import './components/contact';
  @import './components/img-slider';
  @import './components/image-with-text';
  @import './components/breadcrumb';
  @import './components/gallery';
  @import './components/faq';
  @import './components/login';
  @import './components/accordion';
  @import './components/footer';
  @import './components/error';

  @import './qsm/qsm';

  @extend %reset;
  @include body;
  @extend %scrollbar-thin;

  %scrollbar-none {
    &::-webkit-scrollbar {
      width: 0px;
      height: 0px;
    }

    &::-webkit-scrollbar-track {
      padding: 0;
      background: transparent;
    }
  }

  %scrollbar-thin {
    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    &::-webkit-scrollbar-track {
      padding: 2px;
      background: transparent;
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: #cbcbcb;
    }
  }
}