// 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";

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