/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.booom-weliftlogo .block {
  display: block;
}
.booom-weliftlogo .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.booom-weliftlogo {
  flex-grow: 1;
}
.booom-weliftlogo.isadmin {
  pointer-events: none;
}
.booom-weliftlogo.isadmin * {
  pointer-events: none;
}
.booom-weliftlogo .logoelements {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-image: url(images/logo-welift-stretch.4ae08cf6.png);
  background-size: 100% 100%;
  height: 36px;
  width: 165px;
  margin-right: auto;
  padding-left: 0;
  transition: width 0.5s, margin 0.5s, padding 0.5s;
}
@media (max-width: 768px) {
  .booom-weliftlogo .logoelements {
    height: 24px;
    width: 110px;
  }
}
.booom-weliftlogo .logoelements .logo-img {
  height: 36px !important;
}
@media (max-width: 768px) {
  .booom-weliftlogo .logoelements .logo-img {
    height: 24px !important;
  }
}
.booom-weliftlogo .logoelements.animate {
  width: 100%;
}
@media (min-width: 767px) {
  .booom-weliftlogo .logoelements:hover {
    width: 100%;
  }
}

.shrink-0 {
  flex-shrink: 0;
}

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