@import 'svbstrate/src/lib/reset.css';
@import 'svbstrate/src/lib/display.css';
@import 'svbstrate/src/lib/positioning.css';
@import 'svbstrate/src/lib/flexbox.css';
@import 'svbstrate/src/lib/align.css';
@import 'svbstrate/src/lib/spacing.css';
@import 'svbstrate/src/lib/forms.css';
@import 'svbstrate/src/lib/z-index.css';

@import 'global/var.css';
@import 'global/colors.css';
@import 'global/typography.css';
@import 'global/global.css';
@import 'global/lists.css';
@import 'global/forms.css';
@import 'global/containers.css';

@import 'components/buttons.css';
@import 'components/image.css';
@import 'components/counter.css';

@import 'templates/collection.css';

/**
 * slater demo
 *
 * you might want to delete these
 *
 * or not, up to you
 */
@import 'slater/code.css';
@import 'slater/typography.css';
@import 'slater/header.css';
@import 'slater/footer.css';
@import 'slater/welcome.css';
@import 'slater/accounts.css';
@import 'slater/product.css';
@import 'slater/cart-drawer.css';
@import 'slater/inputs.css';

#preview-bar-iframe, .none {
  display: none !important;
}