@import '~@nuskin/ns-style-elements/src/scss/colors';
@import '~@nuskin/ns-style-elements/src/scss/typography';
@import '~@nuskin/ns-style-elements/src/scss/other';

$nsblue: #008ab0;
$gridWidth: 1000px;
$error: #c71013;
$info: #d9c86b;
$radius: 3px;
$nsbordergrey: #cccccc;


#page-checkout, body[page="checkout"] {
  &.mec-style {
    @import 'scss/mec-styles';
  }
  .mec-only {
    display: none;
  }
  #content {
    max-width: 1440px;
  }
}

#page-checkout, body[page="checkout"] {
  &.overflow-none {
    overflow: hidden;
  }
  
  #mainWrapper {
    overflow: initial;
  }
  .container {
    font-size: 13px;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #fafafa;

    #shippingMethod {
      #shippingMethodSelect {
        width: 100%;
      }
    }

    @import 'scss/normalize';


    @import 'scss/app';
    @import 'scss/qas';
    @import 'scss/responsiveTableStyles';
    @import 'scss/main';
    @import 'scss/tooltip';
    @import 'scss/animations';
    @import 'scss/mobile';
    @import 'scss/print';
    @import 'scss/shippingRates';
    @import 'scss/adrShipModal';
    @import 'scss/pickupPoints';
    @import 'scss/pointsCheckout';

  }
}

// Un-scoped global class
// Bootstrap inspired solution for preventing scrolling through a modal
body.modal-open {
  overflow: hidden;
  position: fixed;
  display: block;
  width: 100%;
}