/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!../web/app/themes/101munten/components/header/header-home/home_header.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
/*---
title:   Brand Colors
section: Visual
---
Brand colors used in project.

```example:color
@color: #4285F4 @name: $primary-color
@color: #FF0A53 @name: $secondary-color

```
*/
/*---
title:   General Colors
section: Visual
---
General colors used in project.

```example:color
@color: #ffffff @name: $white
@color: #000000 @name: $black
@color: #D8D8D8 @name: $gray-lighter
@color: #9A9A9A @name: $gray-light
@color: #3A3734 @name: $gray
@color: #33302D @name: $gray-dark
@color: #2A2724 @name: $gray-darker

```
*/
/* stylelint-enable */
.header {
  display: flex;
  margin: 4rem auto;
  width: min(100%, 144rem);
  gap: 4rem;
}
.header .twz-element-text {
  flex: 0 0 min(100%, 70rem);
}
.header .product_categories {
  flex: 1 1 auto;
}

/*# sourceMappingURL=home.css.map*/