/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/@webkinder/sass-vars-loader/src/sassVarsLoader.js??ruleSet[1].rules[6].use[0]!./assets/scss/blocks/fluid-spacing.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* @link https://utopia.fyi/clamp/calculator?a=640,1440,2—4|4—8|6—12|8—16|12—24|16—32|20—40|24—48|28—56|32—64|40—80|48—96|64—128|80—160|104—208|128—256|148—296 */
/**
* Header and navigation
*/
/* ==========================================================================
   mixins
  ========================================================================== */
.wk-block-fluid-spacing.has-4-height {
  height: clamp(2px, 0.4px + 0.25vw, 4px);
  height: clamp(2px, 0.4px + 0.25vi, 4px);
}
.wk-block-fluid-spacing.has-8-height {
  height: clamp(4px, 0.8px + 0.5vw, 8px);
  height: clamp(4px, 0.8px + 0.5vi, 8px);
}
.wk-block-fluid-spacing.has-12-height {
  height: clamp(6px, 1.2px + 0.75vw, 12px);
  height: clamp(6px, 1.2px + 0.75vi, 12px);
}
.wk-block-fluid-spacing.has-16-height {
  height: clamp(8px, 1.6px + 1vw, 16px);
  height: clamp(8px, 1.6px + 1vi, 16px);
}
.wk-block-fluid-spacing.has-24-height {
  height: clamp(12px, 2.4px + 1.5vw, 24px);
  height: clamp(12px, 2.4px + 1.5vi, 24px);
}
.wk-block-fluid-spacing.has-32-height {
  height: clamp(16px, 3.2px + 2vw, 32px);
  height: clamp(16px, 3.2px + 2vi, 32px);
}
.wk-block-fluid-spacing.has-40-height {
  height: clamp(20px, 4px + 2.5vw, 40px);
  height: clamp(20px, 4px + 2.5vi, 40px);
}
.wk-block-fluid-spacing.has-48-height {
  height: clamp(24px, 4.8px + 3vw, 48px);
  height: clamp(24px, 4.8px + 3vi, 48px);
}
.wk-block-fluid-spacing.has-56-height {
  height: clamp(28px, 5.6px + 3.5vw, 56px);
  height: clamp(28px, 5.6px + 3.5vi, 56px);
}
.wk-block-fluid-spacing.has-64-height {
  height: clamp(32px, 6.4px + 4vw, 64px);
  height: clamp(32px, 6.4px + 4vi, 64px);
}
.wk-block-fluid-spacing.has-80-height {
  height: clamp(40px, 8px + 5vw, 80px);
  height: clamp(40px, 8px + 5vi, 80px);
}
.wk-block-fluid-spacing.has-96-height {
  height: clamp(48px, 9.6px + 6vw, 96px);
  height: clamp(48px, 9.6px + 6vi, 96px);
}
.wk-block-fluid-spacing.has-128-height {
  height: clamp(64px, 12.8px + 8vw, 128px);
  height: clamp(64px, 12.8px + 8vi, 128px);
}
.wk-block-fluid-spacing.has-160-height {
  height: clamp(80px, 16px + 10vw, 160px);
  height: clamp(80px, 16px + 10vi, 160px);
}
.wk-block-fluid-spacing.has-208-height {
  height: clamp(104px, 20.8px + 13vw, 208px);
  height: clamp(104px, 20.8px + 13vi, 208px);
}
.wk-block-fluid-spacing.has-256-height {
  height: clamp(128px, 25.6px + 16vw, 256px);
  height: clamp(128px, 25.6px + 16vi, 256px);
}
.wk-block-fluid-spacing.has-296-height {
  height: clamp(148px, 29.6px + 18.5vw, 296px);
  height: clamp(148px, 29.6px + 18.5vi, 296px);
}

/*# sourceMappingURL=block-styles-fluid-spacing.css.map*/