// SCOPE
#tide-booking {
  @import './components/mixins';
  @import './components/placeholders';
  @import './components/base';
  @import './components/form';
  @import './components/button';
  @import './components/cta';

  @import './components/step-indicators';
  @import './components/booking';
  @import './components/pricing-summary';
  @import './components/flight-option';
  @import './components/checkbox';
  @import './components/radiobutton';
  @import './components/tree';
  @import './components/list';
  @import './components/dropdown';
  @import './components/loader';
  @import './components/select-wrapper';
  @import './components/table';
  @import './components/info-message';
  @import './components/input';
  @import './components/date-list';
  @import './components/typeahead';
  @import './components/phone-input';
  @import './components/slider';

  @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;
    }
  }
}