@at-root {
    @-ms-viewport {
        width: device-width;
    }

    // stylelint-disable-line at-rule-no-vendor-prefix
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";

@import "~bootstrap/scss/mixins/breakpoints";
@import "~bootstrap/scss/mixins/grid";

@import "~bootstrap/scss/utilities/display";
@import "~bootstrap/scss/utilities/flex";
@import "~bootstrap/scss/utilities/sizing";

@import '~animate.css/source/_base.css';
@import '~animate.css/source/fading_entrances/fadeIn.css';
@import '~animate.css/source/fading_exits/fadeOut.css';

@import 'base/bootstrap';
@import 'base/base';
@import 'base/typography';
@import 'base/colors';
@import 'base/animations';

@import 'layout/layout';
@import 'layout/redeem';
@import 'layout/nonstopcards';
@import 'layout/pointswidget';
@import 'layout/choicecard';
@import 'layout/rewardcard';
@import 'layout/reportcard';
@import 'layout/reportcardstacked';
@import 'layout/episodeendcard';
@import 'layout/informational';
@import 'layout/sweetalert';


@import 'components/buttons';
@import 'components/footer';
@import 'components/forms';
@import 'components/header';
@import 'components/nonstopvideo';
@import 'components/icons';
 

@import 'layout/nonstophistory';
@import 'layout/nonstophome';
@import 'layout/nonstophomemodal';


// moved to last pos to make sure that these settings overwrite all other styles
@import 'abstract/config';