/*!
 * Styles for the CDA Foundation 2024 Theme
 * 
 * @since 2024-05-15
 * @author Designs and Codes, LLC
 * @license MIT
 */
/**
 * Collect styles from other files/subfolders
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
/*!
 * General entrypoint for Fluffle CSS
 *
 * @version 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
/**
 * Mixins for Fluffle CSS
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
/**
 * Normalization rules
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/**
 * Box sizing
 */
*,
*:after,
*:before,
hr,
input[type="search"] {
  box-sizing: border-box;
}
/**
 * Flex
 */
* {
  flex: initial;
}
/**
 * Remove top margin if :first-child, or bottom margin if :last-child
 */
:is( #foo#bar#baz, * ):first-child {
  margin-block-start: 0;
}
:is( #foo#bar#baz, * ):last-child {
  margin-block-end: 0;
}
/**
 * Setup base colors, fonts
 */
:root {
  --fluffle__outline-color: blue;
  --fluffle__outline-offset: 0.2rem;
  --fluffle__outline-style: solid;
  --fluffle__outline-width: 1px;
  --fluffle__border-color: #bbb;
  --fluffle__border-color__hover: #ffecb5;
  --fluffle__border-color__active: #ffecb5;
  --fluffle__border-color__disabled: #ced4da;
  --fluffle__border-color__indeterminate: #ffecb5;
  --fluffle__border-color__invalid: #f8d7da;
  --fluffle__border-style: solid;
  --fluffle__border-width: 1px;
  --fluffle__spacing-v: 1rem;
  --fluffle__spacing-h: auto;
  --fluffle__spacing-h__gutter: 30px;
  --fluffle__color-bg: white;
  --fluffle__color-bg__hover: #fff3cd;
  --fluffle__color-bg__active: #fff3cd;
  --fluffle__color-bg__disabled: #e9ecef;
  --fluffle__color-bg__indeterminate: #fff3cd;
  --fluffle__color-bg__invalid: #f8d7da;
  --fluffle__color-fg: black;
  --fluffle__color-fg__hover: #664d03;
  --fluffle__color-fg__active: #664d03;
  --fluffle__color-fg__disabled: #6c757d;
  --fluffle__color-fg__indeterminate: #664d03;
  --fluffle__color-fg__invalid: #842029;
  --fluffle__font-family: Arial, sans-serif;
  --fluffle__font-size: 112.5%;
  --fluffle__line-height: 1.35;
  --fluffle__transition-duration: 0.3s;
  background-color: var(--fluffle__color-bg);
  color: var(--fluffle__color-fg);
  font-family: var(--fluffle__font-family);
  font-size: var(--fluffle__font-size);
  line-height: var(--fluffle__line-height);
  font-style: normal;
  font-weight: normal;
}
/**
 * Breakpoint rules
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-container__width-xs: 100%;
  --fluffle-container__width-sm: 750px;
  --fluffle-container__width-md: 960px;
  --fluffle-container__width-lg: 1170px;
}
@media (max-width: 767px) {
  :root {
    word-break: break-word;
  }
}
.margin-left-gutter-double,
.margin-horizontal-gutter-double {
  margin-inline-start: calc(var(--fluffle__spacing-h__gutter) * 2) !important;
}
.margin-right-gutter-double,
.margin-horizontal-gutter-double {
  margin-inline-end: calc(var(--fluffle__spacing-h__gutter) * 2) !important;
}
.padding-left-gutter-double,
.padding-horizontal-gutter-double {
  padding-inline-start: calc(var(--fluffle__spacing-h__gutter) * 2) !important;
}
.padding-right-gutter-double,
.padding-horizontal-gutter-double {
  padding-inline-end: calc(var(--fluffle__spacing-h__gutter) * 2) !important;
}
.margin-left-gutter-full,
.margin-horizontal-gutter-full {
  margin-inline-start: var(--fluffle__spacing-h__gutter) !important;
}
.margin-right-gutter-full,
.margin-horizontal-gutter-full {
  margin-inline-end: var(--fluffle__spacing-h__gutter) !important;
}
.padding-left-gutter-full,
.padding-horizontal-gutter-full {
  padding-inline-start: var(--fluffle__spacing-h__gutter) !important;
}
.padding-right-gutter-full,
.padding-horizontal-gutter-full {
  padding-inline-end: var(--fluffle__spacing-h__gutter) !important;
}
.margin-left-gutter-half,
.margin-horizontal-gutter-half {
  margin-inline-start: calc(var(--fluffle__spacing-h__gutter) / 2) !important;
}
.margin-right-gutter-half,
.margin-horizontal-gutter-half {
  margin-inline-end: calc(var(--fluffle__spacing-h__gutter) / 2) !important;
}
.padding-left-gutter-half,
.padding-horizontal-gutter-half {
  padding-inline-start: calc(var(--fluffle__spacing-h__gutter) / 2) !important;
}
.padding-right-gutter-half,
.padding-horizontal-gutter-half {
  padding-inline-end: calc(var(--fluffle__spacing-h__gutter) / 2) !important;
}
.margin-left-gutter-quarter,
.margin-horizontal-gutter-quarter {
  margin-inline-start: calc(var(--fluffle__spacing-h__gutter) / 4) !important;
}
.margin-right-gutter-quarter,
.margin-horizontal-gutter-quarter {
  margin-inline-end: calc(var(--fluffle__spacing-h__gutter) / 4) !important;
}
.padding-left-gutter-quarter,
.padding-horizontal-gutter-quarter {
  padding-inline-start: calc(var(--fluffle__spacing-h__gutter) / 4) !important;
}
.padding-right-gutter-quarter,
.padding-horizontal-gutter-quarter {
  padding-inline-end: calc(var(--fluffle__spacing-h__gutter) / 4) !important;
}
/**
 * Typography rules
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
/**
 * Font weights
 */
.weight-lightest,
.lightest,
.weight-thin {
  font-weight: 100 !important;
}
.weight-extra-light {
  font-weight: 200 !important;
}
.weight-light {
  font-weight: 300 !important;
}
.weight-normal,
.unbold,
.nobold {
  font-weight: 400 !important;
}
.weight-medium {
  font-weight: 500 !important;
}
.weight-semi-bold,
.semi-bold {
  font-weight: 600 !important;
}
.weight-bold,
.bold {
  font-weight: 700 !important;
}
.weight-extra-bold,
.weight-ultra-bold {
  font-weight: 800 !important;
}
.weight-boldest,
.boldest,
.weight-black,
.weight-heavy {
  font-weight: 900 !important;
}
.weight-bolder,
.bolder {
  font-weight: bolder !important;
}
.weight-lighter,
.lighter {
  font-weight: lighter !important;
}
.weight-inherit {
  font-weight: inherit !important;
}
/**
 * Font styles
 */
.style-italic,
.italic {
  font-style: italic !important;
}
.style-normal,
.unitalic,
.noitalic {
  font-style: normal !important;
}
.style-oblique,
.oblique {
  font-style: oblique !important;
}
.style-inherit {
  font-style: inherit !important;
}
/**
 * Font families
 */
.family-default,
.family-text {
  font-family: var( --fluffle__font-family ) !important;
}
.family-header {
  font-family: var( --fluffle-header__font-family ) !important;
}
.family-disclaimer {
  font-family: var( --fluffle-disclaimer__font-family ) !important;
}
.family-code {
  font-family: var( --fluffle-code__font-family ) !important;
}
.family-inherit {
  font-family: inherit !important;
}
/**
 * Font sizes
 */
.size-default,
.size-text {
  font-size: var( --fluffle__font-size ) !important;
}
.size-h1 {
  font-size: var( --fluffle-header__font-size__h1 ) !important;
}
.size-h2 {
  font-size: var( --fluffle-header__font-size__h2 ) !important;
}
.size-h3 {
  font-size: var( --fluffle-header__font-size__h3 ) !important;
}
.size-h4 {
  font-size: var( --fluffle-header__font-size__h4 ) !important;
}
.size-h5 {
  font-size: var( --fluffle-header__font-size__h5 ) !important;
}
.size-h6 {
  font-size: var( --fluffle-header__font-size__h6 ) !important;
}
.size-disclaimer {
  font-size: var( --fluffle-disclaimer__font-size ) !important;
}
.size-code {
  font-size: var( --fluffle-code__font-size ) !important;
}
.size-inherit {
  font-size: inherit !important;
}
/**
 * Letter spacing
 */
.letter-spacing-normal,
.letter-spacing-default {
  letter-spacing: normal;
}
.letter-spacing-zero {
  letter-spacing: 0;
}
.letter-spacing-inherit {
  letter-spacing: inherit;
}
/**
 * Text align
 */
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-align-inherit {
  text-align: inherit !important;
}
@media (min-width: 0) {
  .text-xs-center {
    text-align: center !important;
  }
  .text-xs-justify {
    text-align: justify !important;
  }
  .text-xs-left {
    text-align: left !important;
  }
  .text-xs-right {
    text-align: right !important;
  }
  .text-align-xs-inherit {
    text-align: inherit !important;
  }
}
@media (min-width: 768px) {
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-justify {
    text-align: justify !important;
  }
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-align-sm-inherit {
    text-align: inherit !important;
  }
}
@media (min-width: 992px) {
  .text-md-center {
    text-align: center !important;
  }
  .text-md-justify {
    text-align: justify !important;
  }
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-align-md-inherit {
    text-align: inherit !important;
  }
}
@media (min-width: 1200px) {
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-justify {
    text-align: justify !important;
  }
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-align-lg-inherit {
    text-align: inherit !important;
  }
}
/**
 * Text decoration
 */
.decoration-blink {
  text-decoration: blink !important;
}
.decoration-line-through,
.line-through,
.strike-through {
  text-decoration: line-through !important;
}
.decoration-none {
  text-decoration: none !important;
}
.decoration-overline,
.overline {
  text-decoration: overline !important;
}
.decoration-underline,
.underline {
  text-decoration: underline !important;
}
.decoration-inherit {
  text-decoration: inherit !important;
}
/**
 * Text transform
 */
.transform-captialize,
.capitalize {
  text-transform: capitalize !important;
}
.transform-lowercase,
.lowercase,
.lower {
  text-transform: lowercase !important;
}
.transform-none {
  text-transform: none !important;
}
.transform-uppercase,
.uppercase,
.upper {
  text-transform: uppercase !important;
}
.transform-inherit {
  text-transform: inherit !important;
}
/**
 * Word wrap
 */
.word-wrap,
.wrap {
  white-space: wrap !important;
}
.word-nowrap,
.nowrap {
  white-space: nowrap !important;
}
.word-pre {
  white-space: pre !important;
}
@media (min-width: 0) {
  .word-xs-wrap,
  .wrap-xs {
    white-space: wrap !important;
  }
  .word-xs-nowrap,
  .nowrap-xs {
    white-space: nowrap !important;
  }
  .word-xs-pre {
    white-space: pre !important;
  }
}
@media (min-width: 768px) {
  .word-sm-wrap,
  .wrap-sm {
    white-space: wrap !important;
  }
  .word-sm-nowrap,
  .nowrap-sm {
    white-space: nowrap !important;
  }
  .word-sm-pre {
    white-space: pre !important;
  }
}
@media (min-width: 992px) {
  .word-md-wrap,
  .wrap-md {
    white-space: wrap !important;
  }
  .word-md-nowrap,
  .nowrap-md {
    white-space: nowrap !important;
  }
  .word-md-pre {
    white-space: pre !important;
  }
}
@media (min-width: 1200px) {
  .word-lg-wrap,
  .wrap-lg {
    white-space: wrap !important;
  }
  .word-lg-nowrap,
  .nowrap-lg {
    white-space: nowrap !important;
  }
  .word-lg-pre {
    white-space: pre !important;
  }
}
/**
 * Visibility
 */
.invisible {
  visibility: hidden !important;
}
.visibile {
  visibility: visibile !important;
}
.hide-text {
  border: 0;
  background-color: transparent;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
/**
 * Block Alignment
 */
.block-center,
.block-right {
  margin-inline-start: auto;
}
.block-center,
.block-left {
  margin-inline-end: auto;
}
.block-left {
  margin-inline-start: 0;
}
.block-right {
  margin-inline-end: 0;
}
.block-wide {
  margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
}
@media (min-width: 0) {
  .block-xs-center,
  .block-xs-right {
    margin-inline-start: auto;
  }
  .block-xs-center,
  .block-xs-left {
    margin-inline-end: auto;
  }
  .block-xs-left {
    margin-inline-start: 0;
  }
  .block-xs-right {
    margin-inline-end: 0;
  }
  .block-xs-wide {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
@media (min-width: 768px) {
  .block-sm-center,
  .block-sm-right {
    margin-inline-start: auto;
  }
  .block-sm-center,
  .block-sm-left {
    margin-inline-end: auto;
  }
  .block-sm-left {
    margin-inline-start: 0;
  }
  .block-sm-right {
    margin-inline-end: 0;
  }
  .block-sm-wide {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
@media (min-width: 992px) {
  .block-md-center,
  .block-md-right {
    margin-inline-start: auto;
  }
  .block-md-center,
  .block-md-left {
    margin-inline-end: auto;
  }
  .block-md-left {
    margin-inline-start: 0;
  }
  .block-md-right {
    margin-inline-end: 0;
  }
  .block-md-wide {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
@media (min-width: 1200px) {
  .block-lg-center,
  .block-lg-right {
    margin-inline-start: auto;
  }
  .block-lg-center,
  .block-lg-left {
    margin-inline-end: auto;
  }
  .block-lg-left {
    margin-inline-start: 0;
  }
  .block-lg-right {
    margin-inline-end: 0;
  }
  .block-lg-wide {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .block-xs-center-only,
  .block-xs-right-only {
    margin-inline-start: auto;
  }
  .block-xs-center-only,
  .block-xs-left-only {
    margin-inline-end: auto;
  }
  .block-xs-left-only {
    margin-inline-start: 0;
  }
  .block-xs-right-only {
    margin-inline-end: 0;
  }
  .block-xs-wide-only {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .block-sm-center-only,
  .block-sm-right-only {
    margin-inline-start: auto;
  }
  .block-sm-center-only,
  .block-sm-left-only {
    margin-inline-end: auto;
  }
  .block-sm-left-only {
    margin-inline-start: 0;
  }
  .block-sm-right-only {
    margin-inline-end: 0;
  }
  .block-sm-wide-only {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .block-md-center-only,
  .block-md-right-only {
    margin-inline-start: auto;
  }
  .block-md-center-only,
  .block-md-left-only {
    margin-inline-end: auto;
  }
  .block-md-left-only {
    margin-inline-start: 0;
  }
  .block-md-right-only {
    margin-inline-end: 0;
  }
  .block-md-wide-only {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .block-lg-center-only,
  .block-lg-right-only {
    margin-inline-start: auto;
  }
  .block-lg-center-only,
  .block-lg-left-only {
    margin-inline-end: auto;
  }
  .block-lg-left-only {
    margin-inline-start: 0;
  }
  .block-lg-right-only {
    margin-inline-end: 0;
  }
  .block-lg-wide-only {
    margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2);
  }
}
/**
 * Block Float
 */
.pull-left {
  float: inline-start !important;
  margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
}
.pull-left:first-child + * {
  margin-block-start: 0 !important;
}
.pull-right {
  float: inline-end !important;
  margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
}
.pull-right:first-child + * {
  margin-block-start: 0 !important;
}
@media (min-width: 0) {
  .pull-xs-left {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-xs-left:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-xs-right {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-xs-right:first-child + * {
    margin-block-start: 0 !important;
  }
}
@media (min-width: 768px) {
  .pull-sm-left {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-sm-left:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-sm-right {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-sm-right:first-child + * {
    margin-block-start: 0 !important;
  }
}
@media (min-width: 992px) {
  .pull-md-left {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-md-left:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-md-right {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-md-right:first-child + * {
    margin-block-start: 0 !important;
  }
}
@media (min-width: 1200px) {
  .pull-lg-left {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-lg-left:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-lg-right {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-lg-right:first-child + * {
    margin-block-start: 0 !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .pull-xs-left-only {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-xs-left-only:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-xs-right-only {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-xs-right-only:first-child + * {
    margin-block-start: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pull-sm-left-only {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-sm-left-only:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-sm-right-only {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-sm-right-only:first-child + * {
    margin-block-start: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pull-md-left-only {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-md-left-only:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-md-right-only {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-md-right-only:first-child + * {
    margin-block-start: 0 !important;
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .pull-lg-left-only {
    float: inline-start !important;
    margin-inline-end: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-lg-left-only:first-child + * {
    margin-block-start: 0 !important;
  }
  .pull-lg-right-only {
    float: inline-end !important;
    margin-inline-start: var( --fluffle__spacing-h__gutter ) !important;
  }
  .pull-lg-right-only:first-child + * {
    margin-block-start: 0 !important;
  }
}
/**
 * Block Clearing
 */
.clear-both {
  clear: both !important;
}
.clear-left {
  clear: left !important;
}
.clear-right {
  clear: right !important;
}
.clear-none {
  clear: none !important;
}
@media (min-width: 0) {
  .clear-xs-both {
    clear: both !important;
  }
  .clear-xs-left {
    clear: left !important;
  }
  .clear-xs-right {
    clear: right !important;
  }
  .clear-xs-none {
    clear: none !important;
  }
}
@media (min-width: 768px) {
  .clear-sm-both {
    clear: both !important;
  }
  .clear-sm-left {
    clear: left !important;
  }
  .clear-sm-right {
    clear: right !important;
  }
  .clear-sm-none {
    clear: none !important;
  }
}
@media (min-width: 992px) {
  .clear-md-both {
    clear: both !important;
  }
  .clear-md-left {
    clear: left !important;
  }
  .clear-md-right {
    clear: right !important;
  }
  .clear-md-none {
    clear: none !important;
  }
}
@media (min-width: 1200px) {
  .clear-lg-both {
    clear: both !important;
  }
  .clear-lg-left {
    clear: left !important;
  }
  .clear-lg-right {
    clear: right !important;
  }
  .clear-lg-none {
    clear: none !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .clear-xs-both-only {
    clear: both !important;
  }
  .clear-xs-left-only {
    clear: left !important;
  }
  .clear-xs-right-only {
    clear: right !important;
  }
  .clear-xs-none-only {
    clear: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .clear-sm-both-only {
    clear: both !important;
  }
  .clear-sm-left-only {
    clear: left !important;
  }
  .clear-sm-right-only {
    clear: right !important;
  }
  .clear-sm-none-only {
    clear: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .clear-md-both-only {
    clear: both !important;
  }
  .clear-md-left-only {
    clear: left !important;
  }
  .clear-md-right-only {
    clear: right !important;
  }
  .clear-md-none-only {
    clear: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .clear-lg-both-only {
    clear: both !important;
  }
  .clear-lg-left-only {
    clear: left !important;
  }
  .clear-lg-right-only {
    clear: right !important;
  }
  .clear-lg-none-only {
    clear: none !important;
  }
}
/**
 * Clearfix
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 *
 * Source: http://nicolasgallagher.com/micro-clearfix-hack/
 */
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
/**
 * List Indentation
 */
.list-indent-none {
  padding-left: 0 !important;
}
.list-indent-default {
  padding-left: var( --fluffle-list__ident ) !important;
}
.list-indent-inherit {
  padding-left: inherit !important;
}
/**
 * Text Indentation
 */
.text-indent-none {
  text-indent: 0 !important;
}
.text-indent-gutter {
  text-indent: var( --fluffle__spacing-h__gutter ) !important;
}
.text-indent-inherit {
  text-indent: inherit !important;
}
/**
 * Vertical alignment
 */
.vert-baseline {
  vertical-align: baseline !important;
}
.vert-middle {
  vertical-align: middle !important;
}
.vert-super {
  vertical-align: super !important;
}
.vert-sub {
  vertical-align: sub !important;
}
.vert-text-top {
  vertical-align: text-top !important;
}
.vert-text-bottom {
  vertical-align: text-bottom !important;
}
.vert-top {
  vertical-align: top !important;
}
.vert-bottom {
  vertical-align: bottom !important;
}
@media (min-width: 0) {
  .vert-xs-baseline {
    vertical-align: baseline !important;
  }
  .vert-xs-middle {
    vertical-align: middle !important;
  }
  .vert-xs-super {
    vertical-align: super !important;
  }
  .vert-xs-sub {
    vertical-align: sub !important;
  }
  .vert-xs-text-top {
    vertical-align: text-top !important;
  }
  .vert-xs-text-bottom {
    vertical-align: text-bottom !important;
  }
  .vert-xs-top {
    vertical-align: top !important;
  }
  .vert-xs-bottom {
    vertical-align: bottom !important;
  }
}
@media (min-width: 768px) {
  .vert-sm-baseline {
    vertical-align: baseline !important;
  }
  .vert-sm-middle {
    vertical-align: middle !important;
  }
  .vert-sm-super {
    vertical-align: super !important;
  }
  .vert-sm-sub {
    vertical-align: sub !important;
  }
  .vert-sm-text-top {
    vertical-align: text-top !important;
  }
  .vert-sm-text-bottom {
    vertical-align: text-bottom !important;
  }
  .vert-sm-top {
    vertical-align: top !important;
  }
  .vert-sm-bottom {
    vertical-align: bottom !important;
  }
}
@media (min-width: 992px) {
  .vert-md-baseline {
    vertical-align: baseline !important;
  }
  .vert-md-middle {
    vertical-align: middle !important;
  }
  .vert-md-super {
    vertical-align: super !important;
  }
  .vert-md-sub {
    vertical-align: sub !important;
  }
  .vert-md-text-top {
    vertical-align: text-top !important;
  }
  .vert-md-text-bottom {
    vertical-align: text-bottom !important;
  }
  .vert-md-top {
    vertical-align: top !important;
  }
  .vert-md-bottom {
    vertical-align: bottom !important;
  }
}
@media (min-width: 1200px) {
  .vert-lg-baseline {
    vertical-align: baseline !important;
  }
  .vert-lg-middle {
    vertical-align: middle !important;
  }
  .vert-lg-super {
    vertical-align: super !important;
  }
  .vert-lg-sub {
    vertical-align: sub !important;
  }
  .vert-lg-text-top {
    vertical-align: text-top !important;
  }
  .vert-lg-text-bottom {
    vertical-align: text-bottom !important;
  }
  .vert-lg-top {
    vertical-align: top !important;
  }
  .vert-lg-bottom {
    vertical-align: bottom !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .vert-xs-baseline-only {
    vertical-align: baseline !important;
  }
  .vert-xs-middle-only {
    vertical-align: middle !important;
  }
  .vert-xs-super-only {
    vertical-align: super !important;
  }
  .vert-xs-sub-only {
    vertical-align: sub !important;
  }
  .vert-xs-text-top-only {
    vertical-align: text-top !important;
  }
  .vert-xs-text-bottom-only {
    vertical-align: text-bottom !important;
  }
  .vert-xs-top-only {
    vertical-align: top !important;
  }
  .vert-xs-bottom-only {
    vertical-align: bottom !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vert-sm-baseline-only {
    vertical-align: baseline !important;
  }
  .vert-sm-middle-only {
    vertical-align: middle !important;
  }
  .vert-sm-super-only {
    vertical-align: super !important;
  }
  .vert-sm-sub-only {
    vertical-align: sub !important;
  }
  .vert-sm-text-top-only {
    vertical-align: text-top !important;
  }
  .vert-sm-text-bottom-only {
    vertical-align: text-bottom !important;
  }
  .vert-sm-top-only {
    vertical-align: top !important;
  }
  .vert-sm-bottom-only {
    vertical-align: bottom !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vert-md-baseline-only {
    vertical-align: baseline !important;
  }
  .vert-md-middle-only {
    vertical-align: middle !important;
  }
  .vert-md-super-only {
    vertical-align: super !important;
  }
  .vert-md-sub-only {
    vertical-align: sub !important;
  }
  .vert-md-text-top-only {
    vertical-align: text-top !important;
  }
  .vert-md-text-bottom-only {
    vertical-align: text-bottom !important;
  }
  .vert-md-top-only {
    vertical-align: top !important;
  }
  .vert-md-bottom-only {
    vertical-align: bottom !important;
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .vert-lg-baseline-only {
    vertical-align: baseline !important;
  }
  .vert-lg-middle-only {
    vertical-align: middle !important;
  }
  .vert-lg-super-only {
    vertical-align: super !important;
  }
  .vert-lg-sub-only {
    vertical-align: sub !important;
  }
  .vert-lg-text-top-only {
    vertical-align: text-top !important;
  }
  .vert-lg-text-bottom-only {
    vertical-align: text-bottom !important;
  }
  .vert-lg-top-only {
    vertical-align: top !important;
  }
  .vert-lg-bottom-only {
    vertical-align: bottom !important;
  }
}
/**
 * Link/anchor styles for Fluffle CSS
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-link__color-bg: transparent;
  --fluffle-link__color-bg__active: transparent;
  --fluffle-link__color-fg: #488;
  --fluffle-link__color-fg__active: var(--fluffle__color-fg__active);
  --fluffle-link__text-decoration: underline;
  --fluffle-link__text-decoration__active: underline;
  --fluffle-link__outline-color__focus: var(--fluffle__outline-color);
  --fluffle-link__outline-offset: var(--fluffle__outline-offset);
  --fluffle-link__outline-style: var(--fluffle__outline-style);
  --fluffle-link__outline-width: var(--fluffle__outline-width);
  --fluffle-link__transition-duration: var(--fluffle__transition-duration);
  --fluffle-link__transition-properties: background-color, color;
}
a:where( [href]:not( [href=""], [href="#"] )),
.link {
  cursor: pointer;
  outline: var(--fluffle-link__outline-width) var(--fluffle-link__outline-style) transparent;
  outline-offset: var(--fluffle-link__outline-offset);
  background-color: var(--fluffle-link__color-bg);
  color: var(--fluffle-link__color-fg);
  text-decoration: var(--fluffle-link__text-decoration);
  transition-duration: var(--fluffle-link__transition-duration);
  transition-property: var(--fluffle-link__transition-properties);
}
a:where( [href]:not( [href=""], [href="#"] )):focus,
.link:focus {
  outline-color: var(--fluffle-link__outline-color__focus);
}
@supports selector( :focus-visible ) {
  a:where( [href]:not( [href=""], [href="#"] )):focus,
  .link:focus {
    outline-color: transparent;
  }
  a:where( [href]:not( [href=""], [href="#"] )):focus-visible,
  .link:focus-visible {
    outline-color: var(--fluffle-link__outline-color__focus);
  }
}
a:where( [href]:not( [href=""], [href="#"] )):is( :active, :hover ),
.link:is( :active, :hover ) {
  background-color: var(--fluffle-link__color-bg__active);
  color: var(--fluffle-link__color-fg__active);
  text-decoration: var(--fluffle-link__text-decoration__active);
}
a:where( [href=""], [href="#"] ),
a:where( [href=""], [href="#"] ):is( :active, :hover ) {
  background-color: inherit;
  color: inherit;
  text-decoration: inherit;
}
.plain-link {
  cursor: pointer;
  outline: var(--fluffle-link__outline-width) var(--fluffle-link__outline-style) transparent;
  outline-offset: var(--fluffle-link__outline-offset);
  background-color: var(--fluffle-link__color-bg);
  color: var(--fluffle-link__color-fg);
  text-decoration: var(--fluffle-link__text-decoration);
  transition-duration: var(--fluffle-link__transition-duration);
  transition-property: var(--fluffle-link__transition-properties);
  background-color: inherit;
  color: inherit;
  text-decoration: inherit;
}
.plain-link:focus {
  outline-color: var(--fluffle-link__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .plain-link:focus {
    outline-color: transparent;
  }
  .plain-link:focus-visible {
    outline-color: var(--fluffle-link__outline-color__focus);
  }
}
.plain-link:is( :active, :hover ) {
  background-color: var(--fluffle-link__color-bg__active);
  color: var(--fluffle-link__color-fg__active);
  text-decoration: var(--fluffle-link__text-decoration__active);
}
.stealth-link {
  background-color: inherit !important;
  color: inherit !important;
  text-decoration: inherit !important;
}
/**
 * Styles for "none" elements (should not have vertical spacing, for one reason or another)
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-none__spacing-v: 0;
  --fluffle-none__spacing-h: var(--fluffle__spacing-h);
}
:is( .aside, .div, .main, .summary, .tbody, .td, .tfoot, .th, .thead, .tr ) {
  margin-block: var(--fluffle-none__spacing-v);
  margin-inline: var(--fluffle-none__spacing-h);
}
.as-none,
.children-as-none > * {
  margin-block: var(--fluffle-none__spacing-v);
  margin-inline: var(--fluffle-none__spacing-h);
}
.margin-top-none,
.margin-vertical-none {
  margin-block-start: var(--fluffle-none__spacing-v) !important;
}
.margin-bottom-none,
.margin-vertical-none {
  margin-block-end: var(--fluffle-none__spacing-v) !important;
}
.margin-top-none-negative,
.margin-vertical-none-negative {
  margin-block-start: calc( -1 * var(--fluffle-none__spacing-v) ) !important;
}
.margin-bottom-none-negative,
.margin-vertical-none-negative {
  margin-block-end: calc( -1 * var(--fluffle-none__spacing-v) ) !important;
}
.padding-top-none,
.padding-vertical-none {
  padding-block-start: var(--fluffle-none__spacing-v) !important;
}
.padding-bottom-none,
.padding-vertical-none {
  padding-block-end: var(--fluffle-none__spacing-v) !important;
}
.margin-left-none,
.margin-horizontal-none {
  margin-inline-start: var(--fluffle-none__spacing-h) !important;
}
.margin-right-none,
.margin-horizontal-none {
  margin-inline-end: var(--fluffle-none__spacing-h) !important;
}
.padding-left-none,
.padding-horizontal-none {
  padding-inline-start: var(--fluffle-none__spacing-h) !important;
}
.padding-right-none,
.padding-horizontal-none {
  padding-inline-end: var(--fluffle-none__spacing-h) !important;
}
/**
 * Styles for "paragraph" elements (contains simple text / little-to-no internal widgetry)
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-para__spacing-v: var(--fluffle__spacing-v);
  --fluffle-para__spacing-h: var(--fluffle__spacing-h);
}
:is(address, caption, figcaption, p),
:is(.address, .caption, .figcaption, .p) {
  margin-block: var(--fluffle-para__spacing-v);
  margin-inline: var(--fluffle-para__spacing-h);
}
:is( #foo, * ).as-para,
:is( #foo, * ).children-as-para {
  margin-block: var(--fluffle-para__spacing-v);
  margin-inline: var(--fluffle-para__spacing-h);
}
.margin-top-para,
.margin-vertical-para {
  margin-block-start: var(--fluffle-para__spacing-v) !important;
}
.margin-bottom-para,
.margin-vertical-para {
  margin-block-end: var(--fluffle-para__spacing-v) !important;
}
.margin-top-para-negative,
.margin-vertical-para-negative {
  margin-block-start: calc( -1 * var(--fluffle-para__spacing-v) ) !important;
}
.margin-bottom-para-negative,
.margin-vertical-para-negative {
  margin-block-end: calc( -1 * var(--fluffle-para__spacing-v) ) !important;
}
.padding-top-para,
.padding-vertical-para {
  padding-block-start: var(--fluffle-para__spacing-v) !important;
}
.padding-bottom-para,
.padding-vertical-para {
  padding-block-end: var(--fluffle-para__spacing-v) !important;
}
.sr-only,
.sr-only-focusable {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -1px !important;
  border: none !important;
  padding: 0 !important;
  block-size: 1px !important;
  inline-size: 1px !important;
}
.sr-only:first-child + *,
.sr-only-focusable:first-child + * {
  margin-block-start: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  block-size: auto !important;
  inline-size: auto !important;
}
/**
 * Styles for "line" elements (should be packed more tightly than paragraph text)
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-line__spacing-v: calc(var(--fluffle__spacing-v) * 0.5);
  --fluffle-line__spacing-h: var(--fluffle__spacing-h);
  --fluffle-quarter__spacing-v: calc(var(--fluffle-line__spacing-v) * 0.5);
  --fluffle-quarter__spacing-h: var(--fluffle-line__spacing-h);
}
:is( #foo, * ).as-line,
:is( #foo, * ).children-as-line {
  margin-block: var(--fluffle-line__spacing-v);
  margin-inline: var(--fluffle-line__spacing-h);
}
.margin-top-line,
.margin-vertical-line {
  margin-block-start: var(--fluffle-line__spacing-v) !important;
}
.margin-bottom-line,
.margin-vertical-line {
  margin-block-end: var(--fluffle-line__spacing-v) !important;
}
.margin-top-line-negative,
.margin-vertical-line-negative {
  margin-block-start: calc( -1 * var(--fluffle-line__spacing-v) ) !important;
}
.margin-bottom-line-negative,
.margin-vertical-line-negative {
  margin-block-end: calc( -1 * var(--fluffle-line__spacing-v) ) !important;
}
.padding-top-line,
.padding-vertical-line {
  padding-block-start: var(--fluffle-line__spacing-v) !important;
}
.padding-bottom-line,
.padding-vertical-line {
  padding-block-end: var(--fluffle-line__spacing-v) !important;
}
.margin-top-quarter,
.margin-vertical-quarter {
  margin-block-start: var(--fluffle-quarter__spacing-v) !important;
}
.margin-bottom-quarter,
.margin-vertical-quarter {
  margin-block-end: var(--fluffle-quarter__spacing-v) !important;
}
.margin-top-quarter-negative,
.margin-vertical-quarter-negative {
  margin-block-start: calc( -1 * var(--fluffle-quarter__spacing-v) ) !important;
}
.margin-bottom-quarter-negative,
.margin-vertical-quarter-negative {
  margin-block-end: calc( -1 * var(--fluffle-quarter__spacing-v) ) !important;
}
.padding-top-quarter,
.padding-vertical-quarter {
  padding-block-start: var(--fluffle-quarter__spacing-v) !important;
}
.padding-bottom-quarter,
.padding-vertical-quarter {
  padding-block-end: var(--fluffle-quarter__spacing-v) !important;
}
/**
 * Styles for "block" elements (more important than text, but less than headers)
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-block__spacing-v: calc(var(--fluffle__spacing-v) * 1.5);
  --fluffle-block__spacing-h: var(--fluffle__spacing-h);
}
:is(audio, blockquote, details, figure, form, iframe, nav, pre, table, video),
:is(.audio, .blockquote, .details, .figure, .form, .iframe, .nav, .pre, .table, .video) {
  margin-block: var(--fluffle-block__spacing-v);
  margin-inline: var(--fluffle-block__spacing-h);
}
:is( #foo, * ).as-block,
:is( #foo, * ).children-as-block {
  margin-block: var(--fluffle-block__spacing-v);
  margin-inline: var(--fluffle-block__spacing-h);
}
.margin-top-block,
.margin-vertical-block {
  margin-block-start: var(--fluffle-block__spacing-v) !important;
}
.margin-bottom-block,
.margin-vertical-block {
  margin-block-end: var(--fluffle-block__spacing-v) !important;
}
.margin-top-block-negative,
.margin-vertical-block-negative {
  margin-block-start: calc( -1 * var(--fluffle-block__spacing-v) ) !important;
}
.margin-bottom-block-negative,
.margin-vertical-block-negative {
  margin-block-end: calc( -1 * var(--fluffle-block__spacing-v) ) !important;
}
.padding-top-block,
.padding-vertical-block {
  padding-block-start: var(--fluffle-block__spacing-v) !important;
}
.padding-bottom-block,
.padding-vertical-block {
  padding-block-end: var(--fluffle-block__spacing-v) !important;
}
:is(audio, img, video),
:is(.audio, .img, .video) {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
}
iframe,
.iframe {
  display: block;
  border: none;
  max-inline-size: 100%;
}
iframe.wide-frame,
.iframe.wide-frame {
  inline-size: 100%;
}
.responsive-inline {
  display: inline-block !important;
  max-inline-size: 100% !important;
  block-size: auto !important;
}
.responsive-block {
  display: block !important;
  max-inline-size: 100% !important;
  block-size: auto !important;
}
.circle,
.ellipse {
  border-radius: 50% !important;
}
.aspect-container {
  margin-block: var(--fluffle-block__spacing-v);
  margin-inline: var(--fluffle-block__spacing-h);
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
}
.aspect-container > * {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  block-size: 100% !important;
  inline-size: 100% !important;
}
.aspect-container:before {
  content: '' !important;
  display: block !important;
  position: relative !important;
  z-index: -1 !important;
  margin: 0 !important;
  padding: 0 !important;
  inline-size: 100% !important;
  aspect-ratio: 16 / 9 !important;
}
.aspect-container.aspect-1x1:before {
  aspect-ratio: 1 / 1 !important;
}
.aspect-container.aspect-3x2:before {
  aspect-ratio: 3 / 2 !important;
}
.aspect-container.aspect-4x3:before {
  aspect-ratio: 4 / 3 !important;
}
.aspect-container.aspect-5x3:before {
  aspect-ratio: 5 / 3 !important;
}
.aspect-container.aspect-5x4:before {
  aspect-ratio: 5 / 4 !important;
}
.aspect-container.aspect-7x4:before {
  aspect-ratio: 7 / 4 !important;
}
.aspect-container.aspect-8x3:before {
  aspect-ratio: 8 / 3 !important;
}
.aspect-container.aspect-11x5:before {
  aspect-ratio: 11 / 5 !important;
}
.aspect-container.aspect-11x8:before {
  aspect-ratio: 11 / 8 !important;
}
.aspect-container.aspect-14x9:before {
  aspect-ratio: 14 / 9 !important;
}
.aspect-container.aspect-15x9:before {
  aspect-ratio: 15 / 9 !important;
}
.aspect-container.aspect-15x10:before {
  aspect-ratio: 15 / 10 !important;
}
.aspect-container.aspect-16x9:before {
  aspect-ratio: 16 / 9 !important;
}
.aspect-container.aspect-16x10:before {
  aspect-ratio: 16 / 10 !important;
}
.aspect-container.aspect-21x9:before {
  aspect-ratio: 21 / 9 !important;
}
.aspect-container.aspect-22x10:before {
  aspect-ratio: 22 / 10 !important;
}
.aspect-container.aspect-24x9:before {
  aspect-ratio: 24 / 9 !important;
}
.aspect-container.aspect-64x27:before {
  aspect-ratio: 64 / 27 !important;
}
.background-image {
  position: absolute;
  inset: 0 !important;
  margin: 0 !important;
  min-block-size: 100% !important;
  min-inline-size: 100% !important;
  max-block-size: 100% !important;
  max-inline-size: 100% !important;
  block-size: 100% !important;
  inline-size: 100% !important;
  object-fit: cover;
  z-index: 0;
}
.background-image.background-image-top {
  object-position: top center;
}
.background-image.background-image-half-left,
.background-image.background-image-half-right {
  min-inline-size: 50% !important;
  max-inline-size: 50% !important;
  inline-size: 50% !important;
}
.background-image.background-image-half-top,
.background-image.background-image-half-bottom {
  min-block-size: 50% !important;
  max-block-size: 50% !important;
  block-size: 50% !important;
}
.background-image.background-image-half-right {
  inset-inline-start: 50% !important;
}
.background-image.background-image-half-bottom {
  inset-block-start: 50% !important;
}
.image-guard {
  position: relative;
}
.image-guard > * {
  z-index: 0;
  pointer-events: none !important;
}
.image-guard:after {
  content: '';
  position: absolute;
  inset: 0;
  margin: 0 !important;
  block-size: 100%;
  inline-size: 100%;
}
.image-guard.background-image > * {
  position: absolute;
  inset: 0 !important;
  margin: 0 !important;
  min-block-size: 100% !important;
  min-inline-size: 100% !important;
  max-block-size: 100% !important;
  max-inline-size: 100% !important;
  block-size: 100% !important;
  inline-size: 100% !important;
  object-fit: cover;
}
.image-guard.background-image > *.background-image-top {
  object-position: top center;
}
.image-guard.background-image > *.background-image-half-left,
.image-guard.background-image > *.background-image-half-right {
  min-inline-size: 50% !important;
  max-inline-size: 50% !important;
  inline-size: 50% !important;
}
.image-guard.background-image > *.background-image-half-top,
.image-guard.background-image > *.background-image-half-bottom {
  min-block-size: 50% !important;
  max-block-size: 50% !important;
  block-size: 50% !important;
}
.image-guard.background-image > *.background-image-half-right {
  inset-inline-start: 50% !important;
}
.image-guard.background-image > *.background-image-half-bottom {
  inset-block-start: 50% !important;
}
/**
 * Header styles for Fluffle CSS
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-header__spacing-v: calc(var(--fluffle__spacing-v) * 2);
  --fluffle-header__spacing-h: var(--fluffle__spacing-h);
  --fluffle-header__font-family: var(--fluffle__font-family);
  --fluffle-header__font-size__h0: clamp( 36px, ( 36px + ( 60px - 36px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 60px );
  --fluffle-header__font-size__h1: clamp( 30px, ( 30px + ( 48px - 30px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 48px );
  --fluffle-header__font-size__h2: clamp( 25px, ( 25px + ( 36px - 25px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 36px );
  --fluffle-header__font-size__h3: clamp( 21px, ( 21px + ( 24px - 21px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 24px );
  --fluffle-header__font-size__h4: clamp( 19px, ( 19px + ( 22px - 19px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 22px );
  --fluffle-header__font-size__h5: clamp( 18px, ( 18px + ( 20px - 18px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 20px );
  --fluffle-header__font-size__h6: clamp( 17px, ( 17px + ( 18px - 17px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 18px );
  --fluffle-header__line-height: 1.2;
  --fluffle-header__font-weight: 500;
}
:is(fieldset, footer, h1, h2, h3, h4, h5, h6, header, hgroup, legend),
:is(.fieldset, .footer, .h1, .h2, .h3, .h4, .h5, .h6, .header, .hgroup, .legend) {
  margin-block: var(--fluffle-header__spacing-v) var(--fluffle-para__spacing-v);
  margin-inline: var(--fluffle-header__spacing-h);
}
.h0,
.pseudo-heading {
  margin-block: var(--fluffle-header__spacing-v) var(--fluffle-para__spacing-v);
  margin-inline: var(--fluffle-header__spacing-h);
}
:is( #foo, * ).as-header,
:is( #foo, * ).children-as-header {
  margin-block: var(--fluffle-header__spacing-v) var(--fluffle-para__spacing-v);
  margin-inline: var(--fluffle-header__spacing-h);
}
.margin-top-header,
.margin-vertical-header {
  margin-block-start: var(--fluffle-header__spacing-v) !important;
}
.margin-bottom-header,
.margin-vertical-header {
  margin-block-end: var(--fluffle-header__spacing-v) !important;
}
.margin-top-header-negative,
.margin-vertical-header-negative {
  margin-block-start: calc( -1 * var(--fluffle-header__spacing-v) ) !important;
}
.margin-bottom-header-negative,
.margin-vertical-header-negative {
  margin-block-end: calc( -1 * var(--fluffle-header__spacing-v) ) !important;
}
.padding-top-header,
.padding-vertical-header {
  padding-block-start: var(--fluffle-header__spacing-v) !important;
}
.padding-bottom-header,
.padding-vertical-header {
  padding-block-end: var(--fluffle-header__spacing-v) !important;
}
:is(h1, h2, h3, h4, h5, h6, legend),
:is(.h1, .h2, .h3, .h4, .h5, .h6, .legend) {
  font-family: var(--fluffle-header__font-family);
  line-height: var(--fluffle-header__line-height);
  font-weight: var(--fluffle-header__font-weight);
}
.h0 {
  font-family: var(--fluffle-header__font-family);
  line-height: var(--fluffle-header__line-height);
  font-weight: var(--fluffle-header__font-weight);
  font-size: var(--fluffle-header__font-size__h0);
}
h1,
.h1 {
  font-size: var(--fluffle-header__font-size__h1);
}
h2,
.h2 {
  font-size: var(--fluffle-header__font-size__h2);
}
h3,
.h3 {
  font-size: var(--fluffle-header__font-size__h3);
}
h4,
.h4 {
  font-size: var(--fluffle-header__font-size__h4);
}
h5,
.h5 {
  font-size: var(--fluffle-header__font-size__h5);
}
h6,
.h6 {
  font-size: var(--fluffle-header__font-size__h6);
}
legend,
.legend {
  font-size: var(--fluffle-header__font-size__h3);
}
.pseudo-heading {
  font-weight: bold;
}
.pseudo-heading + * {
  margin-block-start: calc(var(--fluffle-para__spacing-v) - var(--fluffle-header__spacing-v));
}
/**
 * Sectioning styles for Fluffle CSS
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-section__spacing-v: calc(var(--fluffle__spacing-v) * 3);
  --fluffle-section__spacing-h: var(--fluffle__spacing-h);
}
:is(article, section),
:is(.article, .section) {
  margin-block: var(--fluffle-block__spacing-v);
  margin-inline: var(--fluffle-block__spacing-h);
}
:is( #foo, * ).as-section,
:is( #foo, * ).children-as-section {
  margin-block: var(--fluffle-block__spacing-v);
  margin-inline: var(--fluffle-block__spacing-h);
}
.margin-top-section,
.margin-vertical-section {
  margin-block-start: var(--fluffle-section__spacing-v) !important;
}
.margin-bottom-section,
.margin-vertical-section {
  margin-block-end: var(--fluffle-section__spacing-v) !important;
}
.margin-top-section-negative,
.margin-vertical-section-negative {
  margin-block-start: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
}
.margin-bottom-section-negative,
.margin-vertical-section-negative {
  margin-block-end: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
}
.padding-top-section,
.padding-vertical-section {
  padding-block-start: var(--fluffle-section__spacing-v) !important;
}
.padding-bottom-section,
.padding-vertical-section {
  padding-block-end: var(--fluffle-section__spacing-v) !important;
}
/**
 * Abbreviation styles
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-abbr__color-bg: transparent;
  --fluffle-abbr__color-fg: inherit;
  --fluffle-abbr__decoration-color: var(--fluffle-link__color-fg);
  --fluffle-abbr__decoration-style: dotted;
  --fluffle-abbr__decoration-width: 1px;
}
abbr,
.abbr {
  background-color: var(--fluffle-abbr__color-bg);
  color: var(--fluffle-abbr__color-fg);
  text-decoration: none !important;
}
abbr[title],
.abbr[title] {
  border-block-end: var(--fluffle-abbr__decoration-width) var(--fluffle-abbr__decoration-style) var(--fluffle-abbr__decoration-color);
}
/**
 * "input" styles for Fluffle CSS
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-input__outline-color__focus: var(--fluffle__outline-color);
  --fluffle-input__outline-offset: var(--fluffle__outline-offset);
  --fluffle-input__outline-style: var(--fluffle__outline-style);
  --fluffle-input__outline-width: var(--fluffle__outline-width);
  --fluffle-input__spacing-v: var(--fluffle-block__spacing-v);
  --fluffle-input__spacing-h: var(--fluffle-block__spacing-h);
  --fluffle-input__border-color: var(--fluffle__border-color);
  --fluffle-input__border-color__disabled: var(--fluffle__border-color__disabled);
  --fluffle-input__border-color__indeterminate: var(--fluffle__border-color__indeterminate);
  --fluffle-input__border-color__invalid: var(--fluffle__border-color__invalid);
  --fluffle-input__border-style: var(--fluffle__border-style);
  --fluffle-input__border-width: var(--fluffle__border-width);
  --fluffle-input__padding-v: 0.5em;
  --fluffle-input__padding-h: 1em;
  --fluffle-input__color-bg: var(--fluffle__color-bg);
  --fluffle-input__color-bg__disabled: var(--fluffle__color-bg__disabled);
  --fluffle-input__color-bg__indeterminate: var(--fluffle__color-bg__indeterminate);
  --fluffle-input__color-bg__invalid: var(--fluffle__color-bg__invalid);
  --fluffle-input__color-fg: var(--fluffle__color-fg);
  --fluffle-input__color-fg__disabled: var(--fluffle__color-fg__disabled);
  --fluffle-input__color-fg__indeterminate: var(--fluffle__color-fg__indeterminate);
  --fluffle-input__color-fg__invalid: var(--fluffle__color-fg__invalid);
  --fluffle-input__font-family: var(--fluffle__font-family);
  --fluffle-input__font-size: 1rem;
  --fluffle-input__line-height: var(--fluffle__line-height);
  --fluffle-input__transition-duration: var(--fluffle__transition-duration);
  --fluffle-input__transition-properties: background-color, border-color, color, outline-color;
}
input,
select,
textarea,
.input-block,
.input-inline {
  outline: var(--fluffle-input__outline-width) var(--fluffle-input__outline-style) transparent;
  outline-offset: var(--fluffle-input__outline-offset);
  border: var(--fluffle-input__border-width) var(--fluffle-input__border-style) var(--fluffle-input__border-color);
  border-radius: calc( min( var( --fluffle-input__padding-v ), var( --fluffle-input__padding-h ) ) * 0.5 );
  background-color: var(--fluffle-input__color-bg);
  color: var(--fluffle-input__color-fg);
  font-family: var(--fluffle-input__font-family);
  font-size: var(--fluffle-input__font-size);
  line-height: var(--fluffle-input__line-height);
  transition-duration: var(--fluffle-input__transition-duration);
  transition-property: var(--fluffle-input__transition-properties);
}
input:focus,
select:focus,
textarea:focus,
.input-block:focus,
.input-inline:focus {
  outline-color: var(--fluffle-input__outline-color__focus);
}
@supports selector( :focus-visible ) {
  input:focus,
  select:focus,
  textarea:focus,
  .input-block:focus,
  .input-inline:focus {
    outline-color: transparent;
  }
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible,
  .input-block:focus-visible,
  .input-inline:focus-visible {
    outline-color: var(--fluffle-input__outline-color__focus);
  }
}
input:indeterminate,
select:indeterminate,
textarea:indeterminate,
.input-block:indeterminate,
.input-inline:indeterminate {
  border-color: var(--fluffle-input__border-color__indeterminate);
  background-color: var(--fluffle-input__color-bg__indeterminate);
  color: var(--fluffle-input__color-fg__indeterminate);
}
input:invalid,
select:invalid,
textarea:invalid,
.input-block:invalid,
.input-inline:invalid {
  border-color: var(--fluffle-input__border-color__invalid);
  background-color: var(--fluffle-input__color-bg__invalid);
  color: var(--fluffle-input__color-fg__invalid);
}
input:disabled,
select:disabled,
textarea:disabled,
.input-block:disabled,
.input-inline:disabled,
input[readonly],
select[readonly],
textarea[readonly],
.input-block[readonly],
.input-inline[readonly] {
  outline: none !important;
  border-color: var(--fluffle-input__border-color__disabled) !important;
  background-color: var(--fluffle-input__color-bg__disabled) !important;
}
input[readonly],
select[readonly],
textarea[readonly],
.input-block[readonly],
.input-inline[readonly] {
  color: var(--fluffle-input__color) !important;
}
input:disabled,
select:disabled,
textarea:disabled,
.input-block:disabled,
.input-inline:disabled {
  cursor: default !important;
  color: var(--fluffle-input__color-fg__disabled) !important;
}
input::placeholder,
select::placeholder,
textarea::placeholder,
.input-block::placeholder,
.input-inline::placeholder {
  color: var(--fluffle-input__color-fg__disabled);
  font-style: italic;
}
.input-block {
  display: block;
  margin-block: var(--fluffle-input__spacing-v);
  margin-inline: var(--fluffle-input__spacing-h);
  padding: var(--fluffle-input__padding-v) var(--fluffle-input__padding-h);
  max-inline-size: 100%;
  inline-size: 100%;
}
input,
select,
text-area {
  display: inline-block;
  inline-size: auto;
}
label,
.label-block,
.label-inline {
  cursor: pointer;
  user-select: text;
}
label:where( :not( [for] )),
.label-block {
  display: block;
}
label:where( [for] ),
.label-inline {
  display: inline;
}
/**
 * "button" styles for Fluffle CSS
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-button__outline-color__focus: var(--fluffle__outline-color);
  --fluffle-button__outline-offset: var(--fluffle__outline-offset);
  --fluffle-button__outline-style: var(--fluffle__outline-style);
  --fluffle-button__outline-width: var(--fluffle__outline-width);
  --fluffle-button__spacing-v: var(--fluffle-block__spacing-v);
  --fluffle-button__spacing-h: var(--fluffle-block__spacing-h);
  --fluffle-button__border-color: var(--fluffle__border-color);
  --fluffle-button__border-color__hover: var(--fluffle__border-color__hover);
  --fluffle-button__border-color__active: var(--fluffle__border-color__active);
  --fluffle-button__border-color__disabled: var(--fluffle__border-color__disabled);
  --fluffle-button__border-style: var(--fluffle__border-style);
  --fluffle-button__border-width: var(--fluffle__border-width);
  --fluffle-button__padding-v: 0.75em;
  --fluffle-button__padding-h: 1.5em;
  --fluffle-button__color-bg: var(--fluffle__color-fg);
  --fluffle-button__color-bg__hover: var(--fluffle__color-fg__hover);
  --fluffle-button__color-bg__active: var(--fluffle__color-fg__active);
  --fluffle-button__color-bg__disabled: var(--fluffle__color-fg__disabled);
  --fluffle-button__color-fg: var(--fluffle__color-bg);
  --fluffle-button__color-fg__hover: var(--fluffle__color-bg__hover);
  --fluffle-button__color-fg__active: var(--fluffle__color-bg__active);
  --fluffle-button__color-fg__disabled: var(--fluffle__color-bg__disabled);
  --fluffle-button__font-family: var(--fluffle__font-family);
  --fluffle-button__font-size: 1rem;
  --fluffle-button__line-height: var(--fluffle__line-height);
  --fluffle-button__text-align: center;
  --fluffle-button__transition-duration: var(--fluffle__transition-duration);
  --fluffle-button__transition-properties: background-color, border-color, color, outline-color;
}
button,
input:where( [type="submit"], [type="reset"] ),
.button {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: var(--fluffle-button__color-bg);
  color: var(--fluffle-button__color-fg);
  display: inline-block;
  inline-size: auto;
}
button:focus,
input:where( [type="submit"], [type="reset"] ):focus,
.button:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  button:focus,
  input:where( [type="submit"], [type="reset"] ):focus,
  .button:focus {
    outline-color: transparent;
  }
  button:focus-visible,
  input:where( [type="submit"], [type="reset"] ):focus-visible,
  .button:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
button:disabled,
input:where( [type="submit"], [type="reset"] ):disabled,
.button:disabled {
  cursor: default !important;
  outline: none !important;
}
button:hover,
input:where( [type="submit"], [type="reset"] ):hover,
.button:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: var(--fluffle-button__color-bg__hover);
  color: var(--fluffle-button__color-fg__hover);
}
button:active,
input:where( [type="submit"], [type="reset"] ):active,
.button:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: var(--fluffle-button__color-bg__active);
  color: var(--fluffle-button__color-fg__active);
}
button:disabled,
input:where( [type="submit"], [type="reset"] ):disabled,
.button:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-bg__disabled) !important;
  color: var(--fluffle-button__color-fg__disabled) !important;
}
.button-block {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: var(--fluffle-button__color-bg);
  color: var(--fluffle-button__color-fg);
  display: block;
  margin-block: var(--fluffle-button__spacing-v);
  margin-inline: var(--fluffle-button__spacing-h);
  inline-size: 100%;
}
.button-block:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .button-block:focus {
    outline-color: transparent;
  }
  .button-block:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
.button-block:disabled {
  cursor: default !important;
  outline: none !important;
}
.button-block:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: var(--fluffle-button__color-bg__hover);
  color: var(--fluffle-button__color-fg__hover);
}
.button-block:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: var(--fluffle-button__color-bg__active);
  color: var(--fluffle-button__color-fg__active);
}
.button-block:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-bg__disabled) !important;
  color: var(--fluffle-button__color-fg__disabled) !important;
}
/**
 * Code block styles
 *
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-code__spacing-v: var(--fluffle-block__spacing-v);
  --fluffle-code__spacing-h: var(--fluffle-block__spacing-h);
  --fluffle-code__border-color: transparent;
  --fluffle-code__border-style: solid;
  --fluffle-code__border-width: 0;
  --fluffle-code__padding-v__block: 0.5rem;
  --fluffle-code__padding-h__block: calc(var(--fluffle__spacing-h__gutter) * 0.5);
  --fluffle-code__padding-v__inline: 0.125em;
  --fluffle-code__padding-h__inline: 0.25em;
  --fluffle-code__color-bg: var(--fluffle__color-bg);
  --fluffle-code__color-fg: var(--fluffle__color-fg);
  --fluffle-code__font-family: monospace;
  --fluffle-code__font-size: inherit;
  --fluffle-code__line-height: inherit;
  --fluffle-code__font-style: normal;
  --fluffle-code__font-weight: normal;
}
.as-code,
.children-as-code > * {
  margin-block: var(--fluffle-code__spacing-v);
  margin-inline: var(--fluffle-code__spacing-h);
}
:is(code, pre),
:is(.code, .pre) {
  background-color: var(--fluffle-code__color-bg);
  color: var(--fluffle-code__color-fg);
  font-family: var(--fluffle-code__font-family);
  font-size: var(--fluffle-code__font-size);
  line-height: var(--fluffle-code__line-height);
  font-style: var(--fluffle-code__font-style);
  font-weight: var(--fluffle-code__font-weight);
}
code,
.code {
  display: inline;
  border-radius: calc( min( var( --fluffle-code__padding-v__inline ), var( --fluffle-code__padding-h__inline ) ) * 0.5 );
  padding: var(--fluffle-code__padding-v__inline) var(--fluffle-code__padding-h__inline);
  vertical-align: baseline;
}
pre,
.pre {
  margin-block: var(--fluffle-code__spacing-v);
  margin-inline: var(--fluffle-code__spacing-h);
  display: block;
  border-radius: calc( min( var( --fluffle-code__padding-v__block ), var( --fluffle-code__padding-h__block ) ) * 0.5 );
  padding: var(--fluffle-code__padding-v__block) var(--fluffle-code__padding-h__block);
  display: inline;
  border-radius: var(--fluffle-code__border-radius-inline);
  padding: var(--fluffle-code__padding-inline);
}
/**
 * Container rules
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-container__spacing-v: var(--fluffle-header__spacing-v);
  --fluffle-container__spacing-h: auto;
  --fluffle-container__padding-v: 0;
  --fluffle-container__padding-h: calc(var(--fluffle__spacing-h__gutter) / 2);
  --fluffle-container__inline-size: 100%;
}
.container,
.container-fluid,
.container-xs,
.container-sm,
.container-md,
.container-lg {
  margin-block: var(--fluffle-container__spacing-v);
  margin-inline: auto;
  padding-block: var(--fluffle-container__padding-v);
  padding-inline: var(--fluffle-container__padding-h);
  max-inline-size: 100%;
}
.container-xs,
.container-sm,
.container-md,
.container-lg {
  inline-size: var(--fluffle-container__width-xs);
}
.container {
  inline-size: var(--fluffle-container__inline-size);
}
.container-fluid {
  inline-size: 100%;
}
@media (min-width: 768px) {
  :root {
    --fluffle-container__inline-size: var(--fluffle-container__width-sm);
  }
  .container-sm,
  .container-md,
  .container-lg {
    inline-size: var(--fluffle-container__width-sm);
  }
}
@media (min-width: 992px) {
  :root {
    --fluffle-container__inline-size: var(--fluffle-container__width-md);
  }
  .container-md,
  .container-lg {
    inline-size: var(--fluffle-container__width-md);
  }
}
@media (min-width: 1200px) {
  :root {
    --fluffle-container__inline-size: var(--fluffle-container__width-lg);
  }
  .container-lg {
    inline-size: var(--fluffle-container__width-lg);
  }
}
:root {
  --fluffle-boxed__spacing-v: var(--fluffle-header__spacing-v);
  --fluffle-boxed__spacing-h: auto;
  --fluffle-boxed__border-color: var(--fluffle-input__border-color);
  --fluffle-boxed__border-style: var(--fluffle-input__border-style);
  --fluffle-boxed__border-width: var(--fluffle-input__border-width);
  --fluffle-boxed__padding-v: var(--fluffle-block__spacing-v);
  --fluffle-boxed__padding-h: var(--fluffle-container__padding-h);
  --fluffle-boxed__color-bg: var(--fluffle__color-bg);
  --fluffle-boxed__color-fg: var(--fluffle__color-fg);
}
.boxed {
  margin-block: var(--fluffle-boxed__spacing-v);
  margin-inline: var(--fluffle-boxed__spacing-h);
  border: var(--fluffle-boxed__border-width) var(--fluffle-boxed__border-style) var(--fluffle-boxed__border-color);
  border-radius: calc( min( var( --fluffle-boxed__padding-v ), var( --fluffle-boxed__padding-h ) ) / 2 );
  padding: var(--fluffle-boxed__padding-v) var(--fluffle-boxed__padding-h);
  background-color: var(--fluffle-boxed__color-bg);
  color: var(--fluffle-boxed__color-fg);
}
/**
 * Disclaimers
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-disclaimer__spacing-v: var(--fluffle-header__spacing-v);
  --fluffle-disclaimer__spacing-h: var(--fluffle-header__spacing-h);
  --fluffle-disclaimer__color-bg: inherit;
  --fluffle-disclaimer__color-fg: inherit;
  --fluffle-disclaimer__font-family: inherit;
  --fluffle-disclaimer__font-size: 0.8rem;
  --fluffle-disclaimer__line-height: inherit;
}
.disclaimer-text,
.disclaimer,
.disclaimers {
  background-color: var(--fluffle-disclaimer__color-bg);
  color: var(--fluffle-disclaimer__color-fg);
  font-family: var(--fluffle-disclaimer__font-family);
  font-size: var(--fluffle-disclaimer__font-size);
  line-height: var(--fluffle-disclaimer__line-height);
}
.disclaimer,
.disclaimers {
  margin-block: var(--fluffle-disclaimer__spacing-v);
  margin-inline: var(--fluffle-disclaimer__spacing-h);
}
/**
 * Display styles
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
template,
.template,
[type="hidden"],
:root.js .hide-if-js,
:root:not( .js ) .hide-if-nojs {
  display: none !important;
}
.display-block,
.block {
  display: block !important;
}
.display-flex,
.flex {
  display: flex !important;
}
.display-inline,
.inline {
  display: inline !important;
}
.display-inline-block,
.inline-block {
  display: inline-block !important;
}
.display-inline-flex,
.inline-flex {
  display: inline-flex !important;
}
.display-table,
.table {
  display: table !important;
}
.display-none,
.hidden {
  display: none !important;
}
@media (min-width: 0) {
  .display-xs-block,
  .block-xs {
    display: block !important;
  }
  .display-xs-flex,
  .flex-xs {
    display: flex !important;
  }
  .display-xs-inline,
  .inline-xs {
    display: inline !important;
  }
  .display-xs-inline-block,
  .inline-block-xs {
    display: inline-block !important;
  }
  .display-xs-inline-flex,
  .inline-flex-xs {
    display: inline-flex !important;
  }
  .display-xs-table,
  .table-xs {
    display: table !important;
  }
  .display-xs-none,
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .display-sm-block,
  .block-sm {
    display: block !important;
  }
  .display-sm-flex,
  .flex-sm {
    display: flex !important;
  }
  .display-sm-inline,
  .inline-sm {
    display: inline !important;
  }
  .display-sm-inline-block,
  .inline-block-sm {
    display: inline-block !important;
  }
  .display-sm-inline-flex,
  .inline-flex-sm {
    display: inline-flex !important;
  }
  .display-sm-table,
  .table-sm {
    display: table !important;
  }
  .display-sm-none,
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .display-md-block,
  .block-md {
    display: block !important;
  }
  .display-md-flex,
  .flex-md {
    display: flex !important;
  }
  .display-md-inline,
  .inline-md {
    display: inline !important;
  }
  .display-md-inline-block,
  .inline-block-md {
    display: inline-block !important;
  }
  .display-md-inline-flex,
  .inline-flex-md {
    display: inline-flex !important;
  }
  .display-md-table,
  .table-md {
    display: table !important;
  }
  .display-md-none,
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .display-lg-block,
  .block-lg {
    display: block !important;
  }
  .display-lg-flex,
  .flex-lg {
    display: flex !important;
  }
  .display-lg-inline,
  .inline-lg {
    display: inline !important;
  }
  .display-lg-inline-block,
  .inline-block-lg {
    display: inline-block !important;
  }
  .display-lg-inline-flex,
  .inline-flex-lg {
    display: inline-flex !important;
  }
  .display-lg-table,
  .table-lg {
    display: table !important;
  }
  .display-lg-none,
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .display-xs-block-only,
  .block-xs-only {
    display: block !important;
  }
  .display-xs-flex-only,
  .flex-xs-only {
    display: flex !important;
  }
  .display-xs-inline-only,
  .inline-xs-only {
    display: inline !important;
  }
  .display-xs-inline-block-only,
  .inline-block-xs-only {
    display: inline-block !important;
  }
  .display-xs-inline-flex-only,
  .inline-flex-xs-only {
    display: inline-flex !important;
  }
  .display-xs-table-only,
  .table-xs-only {
    display: table !important;
  }
  .display-xs-none-only,
  .hidden-xs-only {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .display-sm-block-only,
  .block-sm-only {
    display: block !important;
  }
  .display-sm-flex-only,
  .flex-sm-only {
    display: flex !important;
  }
  .display-sm-inline-only,
  .inline-sm-only {
    display: inline !important;
  }
  .display-sm-inline-block-only,
  .inline-block-sm-only {
    display: inline-block !important;
  }
  .display-sm-inline-flex-only,
  .inline-flex-sm-only {
    display: inline-flex !important;
  }
  .display-sm-table-only,
  .table-sm-only {
    display: table !important;
  }
  .display-sm-none-only,
  .hidden-sm-only {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .display-md-block-only,
  .block-md-only {
    display: block !important;
  }
  .display-md-flex-only,
  .flex-md-only {
    display: flex !important;
  }
  .display-md-inline-only,
  .inline-md-only {
    display: inline !important;
  }
  .display-md-inline-block-only,
  .inline-block-md-only {
    display: inline-block !important;
  }
  .display-md-inline-flex-only,
  .inline-flex-md-only {
    display: inline-flex !important;
  }
  .display-md-table-only,
  .table-md-only {
    display: table !important;
  }
  .display-md-none-only,
  .hidden-md-only {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .display-lg-block-only,
  .block-lg-only {
    display: block !important;
  }
  .display-lg-flex-only,
  .flex-lg-only {
    display: flex !important;
  }
  .display-lg-inline-only,
  .inline-lg-only {
    display: inline !important;
  }
  .display-lg-inline-block-only,
  .inline-block-lg-only {
    display: inline-block !important;
  }
  .display-lg-inline-flex-only,
  .inline-flex-lg-only {
    display: inline-flex !important;
  }
  .display-lg-table-only,
  .table-lg-only {
    display: table !important;
  }
  .display-lg-none-only,
  .hidden-lg-only {
    display: none !important;
  }
}
/**
 * Flexbox rules
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-flexbox__spacing-v: var(--fluffle-block__spacing-v);
  --fluffle-flexbox__spacing-h: var(--fluffle-block__spacing-h);
  --fluffle-flexbox__gap-v: var(--fluffle-block__spacing-v);
  --fluffle-flexbox__gap-h: var(--fluffle__spacing-h__gutter);
  --fluffle-flexbox__segments: 12;
}
.row,
.fractional-row,
.column,
.fractional-column {
  display: flex;
  align-items: stretch;
  gap: var(--fluffle-flexbox__gap-v) var(--fluffle-flexbox__gap-h);
  justify-content: flex-start;
  margin-block: var(--fluffle-flexbox__spacing-v);
  margin-inline: var(--fluffle-flexbox__spacing-h);
}
.row > *,
.fractional-row > *,
.column > *,
.fractional-column > * {
  flex: 0 0 auto;
  margin: 0 !important;
  max-inline-size: 100%;
  inline-size: 100%;
}
.row.children-as-line,
.fractional-row.children-as-line,
.column.children-as-line,
.fractional-column.children-as-line {
  row-gap: var( --fluffle-line__spacing-v );
}
.row.children-as-para,
.fractional-row.children-as-para,
.column.children-as-para,
.fractional-column.children-as-para {
  row-gap: var( --fluffle-para__spacing-v );
}
.row.children-as-block,
.fractional-row.children-as-block,
.column.children-as-block,
.fractional-column.children-as-block {
  row-gap: var( --fluffle-block__spacing-v );
}
.row.children-as-header,
.fractional-row.children-as-header,
.column.children-as-header,
.fractional-column.children-as-header {
  row-gap: var( --fluffle-header__spacing-v );
}
.row.children-as-section,
.fractional-row.children-as-section,
.column.children-as-section,
.fractional-column.children-as-section {
  row-gap: var( --fluffle-section__spacing-v );
}
/**
 * Rows
 */
.row,
.fractional-row {
  flex-flow: row wrap;
}
.row.flex-reverse,
.fractional-row.flex-reverse {
  flex-direction: row-reverse;
}
.fractional-row > .fraction-1-1 {
  flex: none !important;
  max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1) !important;
  inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1) !important;
}
.fractional-row > .fraction-1-2 {
  flex: none !important;
  max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2) !important;
  inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2) !important;
}
.fractional-row > .fraction-2-2 {
  flex: none !important;
  max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2) !important;
  inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2) !important;
}
.fractional-row > .fraction-1-3 {
  flex: none !important;
  max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3) !important;
  inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3) !important;
}
.fractional-row > .fraction-2-3 {
  flex: none !important;
  max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3) !important;
  inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3) !important;
}
.fractional-row > .fraction-3-3 {
  flex: none !important;
  max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3) !important;
  inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3) !important;
}
.fractional-row > .fraction-1-4 {
  flex: none !important;
  max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-row > .fraction-2-4 {
  flex: none !important;
  max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-row > .fraction-3-4 {
  flex: none !important;
  max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-row > .fraction-4-4 {
  flex: none !important;
  max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-row > .fraction-1-5 {
  flex: none !important;
  max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-row > .fraction-2-5 {
  flex: none !important;
  max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-row > .fraction-3-5 {
  flex: none !important;
  max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-row > .fraction-4-5 {
  flex: none !important;
  max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-row > .fraction-5-5 {
  flex: none !important;
  max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-row > .fraction-1-6 {
  flex: none !important;
  max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-row > .fraction-2-6 {
  flex: none !important;
  max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-row > .fraction-3-6 {
  flex: none !important;
  max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-row > .fraction-4-6 {
  flex: none !important;
  max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-row > .fraction-5-6 {
  flex: none !important;
  max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-row > .fraction-6-6 {
  flex: none !important;
  max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-row > .fraction-1-7 {
  flex: none !important;
  max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-row > .fraction-2-7 {
  flex: none !important;
  max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-row > .fraction-3-7 {
  flex: none !important;
  max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-row > .fraction-4-7 {
  flex: none !important;
  max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-row > .fraction-5-7 {
  flex: none !important;
  max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-row > .fraction-6-7 {
  flex: none !important;
  max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-row > .fraction-7-7 {
  flex: none !important;
  max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-row > .fraction-1-8 {
  flex: none !important;
  max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-2-8 {
  flex: none !important;
  max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-3-8 {
  flex: none !important;
  max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-4-8 {
  flex: none !important;
  max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-5-8 {
  flex: none !important;
  max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-6-8 {
  flex: none !important;
  max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-7-8 {
  flex: none !important;
  max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-8-8 {
  flex: none !important;
  max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-row > .fraction-1-9 {
  flex: none !important;
  max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-2-9 {
  flex: none !important;
  max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-3-9 {
  flex: none !important;
  max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-4-9 {
  flex: none !important;
  max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-5-9 {
  flex: none !important;
  max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-6-9 {
  flex: none !important;
  max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-7-9 {
  flex: none !important;
  max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-8-9 {
  flex: none !important;
  max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-9-9 {
  flex: none !important;
  max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-row > .fraction-1-10 {
  flex: none !important;
  max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-2-10 {
  flex: none !important;
  max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-3-10 {
  flex: none !important;
  max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-4-10 {
  flex: none !important;
  max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-5-10 {
  flex: none !important;
  max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-6-10 {
  flex: none !important;
  max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-7-10 {
  flex: none !important;
  max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-8-10 {
  flex: none !important;
  max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-9-10 {
  flex: none !important;
  max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-10-10 {
  flex: none !important;
  max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-row > .fraction-1-11 {
  flex: none !important;
  max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-2-11 {
  flex: none !important;
  max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-3-11 {
  flex: none !important;
  max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-4-11 {
  flex: none !important;
  max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-5-11 {
  flex: none !important;
  max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-6-11 {
  flex: none !important;
  max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-7-11 {
  flex: none !important;
  max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-8-11 {
  flex: none !important;
  max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-9-11 {
  flex: none !important;
  max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-10-11 {
  flex: none !important;
  max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-11-11 {
  flex: none !important;
  max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-row > .fraction-1-12 {
  flex: none !important;
  max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-2-12 {
  flex: none !important;
  max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-3-12 {
  flex: none !important;
  max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-4-12 {
  flex: none !important;
  max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-5-12 {
  flex: none !important;
  max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-6-12 {
  flex: none !important;
  max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-7-12 {
  flex: none !important;
  max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-8-12 {
  flex: none !important;
  max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-9-12 {
  flex: none !important;
  max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-10-12 {
  flex: none !important;
  max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-11-12 {
  flex: none !important;
  max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-row > .fraction-12-12 {
  flex: none !important;
  max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
@media (min-width: 0) {
  .fractional-row > .fraction-xs-1-1 {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-xs-1-2 {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-xs-2-2 {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-xs-1-3 {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-xs-2-3 {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-xs-3-3 {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-xs-1-4 {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-2-4 {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-3-4 {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-4-4 {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-1-5 {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-2-5 {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-3-5 {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-4-5 {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-5-5 {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-1-6 {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-2-6 {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-3-6 {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-4-6 {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-5-6 {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-6-6 {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-1-7 {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-2-7 {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-3-7 {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-4-7 {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-5-7 {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-6-7 {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-7-7 {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-1-8 {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-2-8 {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-3-8 {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-4-8 {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-5-8 {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-6-8 {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-7-8 {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-8-8 {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-1-9 {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-2-9 {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-3-9 {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-4-9 {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-5-9 {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-6-9 {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-7-9 {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-8-9 {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-9-9 {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-1-10 {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-2-10 {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-3-10 {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-4-10 {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-5-10 {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-6-10 {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-7-10 {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-8-10 {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-9-10 {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-10-10 {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-1-11 {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-2-11 {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-3-11 {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-4-11 {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-5-11 {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-6-11 {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-7-11 {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-8-11 {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-9-11 {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-10-11 {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-11-11 {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-1-12 {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-2-12 {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-3-12 {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-4-12 {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-5-12 {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-6-12 {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-7-12 {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-8-12 {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-9-12 {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-10-12 {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-11-12 {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-12-12 {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 768px) {
  .fractional-row > .fraction-sm-1-1 {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-sm-1-2 {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-sm-2-2 {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-sm-1-3 {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-sm-2-3 {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-sm-3-3 {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-sm-1-4 {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-2-4 {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-3-4 {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-4-4 {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-1-5 {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-2-5 {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-3-5 {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-4-5 {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-5-5 {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-1-6 {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-2-6 {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-3-6 {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-4-6 {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-5-6 {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-6-6 {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-1-7 {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-2-7 {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-3-7 {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-4-7 {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-5-7 {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-6-7 {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-7-7 {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-1-8 {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-2-8 {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-3-8 {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-4-8 {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-5-8 {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-6-8 {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-7-8 {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-8-8 {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-1-9 {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-2-9 {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-3-9 {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-4-9 {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-5-9 {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-6-9 {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-7-9 {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-8-9 {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-9-9 {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-1-10 {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-2-10 {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-3-10 {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-4-10 {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-5-10 {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-6-10 {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-7-10 {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-8-10 {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-9-10 {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-10-10 {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-1-11 {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-2-11 {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-3-11 {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-4-11 {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-5-11 {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-6-11 {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-7-11 {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-8-11 {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-9-11 {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-10-11 {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-11-11 {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-1-12 {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-2-12 {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-3-12 {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-4-12 {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-5-12 {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-6-12 {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-7-12 {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-8-12 {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-9-12 {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-10-12 {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-11-12 {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-12-12 {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 992px) {
  .fractional-row > .fraction-md-1-1 {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-md-1-2 {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-md-2-2 {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-md-1-3 {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-md-2-3 {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-md-3-3 {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-md-1-4 {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-2-4 {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-3-4 {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-4-4 {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-1-5 {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-2-5 {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-3-5 {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-4-5 {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-5-5 {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-1-6 {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-2-6 {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-3-6 {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-4-6 {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-5-6 {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-6-6 {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-1-7 {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-2-7 {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-3-7 {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-4-7 {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-5-7 {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-6-7 {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-7-7 {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-1-8 {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-2-8 {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-3-8 {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-4-8 {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-5-8 {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-6-8 {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-7-8 {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-8-8 {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-1-9 {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-2-9 {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-3-9 {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-4-9 {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-5-9 {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-6-9 {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-7-9 {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-8-9 {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-9-9 {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-1-10 {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-2-10 {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-3-10 {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-4-10 {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-5-10 {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-6-10 {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-7-10 {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-8-10 {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-9-10 {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-10-10 {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-1-11 {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-2-11 {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-3-11 {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-4-11 {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-5-11 {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-6-11 {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-7-11 {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-8-11 {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-9-11 {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-10-11 {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-11-11 {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-1-12 {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-2-12 {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-3-12 {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-4-12 {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-5-12 {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-6-12 {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-7-12 {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-8-12 {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-9-12 {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-10-12 {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-11-12 {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-12-12 {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 1200px) {
  .fractional-row > .fraction-lg-1-1 {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-lg-1-2 {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-lg-2-2 {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-lg-1-3 {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-lg-2-3 {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-lg-3-3 {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-lg-1-4 {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-2-4 {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-3-4 {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-4-4 {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-1-5 {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-2-5 {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-3-5 {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-4-5 {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-5-5 {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-1-6 {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-2-6 {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-3-6 {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-4-6 {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-5-6 {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-6-6 {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-1-7 {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-2-7 {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-3-7 {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-4-7 {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-5-7 {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-6-7 {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-7-7 {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-1-8 {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-2-8 {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-3-8 {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-4-8 {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-5-8 {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-6-8 {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-7-8 {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-8-8 {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-1-9 {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-2-9 {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-3-9 {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-4-9 {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-5-9 {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-6-9 {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-7-9 {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-8-9 {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-9-9 {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-1-10 {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-2-10 {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-3-10 {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-4-10 {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-5-10 {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-6-10 {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-7-10 {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-8-10 {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-9-10 {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-10-10 {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-1-11 {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-2-11 {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-3-11 {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-4-11 {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-5-11 {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-6-11 {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-7-11 {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-8-11 {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-9-11 {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-10-11 {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-11-11 {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-1-12 {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-2-12 {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-3-12 {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-4-12 {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-5-12 {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-6-12 {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-7-12 {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-8-12 {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-9-12 {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-10-12 {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-11-12 {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-12-12 {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .fractional-row > .fraction-xs-1-1-only {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-xs-1-2-only {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-xs-2-2-only {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-xs-1-3-only {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-xs-2-3-only {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-xs-3-3-only {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-xs-1-4-only {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-2-4-only {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-3-4-only {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-4-4-only {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-xs-1-5-only {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-2-5-only {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-3-5-only {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-4-5-only {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-5-5-only {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-xs-1-6-only {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-2-6-only {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-3-6-only {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-4-6-only {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-5-6-only {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-6-6-only {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-xs-1-7-only {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-2-7-only {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-3-7-only {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-4-7-only {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-5-7-only {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-6-7-only {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-7-7-only {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-xs-1-8-only {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-2-8-only {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-3-8-only {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-4-8-only {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-5-8-only {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-6-8-only {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-7-8-only {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-8-8-only {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-xs-1-9-only {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-2-9-only {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-3-9-only {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-4-9-only {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-5-9-only {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-6-9-only {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-7-9-only {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-8-9-only {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-9-9-only {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-xs-1-10-only {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-2-10-only {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-3-10-only {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-4-10-only {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-5-10-only {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-6-10-only {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-7-10-only {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-8-10-only {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-9-10-only {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-10-10-only {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-xs-1-11-only {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-2-11-only {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-3-11-only {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-4-11-only {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-5-11-only {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-6-11-only {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-7-11-only {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-8-11-only {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-9-11-only {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-10-11-only {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-11-11-only {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-xs-1-12-only {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-2-12-only {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-3-12-only {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-4-12-only {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-5-12-only {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-6-12-only {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-7-12-only {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-8-12-only {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-9-12-only {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-10-12-only {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-11-12-only {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-xs-12-12-only {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fractional-row > .fraction-sm-1-1-only {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-sm-1-2-only {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-sm-2-2-only {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-sm-1-3-only {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-sm-2-3-only {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-sm-3-3-only {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-sm-1-4-only {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-2-4-only {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-3-4-only {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-4-4-only {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-sm-1-5-only {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-2-5-only {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-3-5-only {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-4-5-only {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-5-5-only {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-sm-1-6-only {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-2-6-only {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-3-6-only {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-4-6-only {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-5-6-only {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-6-6-only {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-sm-1-7-only {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-2-7-only {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-3-7-only {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-4-7-only {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-5-7-only {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-6-7-only {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-7-7-only {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-sm-1-8-only {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-2-8-only {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-3-8-only {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-4-8-only {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-5-8-only {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-6-8-only {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-7-8-only {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-8-8-only {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-sm-1-9-only {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-2-9-only {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-3-9-only {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-4-9-only {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-5-9-only {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-6-9-only {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-7-9-only {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-8-9-only {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-9-9-only {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-sm-1-10-only {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-2-10-only {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-3-10-only {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-4-10-only {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-5-10-only {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-6-10-only {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-7-10-only {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-8-10-only {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-9-10-only {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-10-10-only {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-sm-1-11-only {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-2-11-only {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-3-11-only {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-4-11-only {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-5-11-only {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-6-11-only {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-7-11-only {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-8-11-only {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-9-11-only {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-10-11-only {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-11-11-only {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-sm-1-12-only {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-2-12-only {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-3-12-only {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-4-12-only {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-5-12-only {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-6-12-only {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-7-12-only {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-8-12-only {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-9-12-only {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-10-12-only {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-11-12-only {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-sm-12-12-only {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fractional-row > .fraction-md-1-1-only {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-md-1-2-only {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-md-2-2-only {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-md-1-3-only {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-md-2-3-only {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-md-3-3-only {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-md-1-4-only {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-2-4-only {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-3-4-only {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-4-4-only {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-md-1-5-only {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-2-5-only {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-3-5-only {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-4-5-only {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-5-5-only {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-md-1-6-only {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-2-6-only {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-3-6-only {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-4-6-only {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-5-6-only {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-6-6-only {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-md-1-7-only {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-2-7-only {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-3-7-only {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-4-7-only {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-5-7-only {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-6-7-only {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-7-7-only {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-md-1-8-only {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-2-8-only {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-3-8-only {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-4-8-only {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-5-8-only {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-6-8-only {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-7-8-only {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-8-8-only {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-md-1-9-only {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-2-9-only {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-3-9-only {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-4-9-only {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-5-9-only {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-6-9-only {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-7-9-only {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-8-9-only {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-9-9-only {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-md-1-10-only {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-2-10-only {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-3-10-only {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-4-10-only {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-5-10-only {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-6-10-only {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-7-10-only {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-8-10-only {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-9-10-only {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-10-10-only {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-md-1-11-only {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-2-11-only {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-3-11-only {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-4-11-only {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-5-11-only {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-6-11-only {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-7-11-only {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-8-11-only {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-9-11-only {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-10-11-only {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-11-11-only {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-md-1-12-only {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-2-12-only {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-3-12-only {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-4-12-only {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-5-12-only {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-6-12-only {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-7-12-only {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-8-12-only {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-9-12-only {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-10-12-only {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-11-12-only {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-md-12-12-only {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .fractional-row > .fraction-lg-1-1-only {
    flex: none;
    max-inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    inline-size: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-row > .fraction-lg-1-2-only {
    flex: none;
    max-inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-lg-2-2-only {
    flex: none;
    max-inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    inline-size: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-row > .fraction-lg-1-3-only {
    flex: none;
    max-inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-lg-2-3-only {
    flex: none;
    max-inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-lg-3-3-only {
    flex: none;
    max-inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    inline-size: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-row > .fraction-lg-1-4-only {
    flex: none;
    max-inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-2-4-only {
    flex: none;
    max-inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-3-4-only {
    flex: none;
    max-inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-4-4-only {
    flex: none;
    max-inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    inline-size: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-row > .fraction-lg-1-5-only {
    flex: none;
    max-inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-2-5-only {
    flex: none;
    max-inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-3-5-only {
    flex: none;
    max-inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-4-5-only {
    flex: none;
    max-inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-5-5-only {
    flex: none;
    max-inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    inline-size: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-row > .fraction-lg-1-6-only {
    flex: none;
    max-inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-2-6-only {
    flex: none;
    max-inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-3-6-only {
    flex: none;
    max-inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-4-6-only {
    flex: none;
    max-inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-5-6-only {
    flex: none;
    max-inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-6-6-only {
    flex: none;
    max-inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    inline-size: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-row > .fraction-lg-1-7-only {
    flex: none;
    max-inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-2-7-only {
    flex: none;
    max-inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-3-7-only {
    flex: none;
    max-inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-4-7-only {
    flex: none;
    max-inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-5-7-only {
    flex: none;
    max-inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-6-7-only {
    flex: none;
    max-inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-7-7-only {
    flex: none;
    max-inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    inline-size: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-row > .fraction-lg-1-8-only {
    flex: none;
    max-inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-2-8-only {
    flex: none;
    max-inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-3-8-only {
    flex: none;
    max-inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-4-8-only {
    flex: none;
    max-inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-5-8-only {
    flex: none;
    max-inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-6-8-only {
    flex: none;
    max-inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-7-8-only {
    flex: none;
    max-inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-8-8-only {
    flex: none;
    max-inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    inline-size: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-row > .fraction-lg-1-9-only {
    flex: none;
    max-inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-2-9-only {
    flex: none;
    max-inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-3-9-only {
    flex: none;
    max-inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-4-9-only {
    flex: none;
    max-inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-5-9-only {
    flex: none;
    max-inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-6-9-only {
    flex: none;
    max-inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-7-9-only {
    flex: none;
    max-inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-8-9-only {
    flex: none;
    max-inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-9-9-only {
    flex: none;
    max-inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    inline-size: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-row > .fraction-lg-1-10-only {
    flex: none;
    max-inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-2-10-only {
    flex: none;
    max-inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-3-10-only {
    flex: none;
    max-inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-4-10-only {
    flex: none;
    max-inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-5-10-only {
    flex: none;
    max-inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-6-10-only {
    flex: none;
    max-inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-7-10-only {
    flex: none;
    max-inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-8-10-only {
    flex: none;
    max-inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-9-10-only {
    flex: none;
    max-inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-10-10-only {
    flex: none;
    max-inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    inline-size: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-row > .fraction-lg-1-11-only {
    flex: none;
    max-inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-2-11-only {
    flex: none;
    max-inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-3-11-only {
    flex: none;
    max-inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-4-11-only {
    flex: none;
    max-inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-5-11-only {
    flex: none;
    max-inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-6-11-only {
    flex: none;
    max-inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-7-11-only {
    flex: none;
    max-inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-8-11-only {
    flex: none;
    max-inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-9-11-only {
    flex: none;
    max-inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-10-11-only {
    flex: none;
    max-inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-11-11-only {
    flex: none;
    max-inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    inline-size: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-row > .fraction-lg-1-12-only {
    flex: none;
    max-inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-2-12-only {
    flex: none;
    max-inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-3-12-only {
    flex: none;
    max-inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-4-12-only {
    flex: none;
    max-inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-5-12-only {
    flex: none;
    max-inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-6-12-only {
    flex: none;
    max-inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-7-12-only {
    flex: none;
    max-inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-8-12-only {
    flex: none;
    max-inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-9-12-only {
    flex: none;
    max-inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-10-12-only {
    flex: none;
    max-inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-11-12-only {
    flex: none;
    max-inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-row > .fraction-lg-12-12-only {
    flex: none;
    max-inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    inline-size: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
/**
 * Columns
 */
.column,
.fractional-column {
  flex-flow: column nowrap;
}
.column.flex-reverse,
.fractional-column.flex-reverse {
  flex-direction: column-reverse;
}
.fractional-column {
  row-gap: 0;
  margin-block: calc(var(--fluffle-flexbox__gap-v) / -2) !important;
}
.fractional-column > * {
  padding-block: calc(var(--fluffle-flexbox__gap-v) / 2);
}
.fractional-column.children-as-line {
  row-gap: 0;
  margin-block: calc(var( --fluffle-line__spacing-v ) / -2) !important;
}
.fractional-column.children-as-line > * {
  padding-block: calc(var( --fluffle-line__spacing-v ) / 2);
}
.fractional-column.children-as-para {
  row-gap: 0;
  margin-block: calc(var( --fluffle-para__spacing-v ) / -2) !important;
}
.fractional-column.children-as-para > * {
  padding-block: calc(var( --fluffle-para__spacing-v ) / 2);
}
.fractional-column.children-as-block {
  row-gap: 0;
  margin-block: calc(var( --fluffle-block__spacing-v ) / -2) !important;
}
.fractional-column.children-as-block > * {
  padding-block: calc(var( --fluffle-block__spacing-v ) / 2);
}
.fractional-column.children-as-header {
  row-gap: 0;
  margin-block: calc(var( --fluffle-header__spacing-v ) / -2) !important;
}
.fractional-column.children-as-header > * {
  padding-block: calc(var( --fluffle-header__spacing-v ) / 2);
}
.fractional-column.children-as-section {
  row-gap: 0;
  margin-block: calc(var( --fluffle-section__spacing-v ) / -2) !important;
}
.fractional-column.children-as-section > * {
  padding-block: calc(var( --fluffle-section__spacing-v ) / 2);
}
.fractional-column > .fraction-1-1 {
  flex: none !important;
  max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1) !important;
  height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1) !important;
}
.fractional-column > .fraction-1-2 {
  flex: none !important;
  max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2) !important;
  height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2) !important;
}
.fractional-column > .fraction-2-2 {
  flex: none !important;
  max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2) !important;
  height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2) !important;
}
.fractional-column > .fraction-1-3 {
  flex: none !important;
  max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3) !important;
  height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3) !important;
}
.fractional-column > .fraction-2-3 {
  flex: none !important;
  max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3) !important;
  height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3) !important;
}
.fractional-column > .fraction-3-3 {
  flex: none !important;
  max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3) !important;
  height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3) !important;
}
.fractional-column > .fraction-1-4 {
  flex: none !important;
  max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-column > .fraction-2-4 {
  flex: none !important;
  max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-column > .fraction-3-4 {
  flex: none !important;
  max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-column > .fraction-4-4 {
  flex: none !important;
  max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4) !important;
  height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4) !important;
}
.fractional-column > .fraction-1-5 {
  flex: none !important;
  max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-column > .fraction-2-5 {
  flex: none !important;
  max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-column > .fraction-3-5 {
  flex: none !important;
  max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-column > .fraction-4-5 {
  flex: none !important;
  max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-column > .fraction-5-5 {
  flex: none !important;
  max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5) !important;
  height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5) !important;
}
.fractional-column > .fraction-1-6 {
  flex: none !important;
  max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-column > .fraction-2-6 {
  flex: none !important;
  max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-column > .fraction-3-6 {
  flex: none !important;
  max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-column > .fraction-4-6 {
  flex: none !important;
  max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-column > .fraction-5-6 {
  flex: none !important;
  max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-column > .fraction-6-6 {
  flex: none !important;
  max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6) !important;
  height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6) !important;
}
.fractional-column > .fraction-1-7 {
  flex: none !important;
  max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-column > .fraction-2-7 {
  flex: none !important;
  max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-column > .fraction-3-7 {
  flex: none !important;
  max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-column > .fraction-4-7 {
  flex: none !important;
  max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-column > .fraction-5-7 {
  flex: none !important;
  max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-column > .fraction-6-7 {
  flex: none !important;
  max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-column > .fraction-7-7 {
  flex: none !important;
  max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7) !important;
  height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7) !important;
}
.fractional-column > .fraction-1-8 {
  flex: none !important;
  max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-2-8 {
  flex: none !important;
  max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-3-8 {
  flex: none !important;
  max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-4-8 {
  flex: none !important;
  max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-5-8 {
  flex: none !important;
  max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-6-8 {
  flex: none !important;
  max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-7-8 {
  flex: none !important;
  max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-8-8 {
  flex: none !important;
  max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8) !important;
  height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8) !important;
}
.fractional-column > .fraction-1-9 {
  flex: none !important;
  max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-2-9 {
  flex: none !important;
  max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-3-9 {
  flex: none !important;
  max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-4-9 {
  flex: none !important;
  max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-5-9 {
  flex: none !important;
  max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-6-9 {
  flex: none !important;
  max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-7-9 {
  flex: none !important;
  max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-8-9 {
  flex: none !important;
  max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-9-9 {
  flex: none !important;
  max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9) !important;
  height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9) !important;
}
.fractional-column > .fraction-1-10 {
  flex: none !important;
  max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-2-10 {
  flex: none !important;
  max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-3-10 {
  flex: none !important;
  max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-4-10 {
  flex: none !important;
  max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-5-10 {
  flex: none !important;
  max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-6-10 {
  flex: none !important;
  max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-7-10 {
  flex: none !important;
  max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-8-10 {
  flex: none !important;
  max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-9-10 {
  flex: none !important;
  max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-10-10 {
  flex: none !important;
  max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10) !important;
  height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10) !important;
}
.fractional-column > .fraction-1-11 {
  flex: none !important;
  max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-2-11 {
  flex: none !important;
  max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-3-11 {
  flex: none !important;
  max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-4-11 {
  flex: none !important;
  max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-5-11 {
  flex: none !important;
  max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-6-11 {
  flex: none !important;
  max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-7-11 {
  flex: none !important;
  max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-8-11 {
  flex: none !important;
  max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-9-11 {
  flex: none !important;
  max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-10-11 {
  flex: none !important;
  max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-11-11 {
  flex: none !important;
  max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11) !important;
  height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11) !important;
}
.fractional-column > .fraction-1-12 {
  flex: none !important;
  max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-2-12 {
  flex: none !important;
  max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-3-12 {
  flex: none !important;
  max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-4-12 {
  flex: none !important;
  max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-5-12 {
  flex: none !important;
  max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-6-12 {
  flex: none !important;
  max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-7-12 {
  flex: none !important;
  max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-8-12 {
  flex: none !important;
  max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-9-12 {
  flex: none !important;
  max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-10-12 {
  flex: none !important;
  max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-11-12 {
  flex: none !important;
  max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
.fractional-column > .fraction-12-12 {
  flex: none !important;
  max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12) !important;
  height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12) !important;
}
@media (min-width: 0) {
  .fractional-column > .fraction-xs-1-1 {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-xs-1-2 {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-xs-2-2 {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-xs-1-3 {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-xs-2-3 {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-xs-3-3 {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-xs-1-4 {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-2-4 {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-3-4 {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-4-4 {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-1-5 {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-2-5 {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-3-5 {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-4-5 {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-5-5 {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-1-6 {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-2-6 {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-3-6 {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-4-6 {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-5-6 {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-6-6 {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-1-7 {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-2-7 {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-3-7 {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-4-7 {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-5-7 {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-6-7 {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-7-7 {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-1-8 {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-2-8 {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-3-8 {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-4-8 {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-5-8 {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-6-8 {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-7-8 {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-8-8 {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-1-9 {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-2-9 {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-3-9 {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-4-9 {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-5-9 {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-6-9 {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-7-9 {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-8-9 {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-9-9 {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-1-10 {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-2-10 {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-3-10 {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-4-10 {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-5-10 {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-6-10 {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-7-10 {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-8-10 {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-9-10 {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-10-10 {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-1-11 {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-2-11 {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-3-11 {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-4-11 {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-5-11 {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-6-11 {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-7-11 {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-8-11 {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-9-11 {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-10-11 {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-11-11 {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-1-12 {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-2-12 {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-3-12 {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-4-12 {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-5-12 {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-6-12 {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-7-12 {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-8-12 {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-9-12 {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-10-12 {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-11-12 {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-12-12 {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 768px) {
  .fractional-column > .fraction-sm-1-1 {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-sm-1-2 {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-sm-2-2 {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-sm-1-3 {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-sm-2-3 {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-sm-3-3 {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-sm-1-4 {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-2-4 {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-3-4 {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-4-4 {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-1-5 {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-2-5 {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-3-5 {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-4-5 {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-5-5 {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-1-6 {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-2-6 {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-3-6 {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-4-6 {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-5-6 {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-6-6 {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-1-7 {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-2-7 {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-3-7 {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-4-7 {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-5-7 {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-6-7 {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-7-7 {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-1-8 {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-2-8 {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-3-8 {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-4-8 {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-5-8 {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-6-8 {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-7-8 {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-8-8 {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-1-9 {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-2-9 {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-3-9 {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-4-9 {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-5-9 {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-6-9 {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-7-9 {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-8-9 {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-9-9 {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-1-10 {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-2-10 {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-3-10 {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-4-10 {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-5-10 {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-6-10 {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-7-10 {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-8-10 {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-9-10 {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-10-10 {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-1-11 {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-2-11 {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-3-11 {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-4-11 {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-5-11 {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-6-11 {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-7-11 {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-8-11 {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-9-11 {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-10-11 {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-11-11 {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-1-12 {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-2-12 {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-3-12 {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-4-12 {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-5-12 {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-6-12 {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-7-12 {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-8-12 {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-9-12 {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-10-12 {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-11-12 {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-12-12 {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 992px) {
  .fractional-column > .fraction-md-1-1 {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-md-1-2 {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-md-2-2 {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-md-1-3 {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-md-2-3 {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-md-3-3 {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-md-1-4 {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-2-4 {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-3-4 {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-4-4 {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-1-5 {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-2-5 {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-3-5 {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-4-5 {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-5-5 {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-1-6 {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-2-6 {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-3-6 {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-4-6 {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-5-6 {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-6-6 {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-1-7 {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-2-7 {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-3-7 {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-4-7 {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-5-7 {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-6-7 {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-7-7 {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-1-8 {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-2-8 {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-3-8 {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-4-8 {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-5-8 {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-6-8 {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-7-8 {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-8-8 {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-1-9 {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-2-9 {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-3-9 {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-4-9 {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-5-9 {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-6-9 {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-7-9 {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-8-9 {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-9-9 {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-1-10 {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-2-10 {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-3-10 {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-4-10 {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-5-10 {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-6-10 {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-7-10 {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-8-10 {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-9-10 {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-10-10 {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-1-11 {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-2-11 {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-3-11 {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-4-11 {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-5-11 {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-6-11 {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-7-11 {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-8-11 {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-9-11 {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-10-11 {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-11-11 {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-1-12 {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-2-12 {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-3-12 {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-4-12 {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-5-12 {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-6-12 {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-7-12 {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-8-12 {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-9-12 {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-10-12 {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-11-12 {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-12-12 {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 1200px) {
  .fractional-column > .fraction-lg-1-1 {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-lg-1-2 {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-lg-2-2 {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-lg-1-3 {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-lg-2-3 {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-lg-3-3 {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-lg-1-4 {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-2-4 {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-3-4 {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-4-4 {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-1-5 {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-2-5 {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-3-5 {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-4-5 {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-5-5 {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-1-6 {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-2-6 {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-3-6 {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-4-6 {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-5-6 {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-6-6 {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-1-7 {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-2-7 {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-3-7 {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-4-7 {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-5-7 {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-6-7 {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-7-7 {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-1-8 {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-2-8 {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-3-8 {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-4-8 {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-5-8 {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-6-8 {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-7-8 {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-8-8 {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-1-9 {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-2-9 {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-3-9 {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-4-9 {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-5-9 {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-6-9 {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-7-9 {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-8-9 {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-9-9 {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-1-10 {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-2-10 {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-3-10 {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-4-10 {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-5-10 {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-6-10 {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-7-10 {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-8-10 {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-9-10 {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-10-10 {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-1-11 {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-2-11 {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-3-11 {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-4-11 {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-5-11 {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-6-11 {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-7-11 {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-8-11 {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-9-11 {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-10-11 {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-11-11 {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-1-12 {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-2-12 {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-3-12 {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-4-12 {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-5-12 {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-6-12 {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-7-12 {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-8-12 {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-9-12 {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-10-12 {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-11-12 {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-12-12 {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .fractional-column > .fraction-xs-1-1-only {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-xs-1-2-only {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-xs-2-2-only {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-xs-1-3-only {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-xs-2-3-only {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-xs-3-3-only {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-xs-1-4-only {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-2-4-only {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-3-4-only {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-4-4-only {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-xs-1-5-only {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-2-5-only {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-3-5-only {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-4-5-only {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-5-5-only {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-xs-1-6-only {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-2-6-only {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-3-6-only {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-4-6-only {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-5-6-only {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-6-6-only {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-xs-1-7-only {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-2-7-only {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-3-7-only {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-4-7-only {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-5-7-only {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-6-7-only {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-7-7-only {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-xs-1-8-only {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-2-8-only {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-3-8-only {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-4-8-only {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-5-8-only {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-6-8-only {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-7-8-only {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-8-8-only {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-xs-1-9-only {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-2-9-only {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-3-9-only {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-4-9-only {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-5-9-only {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-6-9-only {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-7-9-only {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-8-9-only {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-9-9-only {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-xs-1-10-only {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-2-10-only {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-3-10-only {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-4-10-only {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-5-10-only {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-6-10-only {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-7-10-only {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-8-10-only {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-9-10-only {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-10-10-only {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-xs-1-11-only {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-2-11-only {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-3-11-only {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-4-11-only {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-5-11-only {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-6-11-only {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-7-11-only {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-8-11-only {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-9-11-only {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-10-11-only {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-11-11-only {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-xs-1-12-only {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-2-12-only {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-3-12-only {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-4-12-only {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-5-12-only {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-6-12-only {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-7-12-only {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-8-12-only {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-9-12-only {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-10-12-only {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-11-12-only {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-xs-12-12-only {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fractional-column > .fraction-sm-1-1-only {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-sm-1-2-only {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-sm-2-2-only {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-sm-1-3-only {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-sm-2-3-only {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-sm-3-3-only {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-sm-1-4-only {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-2-4-only {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-3-4-only {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-4-4-only {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-sm-1-5-only {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-2-5-only {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-3-5-only {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-4-5-only {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-5-5-only {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-sm-1-6-only {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-2-6-only {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-3-6-only {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-4-6-only {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-5-6-only {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-6-6-only {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-sm-1-7-only {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-2-7-only {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-3-7-only {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-4-7-only {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-5-7-only {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-6-7-only {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-7-7-only {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-sm-1-8-only {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-2-8-only {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-3-8-only {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-4-8-only {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-5-8-only {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-6-8-only {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-7-8-only {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-8-8-only {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-sm-1-9-only {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-2-9-only {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-3-9-only {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-4-9-only {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-5-9-only {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-6-9-only {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-7-9-only {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-8-9-only {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-9-9-only {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-sm-1-10-only {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-2-10-only {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-3-10-only {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-4-10-only {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-5-10-only {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-6-10-only {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-7-10-only {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-8-10-only {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-9-10-only {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-10-10-only {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-sm-1-11-only {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-2-11-only {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-3-11-only {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-4-11-only {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-5-11-only {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-6-11-only {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-7-11-only {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-8-11-only {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-9-11-only {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-10-11-only {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-11-11-only {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-sm-1-12-only {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-2-12-only {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-3-12-only {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-4-12-only {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-5-12-only {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-6-12-only {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-7-12-only {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-8-12-only {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-9-12-only {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-10-12-only {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-11-12-only {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-sm-12-12-only {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fractional-column > .fraction-md-1-1-only {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-md-1-2-only {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-md-2-2-only {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-md-1-3-only {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-md-2-3-only {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-md-3-3-only {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-md-1-4-only {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-2-4-only {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-3-4-only {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-4-4-only {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-md-1-5-only {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-2-5-only {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-3-5-only {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-4-5-only {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-5-5-only {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-md-1-6-only {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-2-6-only {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-3-6-only {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-4-6-only {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-5-6-only {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-6-6-only {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-md-1-7-only {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-2-7-only {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-3-7-only {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-4-7-only {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-5-7-only {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-6-7-only {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-7-7-only {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-md-1-8-only {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-2-8-only {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-3-8-only {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-4-8-only {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-5-8-only {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-6-8-only {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-7-8-only {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-8-8-only {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-md-1-9-only {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-2-9-only {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-3-9-only {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-4-9-only {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-5-9-only {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-6-9-only {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-7-9-only {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-8-9-only {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-9-9-only {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-md-1-10-only {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-2-10-only {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-3-10-only {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-4-10-only {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-5-10-only {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-6-10-only {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-7-10-only {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-8-10-only {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-9-10-only {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-10-10-only {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-md-1-11-only {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-2-11-only {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-3-11-only {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-4-11-only {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-5-11-only {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-6-11-only {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-7-11-only {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-8-11-only {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-9-11-only {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-10-11-only {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-11-11-only {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-md-1-12-only {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-2-12-only {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-3-12-only {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-4-12-only {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-5-12-only {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-6-12-only {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-7-12-only {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-8-12-only {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-9-12-only {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-10-12-only {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-11-12-only {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-md-12-12-only {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .fractional-column > .fraction-lg-1-1-only {
    flex: none;
    max-height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
    height: calc((100% - (1 - 1) * var(--fluffle-flexbox__gap-h)) / 1);
  }
  .fractional-column > .fraction-lg-1-2-only {
    flex: none;
    max-height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((100% - (2 - 1) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-lg-2-2-only {
    flex: none;
    max-height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
    height: calc((200% - (2 - 2) * var(--fluffle-flexbox__gap-h)) / 2);
  }
  .fractional-column > .fraction-lg-1-3-only {
    flex: none;
    max-height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((100% - (3 - 1) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-lg-2-3-only {
    flex: none;
    max-height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((200% - (3 - 2) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-lg-3-3-only {
    flex: none;
    max-height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
    height: calc((300% - (3 - 3) * var(--fluffle-flexbox__gap-h)) / 3);
  }
  .fractional-column > .fraction-lg-1-4-only {
    flex: none;
    max-height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((100% - (4 - 1) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-2-4-only {
    flex: none;
    max-height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((200% - (4 - 2) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-3-4-only {
    flex: none;
    max-height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((300% - (4 - 3) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-4-4-only {
    flex: none;
    max-height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
    height: calc((400% - (4 - 4) * var(--fluffle-flexbox__gap-h)) / 4);
  }
  .fractional-column > .fraction-lg-1-5-only {
    flex: none;
    max-height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((100% - (5 - 1) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-2-5-only {
    flex: none;
    max-height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((200% - (5 - 2) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-3-5-only {
    flex: none;
    max-height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((300% - (5 - 3) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-4-5-only {
    flex: none;
    max-height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((400% - (5 - 4) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-5-5-only {
    flex: none;
    max-height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
    height: calc((500% - (5 - 5) * var(--fluffle-flexbox__gap-h)) / 5);
  }
  .fractional-column > .fraction-lg-1-6-only {
    flex: none;
    max-height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((100% - (6 - 1) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-2-6-only {
    flex: none;
    max-height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((200% - (6 - 2) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-3-6-only {
    flex: none;
    max-height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((300% - (6 - 3) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-4-6-only {
    flex: none;
    max-height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((400% - (6 - 4) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-5-6-only {
    flex: none;
    max-height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((500% - (6 - 5) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-6-6-only {
    flex: none;
    max-height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
    height: calc((600% - (6 - 6) * var(--fluffle-flexbox__gap-h)) / 6);
  }
  .fractional-column > .fraction-lg-1-7-only {
    flex: none;
    max-height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((100% - (7 - 1) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-2-7-only {
    flex: none;
    max-height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((200% - (7 - 2) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-3-7-only {
    flex: none;
    max-height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((300% - (7 - 3) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-4-7-only {
    flex: none;
    max-height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((400% - (7 - 4) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-5-7-only {
    flex: none;
    max-height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((500% - (7 - 5) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-6-7-only {
    flex: none;
    max-height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((600% - (7 - 6) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-7-7-only {
    flex: none;
    max-height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
    height: calc((700% - (7 - 7) * var(--fluffle-flexbox__gap-h)) / 7);
  }
  .fractional-column > .fraction-lg-1-8-only {
    flex: none;
    max-height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((100% - (8 - 1) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-2-8-only {
    flex: none;
    max-height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((200% - (8 - 2) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-3-8-only {
    flex: none;
    max-height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((300% - (8 - 3) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-4-8-only {
    flex: none;
    max-height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((400% - (8 - 4) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-5-8-only {
    flex: none;
    max-height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((500% - (8 - 5) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-6-8-only {
    flex: none;
    max-height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((600% - (8 - 6) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-7-8-only {
    flex: none;
    max-height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((700% - (8 - 7) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-8-8-only {
    flex: none;
    max-height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
    height: calc((800% - (8 - 8) * var(--fluffle-flexbox__gap-h)) / 8);
  }
  .fractional-column > .fraction-lg-1-9-only {
    flex: none;
    max-height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((100% - (9 - 1) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-2-9-only {
    flex: none;
    max-height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((200% - (9 - 2) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-3-9-only {
    flex: none;
    max-height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((300% - (9 - 3) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-4-9-only {
    flex: none;
    max-height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((400% - (9 - 4) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-5-9-only {
    flex: none;
    max-height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((500% - (9 - 5) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-6-9-only {
    flex: none;
    max-height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((600% - (9 - 6) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-7-9-only {
    flex: none;
    max-height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((700% - (9 - 7) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-8-9-only {
    flex: none;
    max-height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((800% - (9 - 8) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-9-9-only {
    flex: none;
    max-height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
    height: calc((900% - (9 - 9) * var(--fluffle-flexbox__gap-h)) / 9);
  }
  .fractional-column > .fraction-lg-1-10-only {
    flex: none;
    max-height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((100% - (10 - 1) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-2-10-only {
    flex: none;
    max-height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((200% - (10 - 2) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-3-10-only {
    flex: none;
    max-height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((300% - (10 - 3) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-4-10-only {
    flex: none;
    max-height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((400% - (10 - 4) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-5-10-only {
    flex: none;
    max-height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((500% - (10 - 5) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-6-10-only {
    flex: none;
    max-height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((600% - (10 - 6) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-7-10-only {
    flex: none;
    max-height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((700% - (10 - 7) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-8-10-only {
    flex: none;
    max-height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((800% - (10 - 8) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-9-10-only {
    flex: none;
    max-height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((900% - (10 - 9) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-10-10-only {
    flex: none;
    max-height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
    height: calc((1000% - (10 - 10) * var(--fluffle-flexbox__gap-h)) / 10);
  }
  .fractional-column > .fraction-lg-1-11-only {
    flex: none;
    max-height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((100% - (11 - 1) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-2-11-only {
    flex: none;
    max-height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((200% - (11 - 2) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-3-11-only {
    flex: none;
    max-height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((300% - (11 - 3) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-4-11-only {
    flex: none;
    max-height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((400% - (11 - 4) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-5-11-only {
    flex: none;
    max-height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((500% - (11 - 5) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-6-11-only {
    flex: none;
    max-height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((600% - (11 - 6) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-7-11-only {
    flex: none;
    max-height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((700% - (11 - 7) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-8-11-only {
    flex: none;
    max-height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((800% - (11 - 8) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-9-11-only {
    flex: none;
    max-height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((900% - (11 - 9) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-10-11-only {
    flex: none;
    max-height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1000% - (11 - 10) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-11-11-only {
    flex: none;
    max-height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
    height: calc((1100% - (11 - 11) * var(--fluffle-flexbox__gap-h)) / 11);
  }
  .fractional-column > .fraction-lg-1-12-only {
    flex: none;
    max-height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((100% - (12 - 1) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-2-12-only {
    flex: none;
    max-height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((200% - (12 - 2) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-3-12-only {
    flex: none;
    max-height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((300% - (12 - 3) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-4-12-only {
    flex: none;
    max-height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((400% - (12 - 4) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-5-12-only {
    flex: none;
    max-height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((500% - (12 - 5) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-6-12-only {
    flex: none;
    max-height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((600% - (12 - 6) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-7-12-only {
    flex: none;
    max-height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((700% - (12 - 7) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-8-12-only {
    flex: none;
    max-height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((800% - (12 - 8) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-9-12-only {
    flex: none;
    max-height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((900% - (12 - 9) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-10-12-only {
    flex: none;
    max-height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1000% - (12 - 10) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-11-12-only {
    flex: none;
    max-height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1100% - (12 - 11) * var(--fluffle-flexbox__gap-h)) / 12);
  }
  .fractional-column > .fraction-lg-12-12-only {
    flex: none;
    max-height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
    height: calc((1200% - (12 - 12) * var(--fluffle-flexbox__gap-h)) / 12);
  }
}
/**
 * Segments
 */
.parts- {
  flex: 0 0 auto !important;
}
.parts-1 {
  flex: 1 1 0% !important;
}
.parts-2 {
  flex: 2 2 0% !important;
}
.parts-3 {
  flex: 3 3 0% !important;
}
.parts-4 {
  flex: 4 4 0% !important;
}
.parts-5 {
  flex: 5 5 0% !important;
}
.parts-6 {
  flex: 6 6 0% !important;
}
.parts-7 {
  flex: 7 7 0% !important;
}
.parts-8 {
  flex: 8 8 0% !important;
}
.parts-9 {
  flex: 9 9 0% !important;
}
.parts-10 {
  flex: 10 10 0% !important;
}
.parts-11 {
  flex: 11 11 0% !important;
}
.parts-12 {
  flex: 12 12 0% !important;
}
.height-120px {
  max-height: none !important;
  height: 120px !important;
}
.width-120px {
  max-width: 100% !important;
  width: 120px !important;
}
.block-size-120px {
  max-block-size: none !important;
  block-size: 120px !important;
}
.inline-size-120px {
  max-inline-size: 100% !important;
  inline-size: 120px !important;
}
.height-240px {
  max-height: none !important;
  height: 240px !important;
}
.width-240px {
  max-width: 100% !important;
  width: 240px !important;
}
.block-size-240px {
  max-block-size: none !important;
  block-size: 240px !important;
}
.inline-size-240px {
  max-inline-size: 100% !important;
  inline-size: 240px !important;
}
.height-360px {
  max-height: none !important;
  height: 360px !important;
}
.width-360px {
  max-width: 100% !important;
  width: 360px !important;
}
.block-size-360px {
  max-block-size: none !important;
  block-size: 360px !important;
}
.inline-size-360px {
  max-inline-size: 100% !important;
  inline-size: 360px !important;
}
.height-420px {
  max-height: none !important;
  height: 420px !important;
}
.width-420px {
  max-width: 100% !important;
  width: 420px !important;
}
.block-size-420px {
  max-block-size: none !important;
  block-size: 420px !important;
}
.inline-size-420px {
  max-inline-size: 100% !important;
  inline-size: 420px !important;
}
.height-480px {
  max-height: none !important;
  height: 480px !important;
}
.width-480px {
  max-width: 100% !important;
  width: 480px !important;
}
.block-size-480px {
  max-block-size: none !important;
  block-size: 480px !important;
}
.inline-size-480px {
  max-inline-size: 100% !important;
  inline-size: 480px !important;
}
.height-540px {
  max-height: none !important;
  height: 540px !important;
}
.width-540px {
  max-width: 100% !important;
  width: 540px !important;
}
.block-size-540px {
  max-block-size: none !important;
  block-size: 540px !important;
}
.inline-size-540px {
  max-inline-size: 100% !important;
  inline-size: 540px !important;
}
.height-600px {
  max-height: none !important;
  height: 600px !important;
}
.width-600px {
  max-width: 100% !important;
  width: 600px !important;
}
.block-size-600px {
  max-block-size: none !important;
  block-size: 600px !important;
}
.inline-size-600px {
  max-inline-size: 100% !important;
  inline-size: 600px !important;
}
.height-640px {
  max-height: none !important;
  height: 640px !important;
}
.width-640px {
  max-width: 100% !important;
  width: 640px !important;
}
.block-size-640px {
  max-block-size: none !important;
  block-size: 640px !important;
}
.inline-size-640px {
  max-inline-size: 100% !important;
  inline-size: 640px !important;
}
.height-720px {
  max-height: none !important;
  height: 720px !important;
}
.width-720px {
  max-width: 100% !important;
  width: 720px !important;
}
.block-size-720px {
  max-block-size: none !important;
  block-size: 720px !important;
}
.inline-size-720px {
  max-inline-size: 100% !important;
  inline-size: 720px !important;
}
.height-840px {
  max-height: none !important;
  height: 840px !important;
}
.width-840px {
  max-width: 100% !important;
  width: 840px !important;
}
.block-size-840px {
  max-block-size: none !important;
  block-size: 840px !important;
}
.inline-size-840px {
  max-inline-size: 100% !important;
  inline-size: 840px !important;
}
.height-960px {
  max-height: none !important;
  height: 960px !important;
}
.width-960px {
  max-width: 100% !important;
  width: 960px !important;
}
.block-size-960px {
  max-block-size: none !important;
  block-size: 960px !important;
}
.inline-size-960px {
  max-inline-size: 100% !important;
  inline-size: 960px !important;
}
.height-1040px {
  max-height: none !important;
  height: 1040px !important;
}
.width-1040px {
  max-width: 100% !important;
  width: 1040px !important;
}
.block-size-1040px {
  max-block-size: none !important;
  block-size: 1040px !important;
}
.inline-size-1040px {
  max-inline-size: 100% !important;
  inline-size: 1040px !important;
}
.height-1160px {
  max-height: none !important;
  height: 1160px !important;
}
.width-1160px {
  max-width: 100% !important;
  width: 1160px !important;
}
.block-size-1160px {
  max-block-size: none !important;
  block-size: 1160px !important;
}
.inline-size-1160px {
  max-inline-size: 100% !important;
  inline-size: 1160px !important;
}
.height-1280px {
  max-height: none !important;
  height: 1280px !important;
}
.width-1280px {
  max-width: 100% !important;
  width: 1280px !important;
}
.block-size-1280px {
  max-block-size: none !important;
  block-size: 1280px !important;
}
.inline-size-1280px {
  max-inline-size: 100% !important;
  inline-size: 1280px !important;
}
.height-1400px {
  max-height: none !important;
  height: 1400px !important;
}
.width-1400px {
  max-width: 100% !important;
  width: 1400px !important;
}
.block-size-1400px {
  max-block-size: none !important;
  block-size: 1400px !important;
}
.inline-size-1400px {
  max-inline-size: 100% !important;
  inline-size: 1400px !important;
}
.height-1520px {
  max-height: none !important;
  height: 1520px !important;
}
.width-1520px {
  max-width: 100% !important;
  width: 1520px !important;
}
.block-size-1520px {
  max-block-size: none !important;
  block-size: 1520px !important;
}
.inline-size-1520px {
  max-inline-size: 100% !important;
  inline-size: 1520px !important;
}
.height-1640px {
  max-height: none !important;
  height: 1640px !important;
}
.width-1640px {
  max-width: 100% !important;
  width: 1640px !important;
}
.block-size-1640px {
  max-block-size: none !important;
  block-size: 1640px !important;
}
.inline-size-1640px {
  max-inline-size: 100% !important;
  inline-size: 1640px !important;
}
.height-1760px {
  max-height: none !important;
  height: 1760px !important;
}
.width-1760px {
  max-width: 100% !important;
  width: 1760px !important;
}
.block-size-1760px {
  max-block-size: none !important;
  block-size: 1760px !important;
}
.inline-size-1760px {
  max-inline-size: 100% !important;
  inline-size: 1760px !important;
}
.height-1880px {
  max-height: none !important;
  height: 1880px !important;
}
.width-1880px {
  max-width: 100% !important;
  width: 1880px !important;
}
.block-size-1880px {
  max-block-size: none !important;
  block-size: 1880px !important;
}
.inline-size-1880px {
  max-inline-size: 100% !important;
  inline-size: 1880px !important;
}
.height-2000px {
  max-height: none !important;
  height: 2000px !important;
}
.width-2000px {
  max-width: 100% !important;
  width: 2000px !important;
}
.block-size-2000px {
  max-block-size: none !important;
  block-size: 2000px !important;
}
.inline-size-2000px {
  max-inline-size: 100% !important;
  inline-size: 2000px !important;
}
.height-200px {
  max-height: none !important;
  height: 200px !important;
}
.width-200px {
  max-width: 100% !important;
  width: 200px !important;
}
.block-size-200px {
  max-block-size: none !important;
  block-size: 200px !important;
}
.inline-size-200px {
  max-inline-size: 100% !important;
  inline-size: 200px !important;
}
.height-768px {
  max-height: none !important;
  height: 768px !important;
}
.width-768px {
  max-width: 100% !important;
  width: 768px !important;
}
.block-size-768px {
  max-block-size: none !important;
  block-size: 768px !important;
}
.inline-size-768px {
  max-inline-size: 100% !important;
  inline-size: 768px !important;
}
.height-1024px {
  max-height: none !important;
  height: 1024px !important;
}
.width-1024px {
  max-width: 100% !important;
  width: 1024px !important;
}
.block-size-1024px {
  max-block-size: none !important;
  block-size: 1024px !important;
}
.inline-size-1024px {
  max-inline-size: 100% !important;
  inline-size: 1024px !important;
}
.height-1440px {
  max-height: none !important;
  height: 1440px !important;
}
.width-1440px {
  max-width: 100% !important;
  width: 1440px !important;
}
.block-size-1440px {
  max-block-size: none !important;
  block-size: 1440px !important;
}
.inline-size-1440px {
  max-inline-size: 100% !important;
  inline-size: 1440px !important;
}
.height-1600px {
  max-height: none !important;
  height: 1600px !important;
}
.width-1600px {
  max-width: 100% !important;
  width: 1600px !important;
}
.block-size-1600px {
  max-block-size: none !important;
  block-size: 1600px !important;
}
.inline-size-1600px {
  max-inline-size: 100% !important;
  inline-size: 1600px !important;
}
.height-1920px {
  max-height: none !important;
  height: 1920px !important;
}
.width-1920px {
  max-width: 100% !important;
  width: 1920px !important;
}
.block-size-1920px {
  max-block-size: none !important;
  block-size: 1920px !important;
}
.inline-size-1920px {
  max-inline-size: 100% !important;
  inline-size: 1920px !important;
}
.height-800px {
  max-height: none !important;
  height: 800px !important;
}
.width-800px {
  max-width: 100% !important;
  width: 800px !important;
}
.block-size-800px {
  max-block-size: none !important;
  block-size: 800px !important;
}
.inline-size-800px {
  max-inline-size: 100% !important;
  inline-size: 800px !important;
}
.height-920px {
  max-height: none !important;
  height: 920px !important;
}
.width-920px {
  max-width: 100% !important;
  width: 920px !important;
}
.block-size-920px {
  max-block-size: none !important;
  block-size: 920px !important;
}
.inline-size-920px {
  max-inline-size: 100% !important;
  inline-size: 920px !important;
}
.height-auto {
  max-height: none !important;
  height: auto !important;
}
.width-auto {
  max-width: 100% !important;
  width: auto !important;
}
.block-size-auto {
  max-block-size: none !important;
  block-size: auto !important;
}
.inline-size-auto {
  max-inline-size: 100% !important;
  inline-size: auto !important;
}
@media (min-width: 0) {
  .parts-xs- {
    flex: 0 0 auto !important;
  }
  .parts-xs-1 {
    flex: 1 1 0% !important;
  }
  .parts-xs-2 {
    flex: 2 2 0% !important;
  }
  .parts-xs-3 {
    flex: 3 3 0% !important;
  }
  .parts-xs-4 {
    flex: 4 4 0% !important;
  }
  .parts-xs-5 {
    flex: 5 5 0% !important;
  }
  .parts-xs-6 {
    flex: 6 6 0% !important;
  }
  .parts-xs-7 {
    flex: 7 7 0% !important;
  }
  .parts-xs-8 {
    flex: 8 8 0% !important;
  }
  .parts-xs-9 {
    flex: 9 9 0% !important;
  }
  .parts-xs-10 {
    flex: 10 10 0% !important;
  }
  .parts-xs-11 {
    flex: 11 11 0% !important;
  }
  .parts-xs-12 {
    flex: 12 12 0% !important;
  }
  .height-xs-120px {
    max-height: none !important;
    height: 120px !important;
  }
  .width-xs-120px {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-xs-120px {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-xs-120px {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-xs-240px {
    max-height: none !important;
    height: 240px !important;
  }
  .width-xs-240px {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-xs-240px {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-xs-240px {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-xs-360px {
    max-height: none !important;
    height: 360px !important;
  }
  .width-xs-360px {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-xs-360px {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-xs-360px {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-xs-420px {
    max-height: none !important;
    height: 420px !important;
  }
  .width-xs-420px {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-xs-420px {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-xs-420px {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-xs-480px {
    max-height: none !important;
    height: 480px !important;
  }
  .width-xs-480px {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-xs-480px {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-xs-480px {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-xs-540px {
    max-height: none !important;
    height: 540px !important;
  }
  .width-xs-540px {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-xs-540px {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-xs-540px {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-xs-600px {
    max-height: none !important;
    height: 600px !important;
  }
  .width-xs-600px {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-xs-600px {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-xs-600px {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-xs-640px {
    max-height: none !important;
    height: 640px !important;
  }
  .width-xs-640px {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-xs-640px {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-xs-640px {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-xs-720px {
    max-height: none !important;
    height: 720px !important;
  }
  .width-xs-720px {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-xs-720px {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-xs-720px {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-xs-840px {
    max-height: none !important;
    height: 840px !important;
  }
  .width-xs-840px {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-xs-840px {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-xs-840px {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-xs-960px {
    max-height: none !important;
    height: 960px !important;
  }
  .width-xs-960px {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-xs-960px {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-xs-960px {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-xs-1040px {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-xs-1040px {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-xs-1040px {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-xs-1040px {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-xs-1160px {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-xs-1160px {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-xs-1160px {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-xs-1160px {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-xs-1280px {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-xs-1280px {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-xs-1280px {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-xs-1280px {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-xs-1400px {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-xs-1400px {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-xs-1400px {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-xs-1400px {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-xs-1520px {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-xs-1520px {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-xs-1520px {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-xs-1520px {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-xs-1640px {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-xs-1640px {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-xs-1640px {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-xs-1640px {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-xs-1760px {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-xs-1760px {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-xs-1760px {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-xs-1760px {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-xs-1880px {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-xs-1880px {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-xs-1880px {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-xs-1880px {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-xs-2000px {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-xs-2000px {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-xs-2000px {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-xs-2000px {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-xs-200px {
    max-height: none !important;
    height: 200px !important;
  }
  .width-xs-200px {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-xs-200px {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-xs-200px {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-xs-768px {
    max-height: none !important;
    height: 768px !important;
  }
  .width-xs-768px {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-xs-768px {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-xs-768px {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-xs-1024px {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-xs-1024px {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-xs-1024px {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-xs-1024px {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-xs-1440px {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-xs-1440px {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-xs-1440px {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-xs-1440px {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-xs-1600px {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-xs-1600px {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-xs-1600px {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-xs-1600px {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-xs-1920px {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-xs-1920px {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-xs-1920px {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-xs-1920px {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-xs-800px {
    max-height: none !important;
    height: 800px !important;
  }
  .width-xs-800px {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-xs-800px {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-xs-800px {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-xs-920px {
    max-height: none !important;
    height: 920px !important;
  }
  .width-xs-920px {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-xs-920px {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-xs-920px {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-xs-auto {
    max-height: none !important;
    height: auto !important;
  }
  .width-xs-auto {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-xs-auto {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-xs-auto {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
@media (min-width: 768px) {
  .parts-sm- {
    flex: 0 0 auto !important;
  }
  .parts-sm-1 {
    flex: 1 1 0% !important;
  }
  .parts-sm-2 {
    flex: 2 2 0% !important;
  }
  .parts-sm-3 {
    flex: 3 3 0% !important;
  }
  .parts-sm-4 {
    flex: 4 4 0% !important;
  }
  .parts-sm-5 {
    flex: 5 5 0% !important;
  }
  .parts-sm-6 {
    flex: 6 6 0% !important;
  }
  .parts-sm-7 {
    flex: 7 7 0% !important;
  }
  .parts-sm-8 {
    flex: 8 8 0% !important;
  }
  .parts-sm-9 {
    flex: 9 9 0% !important;
  }
  .parts-sm-10 {
    flex: 10 10 0% !important;
  }
  .parts-sm-11 {
    flex: 11 11 0% !important;
  }
  .parts-sm-12 {
    flex: 12 12 0% !important;
  }
  .height-sm-120px {
    max-height: none !important;
    height: 120px !important;
  }
  .width-sm-120px {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-sm-120px {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-sm-120px {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-sm-240px {
    max-height: none !important;
    height: 240px !important;
  }
  .width-sm-240px {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-sm-240px {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-sm-240px {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-sm-360px {
    max-height: none !important;
    height: 360px !important;
  }
  .width-sm-360px {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-sm-360px {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-sm-360px {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-sm-420px {
    max-height: none !important;
    height: 420px !important;
  }
  .width-sm-420px {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-sm-420px {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-sm-420px {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-sm-480px {
    max-height: none !important;
    height: 480px !important;
  }
  .width-sm-480px {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-sm-480px {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-sm-480px {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-sm-540px {
    max-height: none !important;
    height: 540px !important;
  }
  .width-sm-540px {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-sm-540px {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-sm-540px {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-sm-600px {
    max-height: none !important;
    height: 600px !important;
  }
  .width-sm-600px {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-sm-600px {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-sm-600px {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-sm-640px {
    max-height: none !important;
    height: 640px !important;
  }
  .width-sm-640px {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-sm-640px {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-sm-640px {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-sm-720px {
    max-height: none !important;
    height: 720px !important;
  }
  .width-sm-720px {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-sm-720px {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-sm-720px {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-sm-840px {
    max-height: none !important;
    height: 840px !important;
  }
  .width-sm-840px {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-sm-840px {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-sm-840px {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-sm-960px {
    max-height: none !important;
    height: 960px !important;
  }
  .width-sm-960px {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-sm-960px {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-sm-960px {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-sm-1040px {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-sm-1040px {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-sm-1040px {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-sm-1040px {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-sm-1160px {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-sm-1160px {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-sm-1160px {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-sm-1160px {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-sm-1280px {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-sm-1280px {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-sm-1280px {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-sm-1280px {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-sm-1400px {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-sm-1400px {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-sm-1400px {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-sm-1400px {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-sm-1520px {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-sm-1520px {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-sm-1520px {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-sm-1520px {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-sm-1640px {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-sm-1640px {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-sm-1640px {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-sm-1640px {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-sm-1760px {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-sm-1760px {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-sm-1760px {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-sm-1760px {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-sm-1880px {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-sm-1880px {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-sm-1880px {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-sm-1880px {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-sm-2000px {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-sm-2000px {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-sm-2000px {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-sm-2000px {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-sm-200px {
    max-height: none !important;
    height: 200px !important;
  }
  .width-sm-200px {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-sm-200px {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-sm-200px {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-sm-768px {
    max-height: none !important;
    height: 768px !important;
  }
  .width-sm-768px {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-sm-768px {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-sm-768px {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-sm-1024px {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-sm-1024px {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-sm-1024px {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-sm-1024px {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-sm-1440px {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-sm-1440px {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-sm-1440px {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-sm-1440px {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-sm-1600px {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-sm-1600px {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-sm-1600px {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-sm-1600px {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-sm-1920px {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-sm-1920px {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-sm-1920px {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-sm-1920px {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-sm-800px {
    max-height: none !important;
    height: 800px !important;
  }
  .width-sm-800px {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-sm-800px {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-sm-800px {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-sm-920px {
    max-height: none !important;
    height: 920px !important;
  }
  .width-sm-920px {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-sm-920px {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-sm-920px {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-sm-auto {
    max-height: none !important;
    height: auto !important;
  }
  .width-sm-auto {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-sm-auto {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-sm-auto {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
@media (min-width: 992px) {
  .parts-md- {
    flex: 0 0 auto !important;
  }
  .parts-md-1 {
    flex: 1 1 0% !important;
  }
  .parts-md-2 {
    flex: 2 2 0% !important;
  }
  .parts-md-3 {
    flex: 3 3 0% !important;
  }
  .parts-md-4 {
    flex: 4 4 0% !important;
  }
  .parts-md-5 {
    flex: 5 5 0% !important;
  }
  .parts-md-6 {
    flex: 6 6 0% !important;
  }
  .parts-md-7 {
    flex: 7 7 0% !important;
  }
  .parts-md-8 {
    flex: 8 8 0% !important;
  }
  .parts-md-9 {
    flex: 9 9 0% !important;
  }
  .parts-md-10 {
    flex: 10 10 0% !important;
  }
  .parts-md-11 {
    flex: 11 11 0% !important;
  }
  .parts-md-12 {
    flex: 12 12 0% !important;
  }
  .height-md-120px {
    max-height: none !important;
    height: 120px !important;
  }
  .width-md-120px {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-md-120px {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-md-120px {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-md-240px {
    max-height: none !important;
    height: 240px !important;
  }
  .width-md-240px {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-md-240px {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-md-240px {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-md-360px {
    max-height: none !important;
    height: 360px !important;
  }
  .width-md-360px {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-md-360px {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-md-360px {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-md-420px {
    max-height: none !important;
    height: 420px !important;
  }
  .width-md-420px {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-md-420px {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-md-420px {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-md-480px {
    max-height: none !important;
    height: 480px !important;
  }
  .width-md-480px {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-md-480px {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-md-480px {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-md-540px {
    max-height: none !important;
    height: 540px !important;
  }
  .width-md-540px {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-md-540px {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-md-540px {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-md-600px {
    max-height: none !important;
    height: 600px !important;
  }
  .width-md-600px {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-md-600px {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-md-600px {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-md-640px {
    max-height: none !important;
    height: 640px !important;
  }
  .width-md-640px {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-md-640px {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-md-640px {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-md-720px {
    max-height: none !important;
    height: 720px !important;
  }
  .width-md-720px {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-md-720px {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-md-720px {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-md-840px {
    max-height: none !important;
    height: 840px !important;
  }
  .width-md-840px {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-md-840px {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-md-840px {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-md-960px {
    max-height: none !important;
    height: 960px !important;
  }
  .width-md-960px {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-md-960px {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-md-960px {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-md-1040px {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-md-1040px {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-md-1040px {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-md-1040px {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-md-1160px {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-md-1160px {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-md-1160px {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-md-1160px {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-md-1280px {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-md-1280px {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-md-1280px {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-md-1280px {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-md-1400px {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-md-1400px {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-md-1400px {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-md-1400px {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-md-1520px {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-md-1520px {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-md-1520px {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-md-1520px {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-md-1640px {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-md-1640px {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-md-1640px {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-md-1640px {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-md-1760px {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-md-1760px {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-md-1760px {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-md-1760px {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-md-1880px {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-md-1880px {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-md-1880px {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-md-1880px {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-md-2000px {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-md-2000px {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-md-2000px {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-md-2000px {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-md-200px {
    max-height: none !important;
    height: 200px !important;
  }
  .width-md-200px {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-md-200px {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-md-200px {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-md-768px {
    max-height: none !important;
    height: 768px !important;
  }
  .width-md-768px {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-md-768px {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-md-768px {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-md-1024px {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-md-1024px {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-md-1024px {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-md-1024px {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-md-1440px {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-md-1440px {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-md-1440px {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-md-1440px {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-md-1600px {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-md-1600px {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-md-1600px {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-md-1600px {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-md-1920px {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-md-1920px {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-md-1920px {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-md-1920px {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-md-800px {
    max-height: none !important;
    height: 800px !important;
  }
  .width-md-800px {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-md-800px {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-md-800px {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-md-920px {
    max-height: none !important;
    height: 920px !important;
  }
  .width-md-920px {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-md-920px {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-md-920px {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-md-auto {
    max-height: none !important;
    height: auto !important;
  }
  .width-md-auto {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-md-auto {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-md-auto {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
@media (min-width: 1200px) {
  .parts-lg- {
    flex: 0 0 auto !important;
  }
  .parts-lg-1 {
    flex: 1 1 0% !important;
  }
  .parts-lg-2 {
    flex: 2 2 0% !important;
  }
  .parts-lg-3 {
    flex: 3 3 0% !important;
  }
  .parts-lg-4 {
    flex: 4 4 0% !important;
  }
  .parts-lg-5 {
    flex: 5 5 0% !important;
  }
  .parts-lg-6 {
    flex: 6 6 0% !important;
  }
  .parts-lg-7 {
    flex: 7 7 0% !important;
  }
  .parts-lg-8 {
    flex: 8 8 0% !important;
  }
  .parts-lg-9 {
    flex: 9 9 0% !important;
  }
  .parts-lg-10 {
    flex: 10 10 0% !important;
  }
  .parts-lg-11 {
    flex: 11 11 0% !important;
  }
  .parts-lg-12 {
    flex: 12 12 0% !important;
  }
  .height-lg-120px {
    max-height: none !important;
    height: 120px !important;
  }
  .width-lg-120px {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-lg-120px {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-lg-120px {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-lg-240px {
    max-height: none !important;
    height: 240px !important;
  }
  .width-lg-240px {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-lg-240px {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-lg-240px {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-lg-360px {
    max-height: none !important;
    height: 360px !important;
  }
  .width-lg-360px {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-lg-360px {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-lg-360px {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-lg-420px {
    max-height: none !important;
    height: 420px !important;
  }
  .width-lg-420px {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-lg-420px {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-lg-420px {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-lg-480px {
    max-height: none !important;
    height: 480px !important;
  }
  .width-lg-480px {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-lg-480px {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-lg-480px {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-lg-540px {
    max-height: none !important;
    height: 540px !important;
  }
  .width-lg-540px {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-lg-540px {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-lg-540px {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-lg-600px {
    max-height: none !important;
    height: 600px !important;
  }
  .width-lg-600px {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-lg-600px {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-lg-600px {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-lg-640px {
    max-height: none !important;
    height: 640px !important;
  }
  .width-lg-640px {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-lg-640px {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-lg-640px {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-lg-720px {
    max-height: none !important;
    height: 720px !important;
  }
  .width-lg-720px {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-lg-720px {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-lg-720px {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-lg-840px {
    max-height: none !important;
    height: 840px !important;
  }
  .width-lg-840px {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-lg-840px {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-lg-840px {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-lg-960px {
    max-height: none !important;
    height: 960px !important;
  }
  .width-lg-960px {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-lg-960px {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-lg-960px {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-lg-1040px {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-lg-1040px {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-lg-1040px {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-lg-1040px {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-lg-1160px {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-lg-1160px {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-lg-1160px {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-lg-1160px {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-lg-1280px {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-lg-1280px {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-lg-1280px {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-lg-1280px {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-lg-1400px {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-lg-1400px {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-lg-1400px {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-lg-1400px {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-lg-1520px {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-lg-1520px {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-lg-1520px {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-lg-1520px {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-lg-1640px {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-lg-1640px {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-lg-1640px {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-lg-1640px {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-lg-1760px {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-lg-1760px {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-lg-1760px {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-lg-1760px {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-lg-1880px {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-lg-1880px {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-lg-1880px {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-lg-1880px {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-lg-2000px {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-lg-2000px {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-lg-2000px {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-lg-2000px {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-lg-200px {
    max-height: none !important;
    height: 200px !important;
  }
  .width-lg-200px {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-lg-200px {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-lg-200px {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-lg-768px {
    max-height: none !important;
    height: 768px !important;
  }
  .width-lg-768px {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-lg-768px {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-lg-768px {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-lg-1024px {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-lg-1024px {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-lg-1024px {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-lg-1024px {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-lg-1440px {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-lg-1440px {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-lg-1440px {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-lg-1440px {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-lg-1600px {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-lg-1600px {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-lg-1600px {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-lg-1600px {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-lg-1920px {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-lg-1920px {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-lg-1920px {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-lg-1920px {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-lg-800px {
    max-height: none !important;
    height: 800px !important;
  }
  .width-lg-800px {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-lg-800px {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-lg-800px {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-lg-920px {
    max-height: none !important;
    height: 920px !important;
  }
  .width-lg-920px {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-lg-920px {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-lg-920px {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-lg-auto {
    max-height: none !important;
    height: auto !important;
  }
  .width-lg-auto {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-lg-auto {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-lg-auto {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .parts-xs--only {
    flex: 0 0 auto !important;
  }
  .parts-xs-1-only {
    flex: 1 1 0% !important;
  }
  .parts-xs-2-only {
    flex: 2 2 0% !important;
  }
  .parts-xs-3-only {
    flex: 3 3 0% !important;
  }
  .parts-xs-4-only {
    flex: 4 4 0% !important;
  }
  .parts-xs-5-only {
    flex: 5 5 0% !important;
  }
  .parts-xs-6-only {
    flex: 6 6 0% !important;
  }
  .parts-xs-7-only {
    flex: 7 7 0% !important;
  }
  .parts-xs-8-only {
    flex: 8 8 0% !important;
  }
  .parts-xs-9-only {
    flex: 9 9 0% !important;
  }
  .parts-xs-10-only {
    flex: 10 10 0% !important;
  }
  .parts-xs-11-only {
    flex: 11 11 0% !important;
  }
  .parts-xs-12-only {
    flex: 12 12 0% !important;
  }
  .height-xs-120px-only {
    max-height: none !important;
    height: 120px !important;
  }
  .width-xs-120px-only {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-xs-120px-only {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-xs-120px-only {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-xs-240px-only {
    max-height: none !important;
    height: 240px !important;
  }
  .width-xs-240px-only {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-xs-240px-only {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-xs-240px-only {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-xs-360px-only {
    max-height: none !important;
    height: 360px !important;
  }
  .width-xs-360px-only {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-xs-360px-only {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-xs-360px-only {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-xs-420px-only {
    max-height: none !important;
    height: 420px !important;
  }
  .width-xs-420px-only {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-xs-420px-only {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-xs-420px-only {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-xs-480px-only {
    max-height: none !important;
    height: 480px !important;
  }
  .width-xs-480px-only {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-xs-480px-only {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-xs-480px-only {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-xs-540px-only {
    max-height: none !important;
    height: 540px !important;
  }
  .width-xs-540px-only {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-xs-540px-only {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-xs-540px-only {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-xs-600px-only {
    max-height: none !important;
    height: 600px !important;
  }
  .width-xs-600px-only {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-xs-600px-only {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-xs-600px-only {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-xs-640px-only {
    max-height: none !important;
    height: 640px !important;
  }
  .width-xs-640px-only {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-xs-640px-only {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-xs-640px-only {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-xs-720px-only {
    max-height: none !important;
    height: 720px !important;
  }
  .width-xs-720px-only {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-xs-720px-only {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-xs-720px-only {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-xs-840px-only {
    max-height: none !important;
    height: 840px !important;
  }
  .width-xs-840px-only {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-xs-840px-only {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-xs-840px-only {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-xs-960px-only {
    max-height: none !important;
    height: 960px !important;
  }
  .width-xs-960px-only {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-xs-960px-only {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-xs-960px-only {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-xs-1040px-only {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-xs-1040px-only {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-xs-1040px-only {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-xs-1040px-only {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-xs-1160px-only {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-xs-1160px-only {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-xs-1160px-only {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-xs-1160px-only {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-xs-1280px-only {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-xs-1280px-only {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-xs-1280px-only {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-xs-1280px-only {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-xs-1400px-only {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-xs-1400px-only {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-xs-1400px-only {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-xs-1400px-only {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-xs-1520px-only {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-xs-1520px-only {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-xs-1520px-only {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-xs-1520px-only {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-xs-1640px-only {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-xs-1640px-only {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-xs-1640px-only {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-xs-1640px-only {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-xs-1760px-only {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-xs-1760px-only {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-xs-1760px-only {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-xs-1760px-only {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-xs-1880px-only {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-xs-1880px-only {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-xs-1880px-only {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-xs-1880px-only {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-xs-2000px-only {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-xs-2000px-only {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-xs-2000px-only {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-xs-2000px-only {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-xs-200px-only {
    max-height: none !important;
    height: 200px !important;
  }
  .width-xs-200px-only {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-xs-200px-only {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-xs-200px-only {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-xs-768px-only {
    max-height: none !important;
    height: 768px !important;
  }
  .width-xs-768px-only {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-xs-768px-only {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-xs-768px-only {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-xs-1024px-only {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-xs-1024px-only {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-xs-1024px-only {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-xs-1024px-only {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-xs-1440px-only {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-xs-1440px-only {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-xs-1440px-only {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-xs-1440px-only {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-xs-1600px-only {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-xs-1600px-only {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-xs-1600px-only {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-xs-1600px-only {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-xs-1920px-only {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-xs-1920px-only {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-xs-1920px-only {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-xs-1920px-only {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-xs-800px-only {
    max-height: none !important;
    height: 800px !important;
  }
  .width-xs-800px-only {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-xs-800px-only {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-xs-800px-only {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-xs-920px-only {
    max-height: none !important;
    height: 920px !important;
  }
  .width-xs-920px-only {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-xs-920px-only {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-xs-920px-only {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-xs-auto-only {
    max-height: none !important;
    height: auto !important;
  }
  .width-xs-auto-only {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-xs-auto-only {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-xs-auto-only {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .parts-sm--only {
    flex: 0 0 auto !important;
  }
  .parts-sm-1-only {
    flex: 1 1 0% !important;
  }
  .parts-sm-2-only {
    flex: 2 2 0% !important;
  }
  .parts-sm-3-only {
    flex: 3 3 0% !important;
  }
  .parts-sm-4-only {
    flex: 4 4 0% !important;
  }
  .parts-sm-5-only {
    flex: 5 5 0% !important;
  }
  .parts-sm-6-only {
    flex: 6 6 0% !important;
  }
  .parts-sm-7-only {
    flex: 7 7 0% !important;
  }
  .parts-sm-8-only {
    flex: 8 8 0% !important;
  }
  .parts-sm-9-only {
    flex: 9 9 0% !important;
  }
  .parts-sm-10-only {
    flex: 10 10 0% !important;
  }
  .parts-sm-11-only {
    flex: 11 11 0% !important;
  }
  .parts-sm-12-only {
    flex: 12 12 0% !important;
  }
  .height-sm-120px-only {
    max-height: none !important;
    height: 120px !important;
  }
  .width-sm-120px-only {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-sm-120px-only {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-sm-120px-only {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-sm-240px-only {
    max-height: none !important;
    height: 240px !important;
  }
  .width-sm-240px-only {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-sm-240px-only {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-sm-240px-only {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-sm-360px-only {
    max-height: none !important;
    height: 360px !important;
  }
  .width-sm-360px-only {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-sm-360px-only {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-sm-360px-only {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-sm-420px-only {
    max-height: none !important;
    height: 420px !important;
  }
  .width-sm-420px-only {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-sm-420px-only {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-sm-420px-only {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-sm-480px-only {
    max-height: none !important;
    height: 480px !important;
  }
  .width-sm-480px-only {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-sm-480px-only {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-sm-480px-only {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-sm-540px-only {
    max-height: none !important;
    height: 540px !important;
  }
  .width-sm-540px-only {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-sm-540px-only {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-sm-540px-only {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-sm-600px-only {
    max-height: none !important;
    height: 600px !important;
  }
  .width-sm-600px-only {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-sm-600px-only {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-sm-600px-only {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-sm-640px-only {
    max-height: none !important;
    height: 640px !important;
  }
  .width-sm-640px-only {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-sm-640px-only {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-sm-640px-only {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-sm-720px-only {
    max-height: none !important;
    height: 720px !important;
  }
  .width-sm-720px-only {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-sm-720px-only {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-sm-720px-only {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-sm-840px-only {
    max-height: none !important;
    height: 840px !important;
  }
  .width-sm-840px-only {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-sm-840px-only {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-sm-840px-only {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-sm-960px-only {
    max-height: none !important;
    height: 960px !important;
  }
  .width-sm-960px-only {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-sm-960px-only {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-sm-960px-only {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-sm-1040px-only {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-sm-1040px-only {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-sm-1040px-only {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-sm-1040px-only {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-sm-1160px-only {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-sm-1160px-only {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-sm-1160px-only {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-sm-1160px-only {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-sm-1280px-only {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-sm-1280px-only {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-sm-1280px-only {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-sm-1280px-only {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-sm-1400px-only {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-sm-1400px-only {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-sm-1400px-only {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-sm-1400px-only {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-sm-1520px-only {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-sm-1520px-only {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-sm-1520px-only {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-sm-1520px-only {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-sm-1640px-only {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-sm-1640px-only {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-sm-1640px-only {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-sm-1640px-only {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-sm-1760px-only {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-sm-1760px-only {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-sm-1760px-only {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-sm-1760px-only {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-sm-1880px-only {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-sm-1880px-only {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-sm-1880px-only {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-sm-1880px-only {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-sm-2000px-only {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-sm-2000px-only {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-sm-2000px-only {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-sm-2000px-only {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-sm-200px-only {
    max-height: none !important;
    height: 200px !important;
  }
  .width-sm-200px-only {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-sm-200px-only {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-sm-200px-only {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-sm-768px-only {
    max-height: none !important;
    height: 768px !important;
  }
  .width-sm-768px-only {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-sm-768px-only {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-sm-768px-only {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-sm-1024px-only {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-sm-1024px-only {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-sm-1024px-only {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-sm-1024px-only {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-sm-1440px-only {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-sm-1440px-only {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-sm-1440px-only {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-sm-1440px-only {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-sm-1600px-only {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-sm-1600px-only {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-sm-1600px-only {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-sm-1600px-only {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-sm-1920px-only {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-sm-1920px-only {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-sm-1920px-only {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-sm-1920px-only {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-sm-800px-only {
    max-height: none !important;
    height: 800px !important;
  }
  .width-sm-800px-only {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-sm-800px-only {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-sm-800px-only {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-sm-920px-only {
    max-height: none !important;
    height: 920px !important;
  }
  .width-sm-920px-only {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-sm-920px-only {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-sm-920px-only {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-sm-auto-only {
    max-height: none !important;
    height: auto !important;
  }
  .width-sm-auto-only {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-sm-auto-only {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-sm-auto-only {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .parts-md--only {
    flex: 0 0 auto !important;
  }
  .parts-md-1-only {
    flex: 1 1 0% !important;
  }
  .parts-md-2-only {
    flex: 2 2 0% !important;
  }
  .parts-md-3-only {
    flex: 3 3 0% !important;
  }
  .parts-md-4-only {
    flex: 4 4 0% !important;
  }
  .parts-md-5-only {
    flex: 5 5 0% !important;
  }
  .parts-md-6-only {
    flex: 6 6 0% !important;
  }
  .parts-md-7-only {
    flex: 7 7 0% !important;
  }
  .parts-md-8-only {
    flex: 8 8 0% !important;
  }
  .parts-md-9-only {
    flex: 9 9 0% !important;
  }
  .parts-md-10-only {
    flex: 10 10 0% !important;
  }
  .parts-md-11-only {
    flex: 11 11 0% !important;
  }
  .parts-md-12-only {
    flex: 12 12 0% !important;
  }
  .height-md-120px-only {
    max-height: none !important;
    height: 120px !important;
  }
  .width-md-120px-only {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-md-120px-only {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-md-120px-only {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-md-240px-only {
    max-height: none !important;
    height: 240px !important;
  }
  .width-md-240px-only {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-md-240px-only {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-md-240px-only {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-md-360px-only {
    max-height: none !important;
    height: 360px !important;
  }
  .width-md-360px-only {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-md-360px-only {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-md-360px-only {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-md-420px-only {
    max-height: none !important;
    height: 420px !important;
  }
  .width-md-420px-only {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-md-420px-only {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-md-420px-only {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-md-480px-only {
    max-height: none !important;
    height: 480px !important;
  }
  .width-md-480px-only {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-md-480px-only {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-md-480px-only {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-md-540px-only {
    max-height: none !important;
    height: 540px !important;
  }
  .width-md-540px-only {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-md-540px-only {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-md-540px-only {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-md-600px-only {
    max-height: none !important;
    height: 600px !important;
  }
  .width-md-600px-only {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-md-600px-only {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-md-600px-only {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-md-640px-only {
    max-height: none !important;
    height: 640px !important;
  }
  .width-md-640px-only {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-md-640px-only {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-md-640px-only {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-md-720px-only {
    max-height: none !important;
    height: 720px !important;
  }
  .width-md-720px-only {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-md-720px-only {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-md-720px-only {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-md-840px-only {
    max-height: none !important;
    height: 840px !important;
  }
  .width-md-840px-only {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-md-840px-only {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-md-840px-only {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-md-960px-only {
    max-height: none !important;
    height: 960px !important;
  }
  .width-md-960px-only {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-md-960px-only {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-md-960px-only {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-md-1040px-only {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-md-1040px-only {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-md-1040px-only {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-md-1040px-only {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-md-1160px-only {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-md-1160px-only {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-md-1160px-only {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-md-1160px-only {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-md-1280px-only {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-md-1280px-only {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-md-1280px-only {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-md-1280px-only {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-md-1400px-only {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-md-1400px-only {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-md-1400px-only {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-md-1400px-only {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-md-1520px-only {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-md-1520px-only {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-md-1520px-only {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-md-1520px-only {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-md-1640px-only {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-md-1640px-only {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-md-1640px-only {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-md-1640px-only {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-md-1760px-only {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-md-1760px-only {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-md-1760px-only {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-md-1760px-only {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-md-1880px-only {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-md-1880px-only {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-md-1880px-only {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-md-1880px-only {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-md-2000px-only {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-md-2000px-only {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-md-2000px-only {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-md-2000px-only {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-md-200px-only {
    max-height: none !important;
    height: 200px !important;
  }
  .width-md-200px-only {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-md-200px-only {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-md-200px-only {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-md-768px-only {
    max-height: none !important;
    height: 768px !important;
  }
  .width-md-768px-only {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-md-768px-only {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-md-768px-only {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-md-1024px-only {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-md-1024px-only {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-md-1024px-only {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-md-1024px-only {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-md-1440px-only {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-md-1440px-only {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-md-1440px-only {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-md-1440px-only {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-md-1600px-only {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-md-1600px-only {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-md-1600px-only {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-md-1600px-only {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-md-1920px-only {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-md-1920px-only {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-md-1920px-only {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-md-1920px-only {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-md-800px-only {
    max-height: none !important;
    height: 800px !important;
  }
  .width-md-800px-only {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-md-800px-only {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-md-800px-only {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-md-920px-only {
    max-height: none !important;
    height: 920px !important;
  }
  .width-md-920px-only {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-md-920px-only {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-md-920px-only {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-md-auto-only {
    max-height: none !important;
    height: auto !important;
  }
  .width-md-auto-only {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-md-auto-only {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-md-auto-only {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .parts-lg--only {
    flex: 0 0 auto !important;
  }
  .parts-lg-1-only {
    flex: 1 1 0% !important;
  }
  .parts-lg-2-only {
    flex: 2 2 0% !important;
  }
  .parts-lg-3-only {
    flex: 3 3 0% !important;
  }
  .parts-lg-4-only {
    flex: 4 4 0% !important;
  }
  .parts-lg-5-only {
    flex: 5 5 0% !important;
  }
  .parts-lg-6-only {
    flex: 6 6 0% !important;
  }
  .parts-lg-7-only {
    flex: 7 7 0% !important;
  }
  .parts-lg-8-only {
    flex: 8 8 0% !important;
  }
  .parts-lg-9-only {
    flex: 9 9 0% !important;
  }
  .parts-lg-10-only {
    flex: 10 10 0% !important;
  }
  .parts-lg-11-only {
    flex: 11 11 0% !important;
  }
  .parts-lg-12-only {
    flex: 12 12 0% !important;
  }
  .height-lg-120px-only {
    max-height: none !important;
    height: 120px !important;
  }
  .width-lg-120px-only {
    max-width: 100% !important;
    width: 120px !important;
  }
  .block-size-lg-120px-only {
    max-block-size: none !important;
    block-size: 120px !important;
  }
  .inline-size-lg-120px-only {
    max-inline-size: 100% !important;
    inline-size: 120px !important;
  }
  .height-lg-240px-only {
    max-height: none !important;
    height: 240px !important;
  }
  .width-lg-240px-only {
    max-width: 100% !important;
    width: 240px !important;
  }
  .block-size-lg-240px-only {
    max-block-size: none !important;
    block-size: 240px !important;
  }
  .inline-size-lg-240px-only {
    max-inline-size: 100% !important;
    inline-size: 240px !important;
  }
  .height-lg-360px-only {
    max-height: none !important;
    height: 360px !important;
  }
  .width-lg-360px-only {
    max-width: 100% !important;
    width: 360px !important;
  }
  .block-size-lg-360px-only {
    max-block-size: none !important;
    block-size: 360px !important;
  }
  .inline-size-lg-360px-only {
    max-inline-size: 100% !important;
    inline-size: 360px !important;
  }
  .height-lg-420px-only {
    max-height: none !important;
    height: 420px !important;
  }
  .width-lg-420px-only {
    max-width: 100% !important;
    width: 420px !important;
  }
  .block-size-lg-420px-only {
    max-block-size: none !important;
    block-size: 420px !important;
  }
  .inline-size-lg-420px-only {
    max-inline-size: 100% !important;
    inline-size: 420px !important;
  }
  .height-lg-480px-only {
    max-height: none !important;
    height: 480px !important;
  }
  .width-lg-480px-only {
    max-width: 100% !important;
    width: 480px !important;
  }
  .block-size-lg-480px-only {
    max-block-size: none !important;
    block-size: 480px !important;
  }
  .inline-size-lg-480px-only {
    max-inline-size: 100% !important;
    inline-size: 480px !important;
  }
  .height-lg-540px-only {
    max-height: none !important;
    height: 540px !important;
  }
  .width-lg-540px-only {
    max-width: 100% !important;
    width: 540px !important;
  }
  .block-size-lg-540px-only {
    max-block-size: none !important;
    block-size: 540px !important;
  }
  .inline-size-lg-540px-only {
    max-inline-size: 100% !important;
    inline-size: 540px !important;
  }
  .height-lg-600px-only {
    max-height: none !important;
    height: 600px !important;
  }
  .width-lg-600px-only {
    max-width: 100% !important;
    width: 600px !important;
  }
  .block-size-lg-600px-only {
    max-block-size: none !important;
    block-size: 600px !important;
  }
  .inline-size-lg-600px-only {
    max-inline-size: 100% !important;
    inline-size: 600px !important;
  }
  .height-lg-640px-only {
    max-height: none !important;
    height: 640px !important;
  }
  .width-lg-640px-only {
    max-width: 100% !important;
    width: 640px !important;
  }
  .block-size-lg-640px-only {
    max-block-size: none !important;
    block-size: 640px !important;
  }
  .inline-size-lg-640px-only {
    max-inline-size: 100% !important;
    inline-size: 640px !important;
  }
  .height-lg-720px-only {
    max-height: none !important;
    height: 720px !important;
  }
  .width-lg-720px-only {
    max-width: 100% !important;
    width: 720px !important;
  }
  .block-size-lg-720px-only {
    max-block-size: none !important;
    block-size: 720px !important;
  }
  .inline-size-lg-720px-only {
    max-inline-size: 100% !important;
    inline-size: 720px !important;
  }
  .height-lg-840px-only {
    max-height: none !important;
    height: 840px !important;
  }
  .width-lg-840px-only {
    max-width: 100% !important;
    width: 840px !important;
  }
  .block-size-lg-840px-only {
    max-block-size: none !important;
    block-size: 840px !important;
  }
  .inline-size-lg-840px-only {
    max-inline-size: 100% !important;
    inline-size: 840px !important;
  }
  .height-lg-960px-only {
    max-height: none !important;
    height: 960px !important;
  }
  .width-lg-960px-only {
    max-width: 100% !important;
    width: 960px !important;
  }
  .block-size-lg-960px-only {
    max-block-size: none !important;
    block-size: 960px !important;
  }
  .inline-size-lg-960px-only {
    max-inline-size: 100% !important;
    inline-size: 960px !important;
  }
  .height-lg-1040px-only {
    max-height: none !important;
    height: 1040px !important;
  }
  .width-lg-1040px-only {
    max-width: 100% !important;
    width: 1040px !important;
  }
  .block-size-lg-1040px-only {
    max-block-size: none !important;
    block-size: 1040px !important;
  }
  .inline-size-lg-1040px-only {
    max-inline-size: 100% !important;
    inline-size: 1040px !important;
  }
  .height-lg-1160px-only {
    max-height: none !important;
    height: 1160px !important;
  }
  .width-lg-1160px-only {
    max-width: 100% !important;
    width: 1160px !important;
  }
  .block-size-lg-1160px-only {
    max-block-size: none !important;
    block-size: 1160px !important;
  }
  .inline-size-lg-1160px-only {
    max-inline-size: 100% !important;
    inline-size: 1160px !important;
  }
  .height-lg-1280px-only {
    max-height: none !important;
    height: 1280px !important;
  }
  .width-lg-1280px-only {
    max-width: 100% !important;
    width: 1280px !important;
  }
  .block-size-lg-1280px-only {
    max-block-size: none !important;
    block-size: 1280px !important;
  }
  .inline-size-lg-1280px-only {
    max-inline-size: 100% !important;
    inline-size: 1280px !important;
  }
  .height-lg-1400px-only {
    max-height: none !important;
    height: 1400px !important;
  }
  .width-lg-1400px-only {
    max-width: 100% !important;
    width: 1400px !important;
  }
  .block-size-lg-1400px-only {
    max-block-size: none !important;
    block-size: 1400px !important;
  }
  .inline-size-lg-1400px-only {
    max-inline-size: 100% !important;
    inline-size: 1400px !important;
  }
  .height-lg-1520px-only {
    max-height: none !important;
    height: 1520px !important;
  }
  .width-lg-1520px-only {
    max-width: 100% !important;
    width: 1520px !important;
  }
  .block-size-lg-1520px-only {
    max-block-size: none !important;
    block-size: 1520px !important;
  }
  .inline-size-lg-1520px-only {
    max-inline-size: 100% !important;
    inline-size: 1520px !important;
  }
  .height-lg-1640px-only {
    max-height: none !important;
    height: 1640px !important;
  }
  .width-lg-1640px-only {
    max-width: 100% !important;
    width: 1640px !important;
  }
  .block-size-lg-1640px-only {
    max-block-size: none !important;
    block-size: 1640px !important;
  }
  .inline-size-lg-1640px-only {
    max-inline-size: 100% !important;
    inline-size: 1640px !important;
  }
  .height-lg-1760px-only {
    max-height: none !important;
    height: 1760px !important;
  }
  .width-lg-1760px-only {
    max-width: 100% !important;
    width: 1760px !important;
  }
  .block-size-lg-1760px-only {
    max-block-size: none !important;
    block-size: 1760px !important;
  }
  .inline-size-lg-1760px-only {
    max-inline-size: 100% !important;
    inline-size: 1760px !important;
  }
  .height-lg-1880px-only {
    max-height: none !important;
    height: 1880px !important;
  }
  .width-lg-1880px-only {
    max-width: 100% !important;
    width: 1880px !important;
  }
  .block-size-lg-1880px-only {
    max-block-size: none !important;
    block-size: 1880px !important;
  }
  .inline-size-lg-1880px-only {
    max-inline-size: 100% !important;
    inline-size: 1880px !important;
  }
  .height-lg-2000px-only {
    max-height: none !important;
    height: 2000px !important;
  }
  .width-lg-2000px-only {
    max-width: 100% !important;
    width: 2000px !important;
  }
  .block-size-lg-2000px-only {
    max-block-size: none !important;
    block-size: 2000px !important;
  }
  .inline-size-lg-2000px-only {
    max-inline-size: 100% !important;
    inline-size: 2000px !important;
  }
  .height-lg-200px-only {
    max-height: none !important;
    height: 200px !important;
  }
  .width-lg-200px-only {
    max-width: 100% !important;
    width: 200px !important;
  }
  .block-size-lg-200px-only {
    max-block-size: none !important;
    block-size: 200px !important;
  }
  .inline-size-lg-200px-only {
    max-inline-size: 100% !important;
    inline-size: 200px !important;
  }
  .height-lg-768px-only {
    max-height: none !important;
    height: 768px !important;
  }
  .width-lg-768px-only {
    max-width: 100% !important;
    width: 768px !important;
  }
  .block-size-lg-768px-only {
    max-block-size: none !important;
    block-size: 768px !important;
  }
  .inline-size-lg-768px-only {
    max-inline-size: 100% !important;
    inline-size: 768px !important;
  }
  .height-lg-1024px-only {
    max-height: none !important;
    height: 1024px !important;
  }
  .width-lg-1024px-only {
    max-width: 100% !important;
    width: 1024px !important;
  }
  .block-size-lg-1024px-only {
    max-block-size: none !important;
    block-size: 1024px !important;
  }
  .inline-size-lg-1024px-only {
    max-inline-size: 100% !important;
    inline-size: 1024px !important;
  }
  .height-lg-1440px-only {
    max-height: none !important;
    height: 1440px !important;
  }
  .width-lg-1440px-only {
    max-width: 100% !important;
    width: 1440px !important;
  }
  .block-size-lg-1440px-only {
    max-block-size: none !important;
    block-size: 1440px !important;
  }
  .inline-size-lg-1440px-only {
    max-inline-size: 100% !important;
    inline-size: 1440px !important;
  }
  .height-lg-1600px-only {
    max-height: none !important;
    height: 1600px !important;
  }
  .width-lg-1600px-only {
    max-width: 100% !important;
    width: 1600px !important;
  }
  .block-size-lg-1600px-only {
    max-block-size: none !important;
    block-size: 1600px !important;
  }
  .inline-size-lg-1600px-only {
    max-inline-size: 100% !important;
    inline-size: 1600px !important;
  }
  .height-lg-1920px-only {
    max-height: none !important;
    height: 1920px !important;
  }
  .width-lg-1920px-only {
    max-width: 100% !important;
    width: 1920px !important;
  }
  .block-size-lg-1920px-only {
    max-block-size: none !important;
    block-size: 1920px !important;
  }
  .inline-size-lg-1920px-only {
    max-inline-size: 100% !important;
    inline-size: 1920px !important;
  }
  .height-lg-800px-only {
    max-height: none !important;
    height: 800px !important;
  }
  .width-lg-800px-only {
    max-width: 100% !important;
    width: 800px !important;
  }
  .block-size-lg-800px-only {
    max-block-size: none !important;
    block-size: 800px !important;
  }
  .inline-size-lg-800px-only {
    max-inline-size: 100% !important;
    inline-size: 800px !important;
  }
  .height-lg-920px-only {
    max-height: none !important;
    height: 920px !important;
  }
  .width-lg-920px-only {
    max-width: 100% !important;
    width: 920px !important;
  }
  .block-size-lg-920px-only {
    max-block-size: none !important;
    block-size: 920px !important;
  }
  .inline-size-lg-920px-only {
    max-inline-size: 100% !important;
    inline-size: 920px !important;
  }
  .height-lg-auto-only {
    max-height: none !important;
    height: auto !important;
  }
  .width-lg-auto-only {
    max-width: 100% !important;
    width: auto !important;
  }
  .block-size-lg-auto-only {
    max-block-size: none !important;
    block-size: auto !important;
  }
  .inline-size-lg-auto-only {
    max-inline-size: 100% !important;
    inline-size: auto !important;
  }
}
/**
 * Stretch/basis/wrap
 */
.flex-stretch-1,
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-stretch-1,
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-stretch-2,
.flex-grow-2 {
  flex-grow: 2 !important;
}
.flex-stretch-2,
.flex-shrink-2 {
  flex-shrink: 2 !important;
}
.flex-stretch-3,
.flex-grow-3 {
  flex-grow: 3 !important;
}
.flex-stretch-3,
.flex-shrink-3 {
  flex-shrink: 3 !important;
}
.flex-stretch-4,
.flex-grow-4 {
  flex-grow: 4 !important;
}
.flex-stretch-4,
.flex-shrink-4 {
  flex-shrink: 4 !important;
}
.flex-stretch-5,
.flex-grow-5 {
  flex-grow: 5 !important;
}
.flex-stretch-5,
.flex-shrink-5 {
  flex-shrink: 5 !important;
}
.flex-stretch-6,
.flex-grow-6 {
  flex-grow: 6 !important;
}
.flex-stretch-6,
.flex-shrink-6 {
  flex-shrink: 6 !important;
}
.flex-stretch-7,
.flex-grow-7 {
  flex-grow: 7 !important;
}
.flex-stretch-7,
.flex-shrink-7 {
  flex-shrink: 7 !important;
}
.flex-stretch-8,
.flex-grow-8 {
  flex-grow: 8 !important;
}
.flex-stretch-8,
.flex-shrink-8 {
  flex-shrink: 8 !important;
}
.flex-stretch-9,
.flex-grow-9 {
  flex-grow: 9 !important;
}
.flex-stretch-9,
.flex-shrink-9 {
  flex-shrink: 9 !important;
}
.flex-stretch-10,
.flex-grow-10 {
  flex-grow: 10 !important;
}
.flex-stretch-10,
.flex-shrink-10 {
  flex-shrink: 10 !important;
}
.flex-stretch-11,
.flex-grow-11 {
  flex-grow: 11 !important;
}
.flex-stretch-11,
.flex-shrink-11 {
  flex-shrink: 11 !important;
}
.flex-stretch-12,
.flex-grow-12 {
  flex-grow: 12 !important;
}
.flex-stretch-12,
.flex-shrink-12 {
  flex-shrink: 12 !important;
}
.flex-stretch,
.flex-grow {
  flex-grow: 1 !important;
}
.flex-stretch,
.flex-shrink {
  flex-shrink: 1 !important;
}
.flex-stretch-none,
.flex-grow-none {
  flex-grow: 0 !important;
}
.flex-stretch-none,
.flex-shrink-none {
  flex-shrink: 0 !important;
}
.flex-basis-120px {
  flex-basis: 120px !important;
}
.flex-basis-240px {
  flex-basis: 240px !important;
}
.flex-basis-360px {
  flex-basis: 360px !important;
}
.flex-basis-420px {
  flex-basis: 420px !important;
}
.flex-basis-480px {
  flex-basis: 480px !important;
}
.flex-basis-540px {
  flex-basis: 540px !important;
}
.flex-basis-600px {
  flex-basis: 600px !important;
}
.flex-basis-640px {
  flex-basis: 640px !important;
}
.flex-basis-720px {
  flex-basis: 720px !important;
}
.flex-basis-840px {
  flex-basis: 840px !important;
}
.flex-basis-960px {
  flex-basis: 960px !important;
}
.flex-basis-1040px {
  flex-basis: 1040px !important;
}
.flex-basis-1160px {
  flex-basis: 1160px !important;
}
.flex-basis-1280px {
  flex-basis: 1280px !important;
}
.flex-basis-1400px {
  flex-basis: 1400px !important;
}
.flex-basis-1520px {
  flex-basis: 1520px !important;
}
.flex-basis-1640px {
  flex-basis: 1640px !important;
}
.flex-basis-1760px {
  flex-basis: 1760px !important;
}
.flex-basis-1880px {
  flex-basis: 1880px !important;
}
.flex-basis-2000px {
  flex-basis: 2000px !important;
}
.flex-basis-200px {
  flex-basis: 200px !important;
}
.flex-basis-768px {
  flex-basis: 768px !important;
}
.flex-basis-1024px {
  flex-basis: 1024px !important;
}
.flex-basis-1440px {
  flex-basis: 1440px !important;
}
.flex-basis-1600px {
  flex-basis: 1600px !important;
}
.flex-basis-1920px {
  flex-basis: 1920px !important;
}
.flex-basis-800px {
  flex-basis: 800px !important;
}
.flex-basis-920px {
  flex-basis: 920px !important;
}
.flex-basis-auto {
  flex-basis: auto !important;
}
.flex-basis-zero {
  flex-basis: 0 !important;
}
.flex-basis-full {
  flex-basis: 100% !important;
}
.flex-none {
  flex: none !important;
}
.flex-direction-row {
  flex-direction: row !important;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-direction-column {
  flex-direction: column !important;
}
.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-items-start {
  align-items: flex-start !important;
}
.flex-content-start {
  align-content: flex-start !important;
}
.flex-self-start {
  align-self: flex-start !important;
}
.flex-items-end {
  align-items: flex-end !important;
}
.flex-content-end {
  align-content: flex-end !important;
}
.flex-self-end {
  align-self: flex-end !important;
}
.flex-items-center {
  align-items: center !important;
}
.flex-content-center {
  align-content: center !important;
}
.flex-self-center {
  align-self: center !important;
}
.flex-items-stretch {
  align-items: stretch !important;
}
.flex-content-stretch {
  align-content: stretch !important;
}
.flex-self-stretch {
  align-self: stretch !important;
}
.flex-items-baseline {
  align-items: baseline !important;
}
.flex-content-baseline {
  align-content: baseline !important;
}
.flex-self-baseline {
  align-self: baseline !important;
}
.flex-justify-start {
  justify-content: flex-start !important;
}
.flex-justify-end {
  justify-content: flex-end !important;
}
.flex-justify-center {
  justify-content: center !important;
}
.flex-justify-stretch {
  justify-content: stretch !important;
}
.flex-justify-space-between {
  justify-content: space-between !important;
}
.flex-justify-space-around {
  justify-content: space-around !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-6 {
  order: 6 !important;
}
.order-7 {
  order: 7 !important;
}
.order-8 {
  order: 8 !important;
}
.order-9 {
  order: 9 !important;
}
.order-10 {
  order: 10 !important;
}
.order-11 {
  order: 11 !important;
}
.order-12 {
  order: 12 !important;
}
@media (min-width: 0) {
  .flex-xs-stretch-1,
  .flex-xs-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xs-stretch-1,
  .flex-xs-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xs-stretch-2,
  .flex-xs-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-xs-stretch-2,
  .flex-xs-shrink-2 {
    flex-shrink: 2 !important;
  }
  .flex-xs-stretch-3,
  .flex-xs-grow-3 {
    flex-grow: 3 !important;
  }
  .flex-xs-stretch-3,
  .flex-xs-shrink-3 {
    flex-shrink: 3 !important;
  }
  .flex-xs-stretch-4,
  .flex-xs-grow-4 {
    flex-grow: 4 !important;
  }
  .flex-xs-stretch-4,
  .flex-xs-shrink-4 {
    flex-shrink: 4 !important;
  }
  .flex-xs-stretch-5,
  .flex-xs-grow-5 {
    flex-grow: 5 !important;
  }
  .flex-xs-stretch-5,
  .flex-xs-shrink-5 {
    flex-shrink: 5 !important;
  }
  .flex-xs-stretch-6,
  .flex-xs-grow-6 {
    flex-grow: 6 !important;
  }
  .flex-xs-stretch-6,
  .flex-xs-shrink-6 {
    flex-shrink: 6 !important;
  }
  .flex-xs-stretch-7,
  .flex-xs-grow-7 {
    flex-grow: 7 !important;
  }
  .flex-xs-stretch-7,
  .flex-xs-shrink-7 {
    flex-shrink: 7 !important;
  }
  .flex-xs-stretch-8,
  .flex-xs-grow-8 {
    flex-grow: 8 !important;
  }
  .flex-xs-stretch-8,
  .flex-xs-shrink-8 {
    flex-shrink: 8 !important;
  }
  .flex-xs-stretch-9,
  .flex-xs-grow-9 {
    flex-grow: 9 !important;
  }
  .flex-xs-stretch-9,
  .flex-xs-shrink-9 {
    flex-shrink: 9 !important;
  }
  .flex-xs-stretch-10,
  .flex-xs-grow-10 {
    flex-grow: 10 !important;
  }
  .flex-xs-stretch-10,
  .flex-xs-shrink-10 {
    flex-shrink: 10 !important;
  }
  .flex-xs-stretch-11,
  .flex-xs-grow-11 {
    flex-grow: 11 !important;
  }
  .flex-xs-stretch-11,
  .flex-xs-shrink-11 {
    flex-shrink: 11 !important;
  }
  .flex-xs-stretch-12,
  .flex-xs-grow-12 {
    flex-grow: 12 !important;
  }
  .flex-xs-stretch-12,
  .flex-xs-shrink-12 {
    flex-shrink: 12 !important;
  }
  .flex-xs-stretch,
  .flex-xs-grow {
    flex-grow: 1 !important;
  }
  .flex-xs-stretch,
  .flex-xs-shrink {
    flex-shrink: 1 !important;
  }
  .flex-xs-stretch-none,
  .flex-xs-grow-none {
    flex-grow: 0 !important;
  }
  .flex-xs-stretch-none,
  .flex-xs-shrink-none {
    flex-shrink: 0 !important;
  }
  .flex-xs-basis-120px {
    flex-basis: 120px !important;
  }
  .flex-xs-basis-240px {
    flex-basis: 240px !important;
  }
  .flex-xs-basis-360px {
    flex-basis: 360px !important;
  }
  .flex-xs-basis-420px {
    flex-basis: 420px !important;
  }
  .flex-xs-basis-480px {
    flex-basis: 480px !important;
  }
  .flex-xs-basis-540px {
    flex-basis: 540px !important;
  }
  .flex-xs-basis-600px {
    flex-basis: 600px !important;
  }
  .flex-xs-basis-640px {
    flex-basis: 640px !important;
  }
  .flex-xs-basis-720px {
    flex-basis: 720px !important;
  }
  .flex-xs-basis-840px {
    flex-basis: 840px !important;
  }
  .flex-xs-basis-960px {
    flex-basis: 960px !important;
  }
  .flex-xs-basis-1040px {
    flex-basis: 1040px !important;
  }
  .flex-xs-basis-1160px {
    flex-basis: 1160px !important;
  }
  .flex-xs-basis-1280px {
    flex-basis: 1280px !important;
  }
  .flex-xs-basis-1400px {
    flex-basis: 1400px !important;
  }
  .flex-xs-basis-1520px {
    flex-basis: 1520px !important;
  }
  .flex-xs-basis-1640px {
    flex-basis: 1640px !important;
  }
  .flex-xs-basis-1760px {
    flex-basis: 1760px !important;
  }
  .flex-xs-basis-1880px {
    flex-basis: 1880px !important;
  }
  .flex-xs-basis-2000px {
    flex-basis: 2000px !important;
  }
  .flex-xs-basis-200px {
    flex-basis: 200px !important;
  }
  .flex-xs-basis-768px {
    flex-basis: 768px !important;
  }
  .flex-xs-basis-1024px {
    flex-basis: 1024px !important;
  }
  .flex-xs-basis-1440px {
    flex-basis: 1440px !important;
  }
  .flex-xs-basis-1600px {
    flex-basis: 1600px !important;
  }
  .flex-xs-basis-1920px {
    flex-basis: 1920px !important;
  }
  .flex-xs-basis-800px {
    flex-basis: 800px !important;
  }
  .flex-xs-basis-920px {
    flex-basis: 920px !important;
  }
  .flex-xs-basis-auto {
    flex-basis: auto !important;
  }
  .flex-xs-basis-zero {
    flex-basis: 0 !important;
  }
  .flex-xs-basis-full {
    flex-basis: 100% !important;
  }
  .flex-xs-none {
    flex: none !important;
  }
  .flex-xs-direction-row {
    flex-direction: row !important;
  }
  .flex-xs-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xs-direction-column {
    flex-direction: column !important;
  }
  .flex-xs-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xs-items-start {
    align-items: flex-start !important;
  }
  .flex-xs-content-start {
    align-content: flex-start !important;
  }
  .flex-xs-self-start {
    align-self: flex-start !important;
  }
  .flex-xs-items-end {
    align-items: flex-end !important;
  }
  .flex-xs-content-end {
    align-content: flex-end !important;
  }
  .flex-xs-self-end {
    align-self: flex-end !important;
  }
  .flex-xs-items-center {
    align-items: center !important;
  }
  .flex-xs-content-center {
    align-content: center !important;
  }
  .flex-xs-self-center {
    align-self: center !important;
  }
  .flex-xs-items-stretch {
    align-items: stretch !important;
  }
  .flex-xs-content-stretch {
    align-content: stretch !important;
  }
  .flex-xs-self-stretch {
    align-self: stretch !important;
  }
  .flex-xs-items-baseline {
    align-items: baseline !important;
  }
  .flex-xs-content-baseline {
    align-content: baseline !important;
  }
  .flex-xs-self-baseline {
    align-self: baseline !important;
  }
  .flex-xs-justify-start {
    justify-content: flex-start !important;
  }
  .flex-xs-justify-end {
    justify-content: flex-end !important;
  }
  .flex-xs-justify-center {
    justify-content: center !important;
  }
  .flex-xs-justify-stretch {
    justify-content: stretch !important;
  }
  .flex-xs-justify-space-between {
    justify-content: space-between !important;
  }
  .flex-xs-justify-space-around {
    justify-content: space-around !important;
  }
  .order-xs-1 {
    order: 1 !important;
  }
  .order-xs-2 {
    order: 2 !important;
  }
  .order-xs-3 {
    order: 3 !important;
  }
  .order-xs-4 {
    order: 4 !important;
  }
  .order-xs-5 {
    order: 5 !important;
  }
  .order-xs-6 {
    order: 6 !important;
  }
  .order-xs-7 {
    order: 7 !important;
  }
  .order-xs-8 {
    order: 8 !important;
  }
  .order-xs-9 {
    order: 9 !important;
  }
  .order-xs-10 {
    order: 10 !important;
  }
  .order-xs-11 {
    order: 11 !important;
  }
  .order-xs-12 {
    order: 12 !important;
  }
}
@media (min-width: 768px) {
  .flex-sm-stretch-1,
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-stretch-1,
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-stretch-2,
  .flex-sm-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-sm-stretch-2,
  .flex-sm-shrink-2 {
    flex-shrink: 2 !important;
  }
  .flex-sm-stretch-3,
  .flex-sm-grow-3 {
    flex-grow: 3 !important;
  }
  .flex-sm-stretch-3,
  .flex-sm-shrink-3 {
    flex-shrink: 3 !important;
  }
  .flex-sm-stretch-4,
  .flex-sm-grow-4 {
    flex-grow: 4 !important;
  }
  .flex-sm-stretch-4,
  .flex-sm-shrink-4 {
    flex-shrink: 4 !important;
  }
  .flex-sm-stretch-5,
  .flex-sm-grow-5 {
    flex-grow: 5 !important;
  }
  .flex-sm-stretch-5,
  .flex-sm-shrink-5 {
    flex-shrink: 5 !important;
  }
  .flex-sm-stretch-6,
  .flex-sm-grow-6 {
    flex-grow: 6 !important;
  }
  .flex-sm-stretch-6,
  .flex-sm-shrink-6 {
    flex-shrink: 6 !important;
  }
  .flex-sm-stretch-7,
  .flex-sm-grow-7 {
    flex-grow: 7 !important;
  }
  .flex-sm-stretch-7,
  .flex-sm-shrink-7 {
    flex-shrink: 7 !important;
  }
  .flex-sm-stretch-8,
  .flex-sm-grow-8 {
    flex-grow: 8 !important;
  }
  .flex-sm-stretch-8,
  .flex-sm-shrink-8 {
    flex-shrink: 8 !important;
  }
  .flex-sm-stretch-9,
  .flex-sm-grow-9 {
    flex-grow: 9 !important;
  }
  .flex-sm-stretch-9,
  .flex-sm-shrink-9 {
    flex-shrink: 9 !important;
  }
  .flex-sm-stretch-10,
  .flex-sm-grow-10 {
    flex-grow: 10 !important;
  }
  .flex-sm-stretch-10,
  .flex-sm-shrink-10 {
    flex-shrink: 10 !important;
  }
  .flex-sm-stretch-11,
  .flex-sm-grow-11 {
    flex-grow: 11 !important;
  }
  .flex-sm-stretch-11,
  .flex-sm-shrink-11 {
    flex-shrink: 11 !important;
  }
  .flex-sm-stretch-12,
  .flex-sm-grow-12 {
    flex-grow: 12 !important;
  }
  .flex-sm-stretch-12,
  .flex-sm-shrink-12 {
    flex-shrink: 12 !important;
  }
  .flex-sm-stretch,
  .flex-sm-grow {
    flex-grow: 1 !important;
  }
  .flex-sm-stretch,
  .flex-sm-shrink {
    flex-shrink: 1 !important;
  }
  .flex-sm-stretch-none,
  .flex-sm-grow-none {
    flex-grow: 0 !important;
  }
  .flex-sm-stretch-none,
  .flex-sm-shrink-none {
    flex-shrink: 0 !important;
  }
  .flex-sm-basis-120px {
    flex-basis: 120px !important;
  }
  .flex-sm-basis-240px {
    flex-basis: 240px !important;
  }
  .flex-sm-basis-360px {
    flex-basis: 360px !important;
  }
  .flex-sm-basis-420px {
    flex-basis: 420px !important;
  }
  .flex-sm-basis-480px {
    flex-basis: 480px !important;
  }
  .flex-sm-basis-540px {
    flex-basis: 540px !important;
  }
  .flex-sm-basis-600px {
    flex-basis: 600px !important;
  }
  .flex-sm-basis-640px {
    flex-basis: 640px !important;
  }
  .flex-sm-basis-720px {
    flex-basis: 720px !important;
  }
  .flex-sm-basis-840px {
    flex-basis: 840px !important;
  }
  .flex-sm-basis-960px {
    flex-basis: 960px !important;
  }
  .flex-sm-basis-1040px {
    flex-basis: 1040px !important;
  }
  .flex-sm-basis-1160px {
    flex-basis: 1160px !important;
  }
  .flex-sm-basis-1280px {
    flex-basis: 1280px !important;
  }
  .flex-sm-basis-1400px {
    flex-basis: 1400px !important;
  }
  .flex-sm-basis-1520px {
    flex-basis: 1520px !important;
  }
  .flex-sm-basis-1640px {
    flex-basis: 1640px !important;
  }
  .flex-sm-basis-1760px {
    flex-basis: 1760px !important;
  }
  .flex-sm-basis-1880px {
    flex-basis: 1880px !important;
  }
  .flex-sm-basis-2000px {
    flex-basis: 2000px !important;
  }
  .flex-sm-basis-200px {
    flex-basis: 200px !important;
  }
  .flex-sm-basis-768px {
    flex-basis: 768px !important;
  }
  .flex-sm-basis-1024px {
    flex-basis: 1024px !important;
  }
  .flex-sm-basis-1440px {
    flex-basis: 1440px !important;
  }
  .flex-sm-basis-1600px {
    flex-basis: 1600px !important;
  }
  .flex-sm-basis-1920px {
    flex-basis: 1920px !important;
  }
  .flex-sm-basis-800px {
    flex-basis: 800px !important;
  }
  .flex-sm-basis-920px {
    flex-basis: 920px !important;
  }
  .flex-sm-basis-auto {
    flex-basis: auto !important;
  }
  .flex-sm-basis-zero {
    flex-basis: 0 !important;
  }
  .flex-sm-basis-full {
    flex-basis: 100% !important;
  }
  .flex-sm-none {
    flex: none !important;
  }
  .flex-sm-direction-row {
    flex-direction: row !important;
  }
  .flex-sm-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-direction-column {
    flex-direction: column !important;
  }
  .flex-sm-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-items-start {
    align-items: flex-start !important;
  }
  .flex-sm-content-start {
    align-content: flex-start !important;
  }
  .flex-sm-self-start {
    align-self: flex-start !important;
  }
  .flex-sm-items-end {
    align-items: flex-end !important;
  }
  .flex-sm-content-end {
    align-content: flex-end !important;
  }
  .flex-sm-self-end {
    align-self: flex-end !important;
  }
  .flex-sm-items-center {
    align-items: center !important;
  }
  .flex-sm-content-center {
    align-content: center !important;
  }
  .flex-sm-self-center {
    align-self: center !important;
  }
  .flex-sm-items-stretch {
    align-items: stretch !important;
  }
  .flex-sm-content-stretch {
    align-content: stretch !important;
  }
  .flex-sm-self-stretch {
    align-self: stretch !important;
  }
  .flex-sm-items-baseline {
    align-items: baseline !important;
  }
  .flex-sm-content-baseline {
    align-content: baseline !important;
  }
  .flex-sm-self-baseline {
    align-self: baseline !important;
  }
  .flex-sm-justify-start {
    justify-content: flex-start !important;
  }
  .flex-sm-justify-end {
    justify-content: flex-end !important;
  }
  .flex-sm-justify-center {
    justify-content: center !important;
  }
  .flex-sm-justify-stretch {
    justify-content: stretch !important;
  }
  .flex-sm-justify-space-between {
    justify-content: space-between !important;
  }
  .flex-sm-justify-space-around {
    justify-content: space-around !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-6 {
    order: 6 !important;
  }
  .order-sm-7 {
    order: 7 !important;
  }
  .order-sm-8 {
    order: 8 !important;
  }
  .order-sm-9 {
    order: 9 !important;
  }
  .order-sm-10 {
    order: 10 !important;
  }
  .order-sm-11 {
    order: 11 !important;
  }
  .order-sm-12 {
    order: 12 !important;
  }
}
@media (min-width: 992px) {
  .flex-md-stretch-1,
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-stretch-1,
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-stretch-2,
  .flex-md-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-md-stretch-2,
  .flex-md-shrink-2 {
    flex-shrink: 2 !important;
  }
  .flex-md-stretch-3,
  .flex-md-grow-3 {
    flex-grow: 3 !important;
  }
  .flex-md-stretch-3,
  .flex-md-shrink-3 {
    flex-shrink: 3 !important;
  }
  .flex-md-stretch-4,
  .flex-md-grow-4 {
    flex-grow: 4 !important;
  }
  .flex-md-stretch-4,
  .flex-md-shrink-4 {
    flex-shrink: 4 !important;
  }
  .flex-md-stretch-5,
  .flex-md-grow-5 {
    flex-grow: 5 !important;
  }
  .flex-md-stretch-5,
  .flex-md-shrink-5 {
    flex-shrink: 5 !important;
  }
  .flex-md-stretch-6,
  .flex-md-grow-6 {
    flex-grow: 6 !important;
  }
  .flex-md-stretch-6,
  .flex-md-shrink-6 {
    flex-shrink: 6 !important;
  }
  .flex-md-stretch-7,
  .flex-md-grow-7 {
    flex-grow: 7 !important;
  }
  .flex-md-stretch-7,
  .flex-md-shrink-7 {
    flex-shrink: 7 !important;
  }
  .flex-md-stretch-8,
  .flex-md-grow-8 {
    flex-grow: 8 !important;
  }
  .flex-md-stretch-8,
  .flex-md-shrink-8 {
    flex-shrink: 8 !important;
  }
  .flex-md-stretch-9,
  .flex-md-grow-9 {
    flex-grow: 9 !important;
  }
  .flex-md-stretch-9,
  .flex-md-shrink-9 {
    flex-shrink: 9 !important;
  }
  .flex-md-stretch-10,
  .flex-md-grow-10 {
    flex-grow: 10 !important;
  }
  .flex-md-stretch-10,
  .flex-md-shrink-10 {
    flex-shrink: 10 !important;
  }
  .flex-md-stretch-11,
  .flex-md-grow-11 {
    flex-grow: 11 !important;
  }
  .flex-md-stretch-11,
  .flex-md-shrink-11 {
    flex-shrink: 11 !important;
  }
  .flex-md-stretch-12,
  .flex-md-grow-12 {
    flex-grow: 12 !important;
  }
  .flex-md-stretch-12,
  .flex-md-shrink-12 {
    flex-shrink: 12 !important;
  }
  .flex-md-stretch,
  .flex-md-grow {
    flex-grow: 1 !important;
  }
  .flex-md-stretch,
  .flex-md-shrink {
    flex-shrink: 1 !important;
  }
  .flex-md-stretch-none,
  .flex-md-grow-none {
    flex-grow: 0 !important;
  }
  .flex-md-stretch-none,
  .flex-md-shrink-none {
    flex-shrink: 0 !important;
  }
  .flex-md-basis-120px {
    flex-basis: 120px !important;
  }
  .flex-md-basis-240px {
    flex-basis: 240px !important;
  }
  .flex-md-basis-360px {
    flex-basis: 360px !important;
  }
  .flex-md-basis-420px {
    flex-basis: 420px !important;
  }
  .flex-md-basis-480px {
    flex-basis: 480px !important;
  }
  .flex-md-basis-540px {
    flex-basis: 540px !important;
  }
  .flex-md-basis-600px {
    flex-basis: 600px !important;
  }
  .flex-md-basis-640px {
    flex-basis: 640px !important;
  }
  .flex-md-basis-720px {
    flex-basis: 720px !important;
  }
  .flex-md-basis-840px {
    flex-basis: 840px !important;
  }
  .flex-md-basis-960px {
    flex-basis: 960px !important;
  }
  .flex-md-basis-1040px {
    flex-basis: 1040px !important;
  }
  .flex-md-basis-1160px {
    flex-basis: 1160px !important;
  }
  .flex-md-basis-1280px {
    flex-basis: 1280px !important;
  }
  .flex-md-basis-1400px {
    flex-basis: 1400px !important;
  }
  .flex-md-basis-1520px {
    flex-basis: 1520px !important;
  }
  .flex-md-basis-1640px {
    flex-basis: 1640px !important;
  }
  .flex-md-basis-1760px {
    flex-basis: 1760px !important;
  }
  .flex-md-basis-1880px {
    flex-basis: 1880px !important;
  }
  .flex-md-basis-2000px {
    flex-basis: 2000px !important;
  }
  .flex-md-basis-200px {
    flex-basis: 200px !important;
  }
  .flex-md-basis-768px {
    flex-basis: 768px !important;
  }
  .flex-md-basis-1024px {
    flex-basis: 1024px !important;
  }
  .flex-md-basis-1440px {
    flex-basis: 1440px !important;
  }
  .flex-md-basis-1600px {
    flex-basis: 1600px !important;
  }
  .flex-md-basis-1920px {
    flex-basis: 1920px !important;
  }
  .flex-md-basis-800px {
    flex-basis: 800px !important;
  }
  .flex-md-basis-920px {
    flex-basis: 920px !important;
  }
  .flex-md-basis-auto {
    flex-basis: auto !important;
  }
  .flex-md-basis-zero {
    flex-basis: 0 !important;
  }
  .flex-md-basis-full {
    flex-basis: 100% !important;
  }
  .flex-md-none {
    flex: none !important;
  }
  .flex-md-direction-row {
    flex-direction: row !important;
  }
  .flex-md-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-direction-column {
    flex-direction: column !important;
  }
  .flex-md-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-items-start {
    align-items: flex-start !important;
  }
  .flex-md-content-start {
    align-content: flex-start !important;
  }
  .flex-md-self-start {
    align-self: flex-start !important;
  }
  .flex-md-items-end {
    align-items: flex-end !important;
  }
  .flex-md-content-end {
    align-content: flex-end !important;
  }
  .flex-md-self-end {
    align-self: flex-end !important;
  }
  .flex-md-items-center {
    align-items: center !important;
  }
  .flex-md-content-center {
    align-content: center !important;
  }
  .flex-md-self-center {
    align-self: center !important;
  }
  .flex-md-items-stretch {
    align-items: stretch !important;
  }
  .flex-md-content-stretch {
    align-content: stretch !important;
  }
  .flex-md-self-stretch {
    align-self: stretch !important;
  }
  .flex-md-items-baseline {
    align-items: baseline !important;
  }
  .flex-md-content-baseline {
    align-content: baseline !important;
  }
  .flex-md-self-baseline {
    align-self: baseline !important;
  }
  .flex-md-justify-start {
    justify-content: flex-start !important;
  }
  .flex-md-justify-end {
    justify-content: flex-end !important;
  }
  .flex-md-justify-center {
    justify-content: center !important;
  }
  .flex-md-justify-stretch {
    justify-content: stretch !important;
  }
  .flex-md-justify-space-between {
    justify-content: space-between !important;
  }
  .flex-md-justify-space-around {
    justify-content: space-around !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-6 {
    order: 6 !important;
  }
  .order-md-7 {
    order: 7 !important;
  }
  .order-md-8 {
    order: 8 !important;
  }
  .order-md-9 {
    order: 9 !important;
  }
  .order-md-10 {
    order: 10 !important;
  }
  .order-md-11 {
    order: 11 !important;
  }
  .order-md-12 {
    order: 12 !important;
  }
}
@media (min-width: 1200px) {
  .flex-lg-stretch-1,
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-stretch-1,
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-stretch-2,
  .flex-lg-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-lg-stretch-2,
  .flex-lg-shrink-2 {
    flex-shrink: 2 !important;
  }
  .flex-lg-stretch-3,
  .flex-lg-grow-3 {
    flex-grow: 3 !important;
  }
  .flex-lg-stretch-3,
  .flex-lg-shrink-3 {
    flex-shrink: 3 !important;
  }
  .flex-lg-stretch-4,
  .flex-lg-grow-4 {
    flex-grow: 4 !important;
  }
  .flex-lg-stretch-4,
  .flex-lg-shrink-4 {
    flex-shrink: 4 !important;
  }
  .flex-lg-stretch-5,
  .flex-lg-grow-5 {
    flex-grow: 5 !important;
  }
  .flex-lg-stretch-5,
  .flex-lg-shrink-5 {
    flex-shrink: 5 !important;
  }
  .flex-lg-stretch-6,
  .flex-lg-grow-6 {
    flex-grow: 6 !important;
  }
  .flex-lg-stretch-6,
  .flex-lg-shrink-6 {
    flex-shrink: 6 !important;
  }
  .flex-lg-stretch-7,
  .flex-lg-grow-7 {
    flex-grow: 7 !important;
  }
  .flex-lg-stretch-7,
  .flex-lg-shrink-7 {
    flex-shrink: 7 !important;
  }
  .flex-lg-stretch-8,
  .flex-lg-grow-8 {
    flex-grow: 8 !important;
  }
  .flex-lg-stretch-8,
  .flex-lg-shrink-8 {
    flex-shrink: 8 !important;
  }
  .flex-lg-stretch-9,
  .flex-lg-grow-9 {
    flex-grow: 9 !important;
  }
  .flex-lg-stretch-9,
  .flex-lg-shrink-9 {
    flex-shrink: 9 !important;
  }
  .flex-lg-stretch-10,
  .flex-lg-grow-10 {
    flex-grow: 10 !important;
  }
  .flex-lg-stretch-10,
  .flex-lg-shrink-10 {
    flex-shrink: 10 !important;
  }
  .flex-lg-stretch-11,
  .flex-lg-grow-11 {
    flex-grow: 11 !important;
  }
  .flex-lg-stretch-11,
  .flex-lg-shrink-11 {
    flex-shrink: 11 !important;
  }
  .flex-lg-stretch-12,
  .flex-lg-grow-12 {
    flex-grow: 12 !important;
  }
  .flex-lg-stretch-12,
  .flex-lg-shrink-12 {
    flex-shrink: 12 !important;
  }
  .flex-lg-stretch,
  .flex-lg-grow {
    flex-grow: 1 !important;
  }
  .flex-lg-stretch,
  .flex-lg-shrink {
    flex-shrink: 1 !important;
  }
  .flex-lg-stretch-none,
  .flex-lg-grow-none {
    flex-grow: 0 !important;
  }
  .flex-lg-stretch-none,
  .flex-lg-shrink-none {
    flex-shrink: 0 !important;
  }
  .flex-lg-basis-120px {
    flex-basis: 120px !important;
  }
  .flex-lg-basis-240px {
    flex-basis: 240px !important;
  }
  .flex-lg-basis-360px {
    flex-basis: 360px !important;
  }
  .flex-lg-basis-420px {
    flex-basis: 420px !important;
  }
  .flex-lg-basis-480px {
    flex-basis: 480px !important;
  }
  .flex-lg-basis-540px {
    flex-basis: 540px !important;
  }
  .flex-lg-basis-600px {
    flex-basis: 600px !important;
  }
  .flex-lg-basis-640px {
    flex-basis: 640px !important;
  }
  .flex-lg-basis-720px {
    flex-basis: 720px !important;
  }
  .flex-lg-basis-840px {
    flex-basis: 840px !important;
  }
  .flex-lg-basis-960px {
    flex-basis: 960px !important;
  }
  .flex-lg-basis-1040px {
    flex-basis: 1040px !important;
  }
  .flex-lg-basis-1160px {
    flex-basis: 1160px !important;
  }
  .flex-lg-basis-1280px {
    flex-basis: 1280px !important;
  }
  .flex-lg-basis-1400px {
    flex-basis: 1400px !important;
  }
  .flex-lg-basis-1520px {
    flex-basis: 1520px !important;
  }
  .flex-lg-basis-1640px {
    flex-basis: 1640px !important;
  }
  .flex-lg-basis-1760px {
    flex-basis: 1760px !important;
  }
  .flex-lg-basis-1880px {
    flex-basis: 1880px !important;
  }
  .flex-lg-basis-2000px {
    flex-basis: 2000px !important;
  }
  .flex-lg-basis-200px {
    flex-basis: 200px !important;
  }
  .flex-lg-basis-768px {
    flex-basis: 768px !important;
  }
  .flex-lg-basis-1024px {
    flex-basis: 1024px !important;
  }
  .flex-lg-basis-1440px {
    flex-basis: 1440px !important;
  }
  .flex-lg-basis-1600px {
    flex-basis: 1600px !important;
  }
  .flex-lg-basis-1920px {
    flex-basis: 1920px !important;
  }
  .flex-lg-basis-800px {
    flex-basis: 800px !important;
  }
  .flex-lg-basis-920px {
    flex-basis: 920px !important;
  }
  .flex-lg-basis-auto {
    flex-basis: auto !important;
  }
  .flex-lg-basis-zero {
    flex-basis: 0 !important;
  }
  .flex-lg-basis-full {
    flex-basis: 100% !important;
  }
  .flex-lg-none {
    flex: none !important;
  }
  .flex-lg-direction-row {
    flex-direction: row !important;
  }
  .flex-lg-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-direction-column {
    flex-direction: column !important;
  }
  .flex-lg-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-items-start {
    align-items: flex-start !important;
  }
  .flex-lg-content-start {
    align-content: flex-start !important;
  }
  .flex-lg-self-start {
    align-self: flex-start !important;
  }
  .flex-lg-items-end {
    align-items: flex-end !important;
  }
  .flex-lg-content-end {
    align-content: flex-end !important;
  }
  .flex-lg-self-end {
    align-self: flex-end !important;
  }
  .flex-lg-items-center {
    align-items: center !important;
  }
  .flex-lg-content-center {
    align-content: center !important;
  }
  .flex-lg-self-center {
    align-self: center !important;
  }
  .flex-lg-items-stretch {
    align-items: stretch !important;
  }
  .flex-lg-content-stretch {
    align-content: stretch !important;
  }
  .flex-lg-self-stretch {
    align-self: stretch !important;
  }
  .flex-lg-items-baseline {
    align-items: baseline !important;
  }
  .flex-lg-content-baseline {
    align-content: baseline !important;
  }
  .flex-lg-self-baseline {
    align-self: baseline !important;
  }
  .flex-lg-justify-start {
    justify-content: flex-start !important;
  }
  .flex-lg-justify-end {
    justify-content: flex-end !important;
  }
  .flex-lg-justify-center {
    justify-content: center !important;
  }
  .flex-lg-justify-stretch {
    justify-content: stretch !important;
  }
  .flex-lg-justify-space-between {
    justify-content: space-between !important;
  }
  .flex-lg-justify-space-around {
    justify-content: space-around !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-6 {
    order: 6 !important;
  }
  .order-lg-7 {
    order: 7 !important;
  }
  .order-lg-8 {
    order: 8 !important;
  }
  .order-lg-9 {
    order: 9 !important;
  }
  .order-lg-10 {
    order: 10 !important;
  }
  .order-lg-11 {
    order: 11 !important;
  }
  .order-lg-12 {
    order: 12 !important;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .flex-xs-stretch-1-only,
  .flex-xs-grow-1-only {
    flex-grow: 1 !important;
  }
  .flex-xs-stretch-1-only,
  .flex-xs-shrink-1-only {
    flex-shrink: 1 !important;
  }
  .flex-xs-stretch-2-only,
  .flex-xs-grow-2-only {
    flex-grow: 2 !important;
  }
  .flex-xs-stretch-2-only,
  .flex-xs-shrink-2-only {
    flex-shrink: 2 !important;
  }
  .flex-xs-stretch-3-only,
  .flex-xs-grow-3-only {
    flex-grow: 3 !important;
  }
  .flex-xs-stretch-3-only,
  .flex-xs-shrink-3-only {
    flex-shrink: 3 !important;
  }
  .flex-xs-stretch-4-only,
  .flex-xs-grow-4-only {
    flex-grow: 4 !important;
  }
  .flex-xs-stretch-4-only,
  .flex-xs-shrink-4-only {
    flex-shrink: 4 !important;
  }
  .flex-xs-stretch-5-only,
  .flex-xs-grow-5-only {
    flex-grow: 5 !important;
  }
  .flex-xs-stretch-5-only,
  .flex-xs-shrink-5-only {
    flex-shrink: 5 !important;
  }
  .flex-xs-stretch-6-only,
  .flex-xs-grow-6-only {
    flex-grow: 6 !important;
  }
  .flex-xs-stretch-6-only,
  .flex-xs-shrink-6-only {
    flex-shrink: 6 !important;
  }
  .flex-xs-stretch-7-only,
  .flex-xs-grow-7-only {
    flex-grow: 7 !important;
  }
  .flex-xs-stretch-7-only,
  .flex-xs-shrink-7-only {
    flex-shrink: 7 !important;
  }
  .flex-xs-stretch-8-only,
  .flex-xs-grow-8-only {
    flex-grow: 8 !important;
  }
  .flex-xs-stretch-8-only,
  .flex-xs-shrink-8-only {
    flex-shrink: 8 !important;
  }
  .flex-xs-stretch-9-only,
  .flex-xs-grow-9-only {
    flex-grow: 9 !important;
  }
  .flex-xs-stretch-9-only,
  .flex-xs-shrink-9-only {
    flex-shrink: 9 !important;
  }
  .flex-xs-stretch-10-only,
  .flex-xs-grow-10-only {
    flex-grow: 10 !important;
  }
  .flex-xs-stretch-10-only,
  .flex-xs-shrink-10-only {
    flex-shrink: 10 !important;
  }
  .flex-xs-stretch-11-only,
  .flex-xs-grow-11-only {
    flex-grow: 11 !important;
  }
  .flex-xs-stretch-11-only,
  .flex-xs-shrink-11-only {
    flex-shrink: 11 !important;
  }
  .flex-xs-stretch-12-only,
  .flex-xs-grow-12-only {
    flex-grow: 12 !important;
  }
  .flex-xs-stretch-12-only,
  .flex-xs-shrink-12-only {
    flex-shrink: 12 !important;
  }
  .flex-xs-stretch-only,
  .flex-xs-grow-only {
    flex-grow: 1 !important;
  }
  .flex-xs-stretch-only,
  .flex-xs-shrink-only {
    flex-shrink: 1 !important;
  }
  .flex-xs-stretch-none-only,
  .flex-xs-grow-none-only {
    flex-grow: 0 !important;
  }
  .flex-xs-stretch-none-only,
  .flex-xs-shrink-none-only {
    flex-shrink: 0 !important;
  }
  .flex-xs-basis-120px-only {
    flex-basis: 120px !important;
  }
  .flex-xs-basis-240px-only {
    flex-basis: 240px !important;
  }
  .flex-xs-basis-360px-only {
    flex-basis: 360px !important;
  }
  .flex-xs-basis-420px-only {
    flex-basis: 420px !important;
  }
  .flex-xs-basis-480px-only {
    flex-basis: 480px !important;
  }
  .flex-xs-basis-540px-only {
    flex-basis: 540px !important;
  }
  .flex-xs-basis-600px-only {
    flex-basis: 600px !important;
  }
  .flex-xs-basis-640px-only {
    flex-basis: 640px !important;
  }
  .flex-xs-basis-720px-only {
    flex-basis: 720px !important;
  }
  .flex-xs-basis-840px-only {
    flex-basis: 840px !important;
  }
  .flex-xs-basis-960px-only {
    flex-basis: 960px !important;
  }
  .flex-xs-basis-1040px-only {
    flex-basis: 1040px !important;
  }
  .flex-xs-basis-1160px-only {
    flex-basis: 1160px !important;
  }
  .flex-xs-basis-1280px-only {
    flex-basis: 1280px !important;
  }
  .flex-xs-basis-1400px-only {
    flex-basis: 1400px !important;
  }
  .flex-xs-basis-1520px-only {
    flex-basis: 1520px !important;
  }
  .flex-xs-basis-1640px-only {
    flex-basis: 1640px !important;
  }
  .flex-xs-basis-1760px-only {
    flex-basis: 1760px !important;
  }
  .flex-xs-basis-1880px-only {
    flex-basis: 1880px !important;
  }
  .flex-xs-basis-2000px-only {
    flex-basis: 2000px !important;
  }
  .flex-xs-basis-200px-only {
    flex-basis: 200px !important;
  }
  .flex-xs-basis-768px-only {
    flex-basis: 768px !important;
  }
  .flex-xs-basis-1024px-only {
    flex-basis: 1024px !important;
  }
  .flex-xs-basis-1440px-only {
    flex-basis: 1440px !important;
  }
  .flex-xs-basis-1600px-only {
    flex-basis: 1600px !important;
  }
  .flex-xs-basis-1920px-only {
    flex-basis: 1920px !important;
  }
  .flex-xs-basis-800px-only {
    flex-basis: 800px !important;
  }
  .flex-xs-basis-920px-only {
    flex-basis: 920px !important;
  }
  .flex-xs-basis-auto-only {
    flex-basis: auto !important;
  }
  .flex-xs-basis-zero-only {
    flex-basis: 0 !important;
  }
  .flex-xs-basis-full-only {
    flex-basis: 100% !important;
  }
  .flex-xs-none-only {
    flex: none !important;
  }
  .flex-xs-direction-row-only {
    flex-direction: row !important;
  }
  .flex-xs-direction-row-reverse-only {
    flex-direction: row-reverse !important;
  }
  .flex-xs-direction-column-only {
    flex-direction: column !important;
  }
  .flex-xs-direction-column-reverse-only {
    flex-direction: column-reverse !important;
  }
  .flex-xs-wrap-only {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap-only {
    flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse-only {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xs-items-start-only {
    align-items: flex-start !important;
  }
  .flex-xs-content-start-only {
    align-content: flex-start !important;
  }
  .flex-xs-self-start-only {
    align-self: flex-start !important;
  }
  .flex-xs-items-end-only {
    align-items: flex-end !important;
  }
  .flex-xs-content-end-only {
    align-content: flex-end !important;
  }
  .flex-xs-self-end-only {
    align-self: flex-end !important;
  }
  .flex-xs-items-center-only {
    align-items: center !important;
  }
  .flex-xs-content-center-only {
    align-content: center !important;
  }
  .flex-xs-self-center-only {
    align-self: center !important;
  }
  .flex-xs-items-stretch-only {
    align-items: stretch !important;
  }
  .flex-xs-content-stretch-only {
    align-content: stretch !important;
  }
  .flex-xs-self-stretch-only {
    align-self: stretch !important;
  }
  .flex-xs-items-baseline-only {
    align-items: baseline !important;
  }
  .flex-xs-content-baseline-only {
    align-content: baseline !important;
  }
  .flex-xs-self-baseline-only {
    align-self: baseline !important;
  }
  .flex-xs-justify-start-only {
    justify-content: flex-start !important;
  }
  .flex-xs-justify-end-only {
    justify-content: flex-end !important;
  }
  .flex-xs-justify-center-only {
    justify-content: center !important;
  }
  .flex-xs-justify-stretch-only {
    justify-content: stretch !important;
  }
  .flex-xs-justify-space-between-only {
    justify-content: space-between !important;
  }
  .flex-xs-justify-space-around-only {
    justify-content: space-around !important;
  }
  .order-xs-1-only {
    order: 1 !important;
  }
  .order-xs-2-only {
    order: 2 !important;
  }
  .order-xs-3-only {
    order: 3 !important;
  }
  .order-xs-4-only {
    order: 4 !important;
  }
  .order-xs-5-only {
    order: 5 !important;
  }
  .order-xs-6-only {
    order: 6 !important;
  }
  .order-xs-7-only {
    order: 7 !important;
  }
  .order-xs-8-only {
    order: 8 !important;
  }
  .order-xs-9-only {
    order: 9 !important;
  }
  .order-xs-10-only {
    order: 10 !important;
  }
  .order-xs-11-only {
    order: 11 !important;
  }
  .order-xs-12-only {
    order: 12 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .flex-sm-stretch-1-only,
  .flex-sm-grow-1-only {
    flex-grow: 1 !important;
  }
  .flex-sm-stretch-1-only,
  .flex-sm-shrink-1-only {
    flex-shrink: 1 !important;
  }
  .flex-sm-stretch-2-only,
  .flex-sm-grow-2-only {
    flex-grow: 2 !important;
  }
  .flex-sm-stretch-2-only,
  .flex-sm-shrink-2-only {
    flex-shrink: 2 !important;
  }
  .flex-sm-stretch-3-only,
  .flex-sm-grow-3-only {
    flex-grow: 3 !important;
  }
  .flex-sm-stretch-3-only,
  .flex-sm-shrink-3-only {
    flex-shrink: 3 !important;
  }
  .flex-sm-stretch-4-only,
  .flex-sm-grow-4-only {
    flex-grow: 4 !important;
  }
  .flex-sm-stretch-4-only,
  .flex-sm-shrink-4-only {
    flex-shrink: 4 !important;
  }
  .flex-sm-stretch-5-only,
  .flex-sm-grow-5-only {
    flex-grow: 5 !important;
  }
  .flex-sm-stretch-5-only,
  .flex-sm-shrink-5-only {
    flex-shrink: 5 !important;
  }
  .flex-sm-stretch-6-only,
  .flex-sm-grow-6-only {
    flex-grow: 6 !important;
  }
  .flex-sm-stretch-6-only,
  .flex-sm-shrink-6-only {
    flex-shrink: 6 !important;
  }
  .flex-sm-stretch-7-only,
  .flex-sm-grow-7-only {
    flex-grow: 7 !important;
  }
  .flex-sm-stretch-7-only,
  .flex-sm-shrink-7-only {
    flex-shrink: 7 !important;
  }
  .flex-sm-stretch-8-only,
  .flex-sm-grow-8-only {
    flex-grow: 8 !important;
  }
  .flex-sm-stretch-8-only,
  .flex-sm-shrink-8-only {
    flex-shrink: 8 !important;
  }
  .flex-sm-stretch-9-only,
  .flex-sm-grow-9-only {
    flex-grow: 9 !important;
  }
  .flex-sm-stretch-9-only,
  .flex-sm-shrink-9-only {
    flex-shrink: 9 !important;
  }
  .flex-sm-stretch-10-only,
  .flex-sm-grow-10-only {
    flex-grow: 10 !important;
  }
  .flex-sm-stretch-10-only,
  .flex-sm-shrink-10-only {
    flex-shrink: 10 !important;
  }
  .flex-sm-stretch-11-only,
  .flex-sm-grow-11-only {
    flex-grow: 11 !important;
  }
  .flex-sm-stretch-11-only,
  .flex-sm-shrink-11-only {
    flex-shrink: 11 !important;
  }
  .flex-sm-stretch-12-only,
  .flex-sm-grow-12-only {
    flex-grow: 12 !important;
  }
  .flex-sm-stretch-12-only,
  .flex-sm-shrink-12-only {
    flex-shrink: 12 !important;
  }
  .flex-sm-stretch-only,
  .flex-sm-grow-only {
    flex-grow: 1 !important;
  }
  .flex-sm-stretch-only,
  .flex-sm-shrink-only {
    flex-shrink: 1 !important;
  }
  .flex-sm-stretch-none-only,
  .flex-sm-grow-none-only {
    flex-grow: 0 !important;
  }
  .flex-sm-stretch-none-only,
  .flex-sm-shrink-none-only {
    flex-shrink: 0 !important;
  }
  .flex-sm-basis-120px-only {
    flex-basis: 120px !important;
  }
  .flex-sm-basis-240px-only {
    flex-basis: 240px !important;
  }
  .flex-sm-basis-360px-only {
    flex-basis: 360px !important;
  }
  .flex-sm-basis-420px-only {
    flex-basis: 420px !important;
  }
  .flex-sm-basis-480px-only {
    flex-basis: 480px !important;
  }
  .flex-sm-basis-540px-only {
    flex-basis: 540px !important;
  }
  .flex-sm-basis-600px-only {
    flex-basis: 600px !important;
  }
  .flex-sm-basis-640px-only {
    flex-basis: 640px !important;
  }
  .flex-sm-basis-720px-only {
    flex-basis: 720px !important;
  }
  .flex-sm-basis-840px-only {
    flex-basis: 840px !important;
  }
  .flex-sm-basis-960px-only {
    flex-basis: 960px !important;
  }
  .flex-sm-basis-1040px-only {
    flex-basis: 1040px !important;
  }
  .flex-sm-basis-1160px-only {
    flex-basis: 1160px !important;
  }
  .flex-sm-basis-1280px-only {
    flex-basis: 1280px !important;
  }
  .flex-sm-basis-1400px-only {
    flex-basis: 1400px !important;
  }
  .flex-sm-basis-1520px-only {
    flex-basis: 1520px !important;
  }
  .flex-sm-basis-1640px-only {
    flex-basis: 1640px !important;
  }
  .flex-sm-basis-1760px-only {
    flex-basis: 1760px !important;
  }
  .flex-sm-basis-1880px-only {
    flex-basis: 1880px !important;
  }
  .flex-sm-basis-2000px-only {
    flex-basis: 2000px !important;
  }
  .flex-sm-basis-200px-only {
    flex-basis: 200px !important;
  }
  .flex-sm-basis-768px-only {
    flex-basis: 768px !important;
  }
  .flex-sm-basis-1024px-only {
    flex-basis: 1024px !important;
  }
  .flex-sm-basis-1440px-only {
    flex-basis: 1440px !important;
  }
  .flex-sm-basis-1600px-only {
    flex-basis: 1600px !important;
  }
  .flex-sm-basis-1920px-only {
    flex-basis: 1920px !important;
  }
  .flex-sm-basis-800px-only {
    flex-basis: 800px !important;
  }
  .flex-sm-basis-920px-only {
    flex-basis: 920px !important;
  }
  .flex-sm-basis-auto-only {
    flex-basis: auto !important;
  }
  .flex-sm-basis-zero-only {
    flex-basis: 0 !important;
  }
  .flex-sm-basis-full-only {
    flex-basis: 100% !important;
  }
  .flex-sm-none-only {
    flex: none !important;
  }
  .flex-sm-direction-row-only {
    flex-direction: row !important;
  }
  .flex-sm-direction-row-reverse-only {
    flex-direction: row-reverse !important;
  }
  .flex-sm-direction-column-only {
    flex-direction: column !important;
  }
  .flex-sm-direction-column-reverse-only {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap-only {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap-only {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse-only {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-items-start-only {
    align-items: flex-start !important;
  }
  .flex-sm-content-start-only {
    align-content: flex-start !important;
  }
  .flex-sm-self-start-only {
    align-self: flex-start !important;
  }
  .flex-sm-items-end-only {
    align-items: flex-end !important;
  }
  .flex-sm-content-end-only {
    align-content: flex-end !important;
  }
  .flex-sm-self-end-only {
    align-self: flex-end !important;
  }
  .flex-sm-items-center-only {
    align-items: center !important;
  }
  .flex-sm-content-center-only {
    align-content: center !important;
  }
  .flex-sm-self-center-only {
    align-self: center !important;
  }
  .flex-sm-items-stretch-only {
    align-items: stretch !important;
  }
  .flex-sm-content-stretch-only {
    align-content: stretch !important;
  }
  .flex-sm-self-stretch-only {
    align-self: stretch !important;
  }
  .flex-sm-items-baseline-only {
    align-items: baseline !important;
  }
  .flex-sm-content-baseline-only {
    align-content: baseline !important;
  }
  .flex-sm-self-baseline-only {
    align-self: baseline !important;
  }
  .flex-sm-justify-start-only {
    justify-content: flex-start !important;
  }
  .flex-sm-justify-end-only {
    justify-content: flex-end !important;
  }
  .flex-sm-justify-center-only {
    justify-content: center !important;
  }
  .flex-sm-justify-stretch-only {
    justify-content: stretch !important;
  }
  .flex-sm-justify-space-between-only {
    justify-content: space-between !important;
  }
  .flex-sm-justify-space-around-only {
    justify-content: space-around !important;
  }
  .order-sm-1-only {
    order: 1 !important;
  }
  .order-sm-2-only {
    order: 2 !important;
  }
  .order-sm-3-only {
    order: 3 !important;
  }
  .order-sm-4-only {
    order: 4 !important;
  }
  .order-sm-5-only {
    order: 5 !important;
  }
  .order-sm-6-only {
    order: 6 !important;
  }
  .order-sm-7-only {
    order: 7 !important;
  }
  .order-sm-8-only {
    order: 8 !important;
  }
  .order-sm-9-only {
    order: 9 !important;
  }
  .order-sm-10-only {
    order: 10 !important;
  }
  .order-sm-11-only {
    order: 11 !important;
  }
  .order-sm-12-only {
    order: 12 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .flex-md-stretch-1-only,
  .flex-md-grow-1-only {
    flex-grow: 1 !important;
  }
  .flex-md-stretch-1-only,
  .flex-md-shrink-1-only {
    flex-shrink: 1 !important;
  }
  .flex-md-stretch-2-only,
  .flex-md-grow-2-only {
    flex-grow: 2 !important;
  }
  .flex-md-stretch-2-only,
  .flex-md-shrink-2-only {
    flex-shrink: 2 !important;
  }
  .flex-md-stretch-3-only,
  .flex-md-grow-3-only {
    flex-grow: 3 !important;
  }
  .flex-md-stretch-3-only,
  .flex-md-shrink-3-only {
    flex-shrink: 3 !important;
  }
  .flex-md-stretch-4-only,
  .flex-md-grow-4-only {
    flex-grow: 4 !important;
  }
  .flex-md-stretch-4-only,
  .flex-md-shrink-4-only {
    flex-shrink: 4 !important;
  }
  .flex-md-stretch-5-only,
  .flex-md-grow-5-only {
    flex-grow: 5 !important;
  }
  .flex-md-stretch-5-only,
  .flex-md-shrink-5-only {
    flex-shrink: 5 !important;
  }
  .flex-md-stretch-6-only,
  .flex-md-grow-6-only {
    flex-grow: 6 !important;
  }
  .flex-md-stretch-6-only,
  .flex-md-shrink-6-only {
    flex-shrink: 6 !important;
  }
  .flex-md-stretch-7-only,
  .flex-md-grow-7-only {
    flex-grow: 7 !important;
  }
  .flex-md-stretch-7-only,
  .flex-md-shrink-7-only {
    flex-shrink: 7 !important;
  }
  .flex-md-stretch-8-only,
  .flex-md-grow-8-only {
    flex-grow: 8 !important;
  }
  .flex-md-stretch-8-only,
  .flex-md-shrink-8-only {
    flex-shrink: 8 !important;
  }
  .flex-md-stretch-9-only,
  .flex-md-grow-9-only {
    flex-grow: 9 !important;
  }
  .flex-md-stretch-9-only,
  .flex-md-shrink-9-only {
    flex-shrink: 9 !important;
  }
  .flex-md-stretch-10-only,
  .flex-md-grow-10-only {
    flex-grow: 10 !important;
  }
  .flex-md-stretch-10-only,
  .flex-md-shrink-10-only {
    flex-shrink: 10 !important;
  }
  .flex-md-stretch-11-only,
  .flex-md-grow-11-only {
    flex-grow: 11 !important;
  }
  .flex-md-stretch-11-only,
  .flex-md-shrink-11-only {
    flex-shrink: 11 !important;
  }
  .flex-md-stretch-12-only,
  .flex-md-grow-12-only {
    flex-grow: 12 !important;
  }
  .flex-md-stretch-12-only,
  .flex-md-shrink-12-only {
    flex-shrink: 12 !important;
  }
  .flex-md-stretch-only,
  .flex-md-grow-only {
    flex-grow: 1 !important;
  }
  .flex-md-stretch-only,
  .flex-md-shrink-only {
    flex-shrink: 1 !important;
  }
  .flex-md-stretch-none-only,
  .flex-md-grow-none-only {
    flex-grow: 0 !important;
  }
  .flex-md-stretch-none-only,
  .flex-md-shrink-none-only {
    flex-shrink: 0 !important;
  }
  .flex-md-basis-120px-only {
    flex-basis: 120px !important;
  }
  .flex-md-basis-240px-only {
    flex-basis: 240px !important;
  }
  .flex-md-basis-360px-only {
    flex-basis: 360px !important;
  }
  .flex-md-basis-420px-only {
    flex-basis: 420px !important;
  }
  .flex-md-basis-480px-only {
    flex-basis: 480px !important;
  }
  .flex-md-basis-540px-only {
    flex-basis: 540px !important;
  }
  .flex-md-basis-600px-only {
    flex-basis: 600px !important;
  }
  .flex-md-basis-640px-only {
    flex-basis: 640px !important;
  }
  .flex-md-basis-720px-only {
    flex-basis: 720px !important;
  }
  .flex-md-basis-840px-only {
    flex-basis: 840px !important;
  }
  .flex-md-basis-960px-only {
    flex-basis: 960px !important;
  }
  .flex-md-basis-1040px-only {
    flex-basis: 1040px !important;
  }
  .flex-md-basis-1160px-only {
    flex-basis: 1160px !important;
  }
  .flex-md-basis-1280px-only {
    flex-basis: 1280px !important;
  }
  .flex-md-basis-1400px-only {
    flex-basis: 1400px !important;
  }
  .flex-md-basis-1520px-only {
    flex-basis: 1520px !important;
  }
  .flex-md-basis-1640px-only {
    flex-basis: 1640px !important;
  }
  .flex-md-basis-1760px-only {
    flex-basis: 1760px !important;
  }
  .flex-md-basis-1880px-only {
    flex-basis: 1880px !important;
  }
  .flex-md-basis-2000px-only {
    flex-basis: 2000px !important;
  }
  .flex-md-basis-200px-only {
    flex-basis: 200px !important;
  }
  .flex-md-basis-768px-only {
    flex-basis: 768px !important;
  }
  .flex-md-basis-1024px-only {
    flex-basis: 1024px !important;
  }
  .flex-md-basis-1440px-only {
    flex-basis: 1440px !important;
  }
  .flex-md-basis-1600px-only {
    flex-basis: 1600px !important;
  }
  .flex-md-basis-1920px-only {
    flex-basis: 1920px !important;
  }
  .flex-md-basis-800px-only {
    flex-basis: 800px !important;
  }
  .flex-md-basis-920px-only {
    flex-basis: 920px !important;
  }
  .flex-md-basis-auto-only {
    flex-basis: auto !important;
  }
  .flex-md-basis-zero-only {
    flex-basis: 0 !important;
  }
  .flex-md-basis-full-only {
    flex-basis: 100% !important;
  }
  .flex-md-none-only {
    flex: none !important;
  }
  .flex-md-direction-row-only {
    flex-direction: row !important;
  }
  .flex-md-direction-row-reverse-only {
    flex-direction: row-reverse !important;
  }
  .flex-md-direction-column-only {
    flex-direction: column !important;
  }
  .flex-md-direction-column-reverse-only {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap-only {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap-only {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse-only {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-items-start-only {
    align-items: flex-start !important;
  }
  .flex-md-content-start-only {
    align-content: flex-start !important;
  }
  .flex-md-self-start-only {
    align-self: flex-start !important;
  }
  .flex-md-items-end-only {
    align-items: flex-end !important;
  }
  .flex-md-content-end-only {
    align-content: flex-end !important;
  }
  .flex-md-self-end-only {
    align-self: flex-end !important;
  }
  .flex-md-items-center-only {
    align-items: center !important;
  }
  .flex-md-content-center-only {
    align-content: center !important;
  }
  .flex-md-self-center-only {
    align-self: center !important;
  }
  .flex-md-items-stretch-only {
    align-items: stretch !important;
  }
  .flex-md-content-stretch-only {
    align-content: stretch !important;
  }
  .flex-md-self-stretch-only {
    align-self: stretch !important;
  }
  .flex-md-items-baseline-only {
    align-items: baseline !important;
  }
  .flex-md-content-baseline-only {
    align-content: baseline !important;
  }
  .flex-md-self-baseline-only {
    align-self: baseline !important;
  }
  .flex-md-justify-start-only {
    justify-content: flex-start !important;
  }
  .flex-md-justify-end-only {
    justify-content: flex-end !important;
  }
  .flex-md-justify-center-only {
    justify-content: center !important;
  }
  .flex-md-justify-stretch-only {
    justify-content: stretch !important;
  }
  .flex-md-justify-space-between-only {
    justify-content: space-between !important;
  }
  .flex-md-justify-space-around-only {
    justify-content: space-around !important;
  }
  .order-md-1-only {
    order: 1 !important;
  }
  .order-md-2-only {
    order: 2 !important;
  }
  .order-md-3-only {
    order: 3 !important;
  }
  .order-md-4-only {
    order: 4 !important;
  }
  .order-md-5-only {
    order: 5 !important;
  }
  .order-md-6-only {
    order: 6 !important;
  }
  .order-md-7-only {
    order: 7 !important;
  }
  .order-md-8-only {
    order: 8 !important;
  }
  .order-md-9-only {
    order: 9 !important;
  }
  .order-md-10-only {
    order: 10 !important;
  }
  .order-md-11-only {
    order: 11 !important;
  }
  .order-md-12-only {
    order: 12 !important;
  }
}
@media (min-width: 1200px) and (max-width: 100vw) {
  .flex-lg-stretch-1-only,
  .flex-lg-grow-1-only {
    flex-grow: 1 !important;
  }
  .flex-lg-stretch-1-only,
  .flex-lg-shrink-1-only {
    flex-shrink: 1 !important;
  }
  .flex-lg-stretch-2-only,
  .flex-lg-grow-2-only {
    flex-grow: 2 !important;
  }
  .flex-lg-stretch-2-only,
  .flex-lg-shrink-2-only {
    flex-shrink: 2 !important;
  }
  .flex-lg-stretch-3-only,
  .flex-lg-grow-3-only {
    flex-grow: 3 !important;
  }
  .flex-lg-stretch-3-only,
  .flex-lg-shrink-3-only {
    flex-shrink: 3 !important;
  }
  .flex-lg-stretch-4-only,
  .flex-lg-grow-4-only {
    flex-grow: 4 !important;
  }
  .flex-lg-stretch-4-only,
  .flex-lg-shrink-4-only {
    flex-shrink: 4 !important;
  }
  .flex-lg-stretch-5-only,
  .flex-lg-grow-5-only {
    flex-grow: 5 !important;
  }
  .flex-lg-stretch-5-only,
  .flex-lg-shrink-5-only {
    flex-shrink: 5 !important;
  }
  .flex-lg-stretch-6-only,
  .flex-lg-grow-6-only {
    flex-grow: 6 !important;
  }
  .flex-lg-stretch-6-only,
  .flex-lg-shrink-6-only {
    flex-shrink: 6 !important;
  }
  .flex-lg-stretch-7-only,
  .flex-lg-grow-7-only {
    flex-grow: 7 !important;
  }
  .flex-lg-stretch-7-only,
  .flex-lg-shrink-7-only {
    flex-shrink: 7 !important;
  }
  .flex-lg-stretch-8-only,
  .flex-lg-grow-8-only {
    flex-grow: 8 !important;
  }
  .flex-lg-stretch-8-only,
  .flex-lg-shrink-8-only {
    flex-shrink: 8 !important;
  }
  .flex-lg-stretch-9-only,
  .flex-lg-grow-9-only {
    flex-grow: 9 !important;
  }
  .flex-lg-stretch-9-only,
  .flex-lg-shrink-9-only {
    flex-shrink: 9 !important;
  }
  .flex-lg-stretch-10-only,
  .flex-lg-grow-10-only {
    flex-grow: 10 !important;
  }
  .flex-lg-stretch-10-only,
  .flex-lg-shrink-10-only {
    flex-shrink: 10 !important;
  }
  .flex-lg-stretch-11-only,
  .flex-lg-grow-11-only {
    flex-grow: 11 !important;
  }
  .flex-lg-stretch-11-only,
  .flex-lg-shrink-11-only {
    flex-shrink: 11 !important;
  }
  .flex-lg-stretch-12-only,
  .flex-lg-grow-12-only {
    flex-grow: 12 !important;
  }
  .flex-lg-stretch-12-only,
  .flex-lg-shrink-12-only {
    flex-shrink: 12 !important;
  }
  .flex-lg-stretch-only,
  .flex-lg-grow-only {
    flex-grow: 1 !important;
  }
  .flex-lg-stretch-only,
  .flex-lg-shrink-only {
    flex-shrink: 1 !important;
  }
  .flex-lg-stretch-none-only,
  .flex-lg-grow-none-only {
    flex-grow: 0 !important;
  }
  .flex-lg-stretch-none-only,
  .flex-lg-shrink-none-only {
    flex-shrink: 0 !important;
  }
  .flex-lg-basis-120px-only {
    flex-basis: 120px !important;
  }
  .flex-lg-basis-240px-only {
    flex-basis: 240px !important;
  }
  .flex-lg-basis-360px-only {
    flex-basis: 360px !important;
  }
  .flex-lg-basis-420px-only {
    flex-basis: 420px !important;
  }
  .flex-lg-basis-480px-only {
    flex-basis: 480px !important;
  }
  .flex-lg-basis-540px-only {
    flex-basis: 540px !important;
  }
  .flex-lg-basis-600px-only {
    flex-basis: 600px !important;
  }
  .flex-lg-basis-640px-only {
    flex-basis: 640px !important;
  }
  .flex-lg-basis-720px-only {
    flex-basis: 720px !important;
  }
  .flex-lg-basis-840px-only {
    flex-basis: 840px !important;
  }
  .flex-lg-basis-960px-only {
    flex-basis: 960px !important;
  }
  .flex-lg-basis-1040px-only {
    flex-basis: 1040px !important;
  }
  .flex-lg-basis-1160px-only {
    flex-basis: 1160px !important;
  }
  .flex-lg-basis-1280px-only {
    flex-basis: 1280px !important;
  }
  .flex-lg-basis-1400px-only {
    flex-basis: 1400px !important;
  }
  .flex-lg-basis-1520px-only {
    flex-basis: 1520px !important;
  }
  .flex-lg-basis-1640px-only {
    flex-basis: 1640px !important;
  }
  .flex-lg-basis-1760px-only {
    flex-basis: 1760px !important;
  }
  .flex-lg-basis-1880px-only {
    flex-basis: 1880px !important;
  }
  .flex-lg-basis-2000px-only {
    flex-basis: 2000px !important;
  }
  .flex-lg-basis-200px-only {
    flex-basis: 200px !important;
  }
  .flex-lg-basis-768px-only {
    flex-basis: 768px !important;
  }
  .flex-lg-basis-1024px-only {
    flex-basis: 1024px !important;
  }
  .flex-lg-basis-1440px-only {
    flex-basis: 1440px !important;
  }
  .flex-lg-basis-1600px-only {
    flex-basis: 1600px !important;
  }
  .flex-lg-basis-1920px-only {
    flex-basis: 1920px !important;
  }
  .flex-lg-basis-800px-only {
    flex-basis: 800px !important;
  }
  .flex-lg-basis-920px-only {
    flex-basis: 920px !important;
  }
  .flex-lg-basis-auto-only {
    flex-basis: auto !important;
  }
  .flex-lg-basis-zero-only {
    flex-basis: 0 !important;
  }
  .flex-lg-basis-full-only {
    flex-basis: 100% !important;
  }
  .flex-lg-none-only {
    flex: none !important;
  }
  .flex-lg-direction-row-only {
    flex-direction: row !important;
  }
  .flex-lg-direction-row-reverse-only {
    flex-direction: row-reverse !important;
  }
  .flex-lg-direction-column-only {
    flex-direction: column !important;
  }
  .flex-lg-direction-column-reverse-only {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap-only {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap-only {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse-only {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-items-start-only {
    align-items: flex-start !important;
  }
  .flex-lg-content-start-only {
    align-content: flex-start !important;
  }
  .flex-lg-self-start-only {
    align-self: flex-start !important;
  }
  .flex-lg-items-end-only {
    align-items: flex-end !important;
  }
  .flex-lg-content-end-only {
    align-content: flex-end !important;
  }
  .flex-lg-self-end-only {
    align-self: flex-end !important;
  }
  .flex-lg-items-center-only {
    align-items: center !important;
  }
  .flex-lg-content-center-only {
    align-content: center !important;
  }
  .flex-lg-self-center-only {
    align-self: center !important;
  }
  .flex-lg-items-stretch-only {
    align-items: stretch !important;
  }
  .flex-lg-content-stretch-only {
    align-content: stretch !important;
  }
  .flex-lg-self-stretch-only {
    align-self: stretch !important;
  }
  .flex-lg-items-baseline-only {
    align-items: baseline !important;
  }
  .flex-lg-content-baseline-only {
    align-content: baseline !important;
  }
  .flex-lg-self-baseline-only {
    align-self: baseline !important;
  }
  .flex-lg-justify-start-only {
    justify-content: flex-start !important;
  }
  .flex-lg-justify-end-only {
    justify-content: flex-end !important;
  }
  .flex-lg-justify-center-only {
    justify-content: center !important;
  }
  .flex-lg-justify-stretch-only {
    justify-content: stretch !important;
  }
  .flex-lg-justify-space-between-only {
    justify-content: space-between !important;
  }
  .flex-lg-justify-space-around-only {
    justify-content: space-around !important;
  }
  .order-lg-1-only {
    order: 1 !important;
  }
  .order-lg-2-only {
    order: 2 !important;
  }
  .order-lg-3-only {
    order: 3 !important;
  }
  .order-lg-4-only {
    order: 4 !important;
  }
  .order-lg-5-only {
    order: 5 !important;
  }
  .order-lg-6-only {
    order: 6 !important;
  }
  .order-lg-7-only {
    order: 7 !important;
  }
  .order-lg-8-only {
    order: 8 !important;
  }
  .order-lg-9-only {
    order: 9 !important;
  }
  .order-lg-10-only {
    order: 10 !important;
  }
  .order-lg-11-only {
    order: 11 !important;
  }
  .order-lg-12-only {
    order: 12 !important;
  }
}
/**
 * List styles
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-list__indent: 2rem;
}
:is(menu, ol, ul),
:is(.menu, .ol, .ul) {
  margin-block: var(--fluffle-para__spacing-v);
  margin-inline: var(--fluffle-para__spacing-h);
}
dl,
.dl {
  margin-block: var(--fluffle-block__spacing-v);
  margin-inline: var(--fluffle-block__spacing-h);
}
:is(ol, ul),
:is(.ol, .ul) {
  padding-inline-start: var(--fluffle-list__indent);
}
:is(ol, ul).row,
:is(.ol, .ul).row,
:is(ol, ul).plain,
:is(.ol, .ul).plain {
  list-style: none;
  padding-inline-start: 0;
}
:is(ol, ul).row > li,
:is(.ol, .ul).row > li {
  inline-size: auto;
}
:is(dl, menu),
:is(.dl, .menu) {
  list-style: none;
  padding-inline-start: 0;
}
:is(dd, dt, li),
:is(.dd, .dt, .li) {
  margin-block: var(--fluffle-line__spacing-v);
  margin-inline: var(--fluffle-line__spacing-h);
}
dd + dt {
  margin-block-start: var(--fluffle-para__spacing-v);
}
dl > :is( dd, :where( div ) > dd) {
  padding-inline-start: var(--fluffle-list__indent);
}
/**
 * Separators
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https: designsandcodes.com/]
 * @license MIT License [https: opensource.org/licenses/MIT]
 */
:root {
  --fluffle-separator__spacing-v: var(--fluffle-header__spacing-v);
  --fluffle-separator__spacing-h: var(--fluffle-header__spacing-h);
  --fluffle-separator__thickness: var(--fluffle__border-width);
  --fluffle-separator__style: var(--fluffle__border-style);
  --fluffle-separator__color: var(--fluffle__border-color);
}
hr,
.hr {
  display: block;
  margin-block: var(--fluffle-separator__spacing-v);
  margin-inline: var(--fluffle-separator__spacing-h);
  border-color: var(--fluffle-separator__color);
  border-radius: 0;
  border-style: var(--fluffle-separator__style);
  border-width: 0;
  border-block-start-width: var(--fluffle-separator__thickness);
}
/**
 * Generic table styles
 * 
 * @since 2024-10-04
 * @author Designs and Codes, LLC
 */
:root {
  --fluffle-table__color-heading-bg: #f2f2f2;
  --fluffle-table__color-heading-fg: var(--fluffle__color-fg);
  --fluffle-table__color-body-bg: #fafafa;
  --fluffle-table__color-body-fg: var(--fluffle__color-fg);
  --fluffle-table__color-even-bg: #f7f7f7;
  --fluffle-table__color-even-fg: var(--fluffle__color-fg);
}
.wp-block-table,
table {
  margin-block: var(--fluffle-block__spacing-v);
}
table {
  max-inline-size: 100%;
  inline-size: 100%;
}
.wp-block-table :where( table ) {
  border-collapse: collapse;
  inline-size: 100%;
}
.wp-block-table :where( th ) {
  background-color: var(--fluffle-table__color-heading-bg);
  color: var(--fluffle-table__color-heading-fg);
}
.wp-block-table :where( td ) {
  background-color: var(--fluffle-table__color-body-bg);
  color: var(--fluffle-table__color-body-fg);
}
.wp-block-table :where( tbody ) > tr:where( :nth-child( 2n )) > :where( td ) {
  background-color: var(--fluffle-table__color-even-bg);
  color: var(--fluffle-table__color-even-fg);
}
/**
 * Site-level styles
 * 
 * @since 2024-03-04
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
:root {
  --fluffle-site-header__spacing-v: var(--fluffle-header__spacing-v);
  --fluffle-site-header__spacing-h: var(--fluffle-header__spacing-h);
  --fluffle-site-content__spacing-v: var(--fluffle-section__spacing-v);
  --fluffle-site-content__spacing-h: var(--fluffle-container__padding-h);
  --fluffle-site-footer__spacing-v: var(--fluffle-header__spacing-v);
  --fluffle-site-footer__spacing-h: var(--fluffle-header__spacing-h);
  --fluffle__full-height: 100vh;
  --fluffle__full-width: 100vw;
  --fluffle__viewport-height: 100vh;
}
@supports ( --fluffle__full-width: 100dvw ) {
  :root {
    --fluffle__full-height: 100dvh;
    --fluffle__full-width: 100dvw;
    --fluffle__viewport-height: 100dvh;
  }
}
body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  min-block-size: var(--fluffle__viewport-height);
  min-inline-size: var(--fluffle__viewport-width);
}
:where( body ) > * {
  inline-size: 100%;
}
.site-header,
.site-footer,
.site-content {
  margin: 0 auto;
}
.site-header,
.site-footer {
  flex: 0 0 auto;
}
.site-header {
  padding-block: var(--fluffle-site-header__spacing-v);
  padding-inline: var(--fluffle-site-header__spacing-h);
}
.site-content {
  flex: 1 0 auto;
  padding-block: var(--fluffle-site-content__spacing-v);
  padding-inline: var(--fluffle-site-content__spacing-h);
}
.site-footer {
  padding-block: var(--fluffle-site-footer__spacing-v);
  padding-inline: var(--fluffle-site-footer__spacing-h);
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -1px !important;
  border: none !important;
  padding: 0 !important;
  block-size: 1px !important;
  inline-size: 1px !important;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only:first-child + * {
  margin-block-start: 0;
}
.sr-only-focusable {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -1px !important;
  border: none !important;
  padding: 0 !important;
  block-size: 1px !important;
  inline-size: 1px !important;
}
.sr-only-focusable:first-child + * {
  margin-block-start: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  block-size: auto !important;
  inline-size: auto !important;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/**
 * Add optional Font Awesome (v4.7.0) support
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
/**
 * WordPress compatibility for Fluffle CSS
 *
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
/**
 * Alignment support for WordPress
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.alignnone {
  margin-inline: 0;
}
.alignleft.alignleft {
  float: left !important;
  margin-inline: 0 var(--fluffle__spacing-h__gutter);
}
.alignright.alignright {
  float: right !important;
  margin-inline: var(--fluffle__spacing-h__gutter) 0;
}
.aligncenter.aligncenter {
  margin-inline: auto;
}
.alignwide.alignwide {
  margin-inline: calc(var(--fluffle__spacing-h__gutter) / -2) !important;
  max-inline-size: calc(100% + var(--fluffle__spacing-h__gutter));
}
.alignfull.alignfull {
  position: relative !important;
  inset-inline-start: 50% !important;
  margin-inline-start: calc(var(--fluffle__full-width) / -2) !important;
  max-inline-size: var(--fluffle__full-width) !important;
  inline-size: var(--fluffle__full-width) !important;
}
/**
 * Blocks support for WordPress
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
:where( body .is-layout-constrained ) > * {
  margin-block: var(--fluffle-block__spacing-v);
}
.is-layout-flex {
  display: flex;
  align-items: start;
  flex-flow: row wrap;
  gap: var(--fluffle-block__spacing-v) var(--fluffle__spacing-h__gutter);
  justify-content: start;
}
.is-layout-flex:where( .is-vertical ) {
  align-items: stretch;
  flex-flow: column nowrap;
}
.is-layout-flex > :is( #foo, * ) {
  margin-inline: 0;
}
.is-layout-flex > :is( #foo, * ):where( :not( .is-vertical )) {
  margin-block: 0;
}
.is-layout-flex:where( .is-vertical ):where( .allow-margins ) {
  row-gap: 0;
}
.is-layout-flex:where( .is-vertical ):where( .allow-margins ) > :is( #foo, * ) {
  margin-block-start: 0;
}
.is-layout-flex:where( .is-vertical ):where( :not( .allow-margins )) > :is( #foo, * ) {
  margin-block: 0;
}
.is-layout-flex:where( .is-vertical ):where( :not( .allow-margins )) > :is( #foo, * ) > * + .wp-block-fluffle-glue {
  margin-block-start: calc(var(--fluffle-block__spacing-v)) !important;
}
@media (min-width: 768px) {
  body {
    --wp--style--global--content-size: var(--fluffle-container__width-sm);
  }
}
@media (min-width: 992px) {
  body {
    --wp--style--global--content-size: var(--fluffle-container__width-md);
  }
}
@media (min-width: 1200px) {
  body {
    --wp--style--global--content-size: var(--fluffle-container__width-lg);
  }
}
/**
 * core/button overrides for WordPress
 *
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.wp-block-button.wp-block-button > .wp-block-button__link {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: var(--fluffle-button__color-bg);
  color: var(--fluffle-button__color-fg);
  display: inline-block;
  inline-size: auto;
}
.wp-block-button.wp-block-button > .wp-block-button__link:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .wp-block-button.wp-block-button > .wp-block-button__link:focus {
    outline-color: transparent;
  }
  .wp-block-button.wp-block-button > .wp-block-button__link:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
.wp-block-button.wp-block-button > .wp-block-button__link:disabled {
  cursor: default !important;
  outline: none !important;
}
.wp-block-button.wp-block-button > .wp-block-button__link:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: var(--fluffle-button__color-bg__hover);
  color: var(--fluffle-button__color-fg__hover);
}
.wp-block-button.wp-block-button > .wp-block-button__link:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: var(--fluffle-button__color-bg__active);
  color: var(--fluffle-button__color-fg__active);
}
.wp-block-button.wp-block-button > .wp-block-button__link:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-bg__disabled) !important;
  color: var(--fluffle-button__color-fg__disabled) !important;
}
.wp-block-button.wp-block-button.is-style-circle > .wp-block-button__link {
  border-radius: 50%;
  padding: var(--fluffle-button__padding-v);
  aspect-ratio: 1 / 1;
}
.wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: var(--fluffle-button__color-fg);
  color: var(--fluffle-button__color-bg);
}
.wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link:focus {
    outline-color: transparent;
  }
  .wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
.wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link:disabled {
  cursor: default !important;
  outline: none !important;
}
.wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: var(--fluffle-button__color-fg__hover);
  color: var(--fluffle-button__color-bg__hover);
}
.wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: var(--fluffle-button__color-fg__active);
  color: var(--fluffle-button__color-bg__active);
}
.wp-block-button.wp-block-button.is-style-outline > .wp-block-button__link:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-fg__disabled) !important;
  color: var(--fluffle-button__color-bg__disabled) !important;
}
/**
 * core/column overrides for WordPress
 *
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.wp-block-columns:where( .is-layout-flex ) {
  margin-block: var(--fluffle-block__spacing-v);
  gap: var(--fluffle-flexbox__gap-v) var(--fluffle-flexbox__gap-h);
}
.wp-block-columns:where( .is-style-buckets ) > * > *,
.wp-block-column:where( .is-vertically-aligned-stretch ) > * {
  margin-block-end: 0;
}
/**
 * core/cover overrides for WordPress
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.wp-block-cover {
  margin-block: var(--fluffle-section__spacing-v);
  padding-block: var(--fluffle-section__spacing-v);
  padding-inline: 0;
  min-block-size: 0;
  overflow-y: visible;
}
.wp-block-cover .wp-block-cover__inner-container {
  padding-inline: var(--fluffle-container__padding-h);
  max-inline-size: 100%;
  inline-size: 100%;
}
.wp-block-cover .wp-block-cover__inner-container:where( .is-layout-constrained ) {
  inline-size: var(--fluffle-container__inline-size);
}
:where( .wp-block-cover .wp-block-cover__inner-container:where( .is-layout-constrained )) > * {
  max-inline-size: 100%;
}
/* @media( min-width: ~"@{breakpoint-sm-min}" ) { */
/* 	.post-content > .wp-block-cover > .is-layout-constrained > * { */
/* 		padding-inline: 0; */
/* 	} */
/* } */
:where( .wp-block-cover ) + .wp-block-cover {
  margin-block-start: calc(-1 * var(--fluffle-section__spacing-v));
}
:where( .singular-post ) :where( .single-post-header.screen-reader-text ) + .post-content > .wp-block-cover:where( :first-child ),
:where( .singular-post ) .post-content:where( :first-child ) > .wp-block-cover:where( :first-child ) {
  margin-block-start: calc(-1 * var(--fluffle-site-content__spacing-v)) !important;
}
:where( .singular-post ) .post-content > .wp-block-cover:where( :last-child ) {
  margin-block-end: calc(-1 * var(--fluffle-site-content__spacing-v)) !important;
}
.wp-block-cover__image-background {
  pointer-events: none !important;
}
/**
 * Styles for the gallery block
 * 
 * @since 2024-10-03
 * @author Designs and Codes, LLC
 */
/**
 * Styles for the core/image block
 * 
 * @since 2024-11-25
 * @author Designs and Codes, LLC
 */
:where( .wp-block-image ) img {
  pointer-events: none !important;
}
.wp-block-image.grow {
  inline-size: 100%;
}
:where( .wp-block-image.grow) img {
  inline-size: 100%;
}
/**
 * core/separator overrides for WordPress
 *
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
:is( ol, ul ).is-style-no-bullets {
  list-style: none;
  padding-inline: 0;
}
/**
 * core/separator overrides for WordPress
 *
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.wp-block-separator {
  display: block;
  margin-block: var(--fluffle-separator__spacing-v);
  margin-inline: var(--fluffle-separator__spacing-h);
  border-color: var(--fluffle-separator__color);
  border-radius: 0;
  border-style: var(--fluffle-separator__style);
  border-width: 0;
  border-block-start-width: var(--fluffle-separator__thickness);
}
.wp-block-separator.is-style-wide {
  inline-size: 100%;
}
.wp-block-separator.is-style-dots::before {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: center;
  padding: 0;
  letter-spacing: normal;
}
/**
 * Comment Area overrides for WordPress
 *
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.comment-form-cookies-consent > [type="checkbox"] + label {
  padding-left: 0.5em;
}
/**
 * Search Form support for WordPress
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.search-form {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0 0;
  justify-content: start;
  margin-block: var(--fluffle-block__spacing-v);
}
.search-form > * {
  margin: 0 !important;
}
.search-form > label {
  display: block;
  flex: 1 1 0%;
}
.search-field,
.search-submit {
  outline: var(--fluffle-input__outline-width) var(--fluffle-input__outline-style) transparent;
  outline-offset: var(--fluffle-input__outline-offset);
  border: var(--fluffle-input__border-width) var(--fluffle-input__border-style) var(--fluffle-input__border-color);
  border-radius: calc( min( var( --fluffle-input__padding-v ), var( --fluffle-input__padding-h ) ) * 0.5 );
  background-color: var(--fluffle-input__color-bg);
  color: var(--fluffle-input__color-fg);
  font-family: var(--fluffle-input__font-family);
  font-size: var(--fluffle-input__font-size);
  line-height: var(--fluffle-input__line-height);
  transition-duration: var(--fluffle-input__transition-duration);
  transition-property: var(--fluffle-input__transition-properties);
  display: block;
  margin-block: var(--fluffle-input__spacing-v);
  margin-inline: var(--fluffle-input__spacing-h);
  padding: var(--fluffle-input__padding-v) var(--fluffle-input__padding-h);
  max-inline-size: 100%;
  inline-size: 100%;
}
.search-field:focus,
.search-submit:focus {
  outline-color: var(--fluffle-input__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .search-field:focus,
  .search-submit:focus {
    outline-color: transparent;
  }
  .search-field:focus-visible,
  .search-submit:focus-visible {
    outline-color: var(--fluffle-input__outline-color__focus);
  }
}
.search-field:indeterminate,
.search-submit:indeterminate {
  border-color: var(--fluffle-input__border-color__indeterminate);
  background-color: var(--fluffle-input__color-bg__indeterminate);
  color: var(--fluffle-input__color-fg__indeterminate);
}
.search-field:invalid,
.search-submit:invalid {
  border-color: var(--fluffle-input__border-color__invalid);
  background-color: var(--fluffle-input__color-bg__invalid);
  color: var(--fluffle-input__color-fg__invalid);
}
.search-field:disabled,
.search-submit:disabled,
.search-field[readonly],
.search-submit[readonly] {
  outline: none !important;
  border-color: var(--fluffle-input__border-color__disabled) !important;
  background-color: var(--fluffle-input__color-bg__disabled) !important;
}
.search-field[readonly],
.search-submit[readonly] {
  color: var(--fluffle-input__color) !important;
}
.search-field:disabled,
.search-submit:disabled {
  cursor: default !important;
  color: var(--fluffle-input__color-fg__disabled) !important;
}
.search-field::placeholder,
.search-submit::placeholder {
  color: var(--fluffle-input__color-fg__disabled);
  font-style: italic;
}
.search-submit {
  flex: 0 0 auto;
  inline-size: auto;
}
.search-submit:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: ' ' "\f002" ' ';
}
:where( .search-form > label:not( :last-child )) > .search-field {
  border-inline-end: none;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.search-submit:where( :not( :first-child )) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
/**
 * Site-level styles for WordPress
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
body {
  min-block-size: calc(var(--fluffle__viewport-height) - var(--wp-admin--admin-bar--height, 0px));
}
a:not( [href] ) {
  text-decoration: none;
}
/**
 * Screen Reader support for WordPress
 * 
 * @since 4.0.0
 * @author Designs and Codes, LLC [https://designsandcodes.com/]
 * @license MIT License [https://opensource.org/licenses/MIT]
 */
.screen-reader-text {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -1px !important;
  border: none !important;
  padding: 0 !important;
  block-size: 1px !important;
  inline-size: 1px !important;
}
.screen-reader-text:first-child + * {
  margin-block-start: 0;
}
/**
 * Overrides for TranslatePress compatibility
 * 
 * @since 2024-11-25
 * @author Designs and Codes, LLC
 */
#trp-floater-ls {
  inline-size: auto;
}
/**
 * Collect styles from the various subfolders
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
/**
 * Overrides for fluffle blocks
 * 
 * @since 2025-10-30
 * @author Designs and Codes, LLC
 */
/**
 * Overrides for the fluffle/dl blocks
 * 
 * @since 2026-04-08
 * @author Designs and Codes, LLC
 */
.wp-block-fluffle-dl {
  --fluffle-block__dl__common-gap-column: var(--fluffle-flexbox__gap-h);
  --fluffle-block__dl__common-gap-row: var(--fluffle-flexbox__gap-v);
  --fluffle-block__dl__entry-gap-inner: calc(0.5 * var(--fluffle-flexbox__gap-v));
  --fluffle-block__dl__entry-gap-outer: var(--fluffle-flexbox__gap-v);
}
.wp-block-fluffle-dl-toc__list {
  background-color: var(--fluffle__color-bg);
}
/**
 * Overrides for fluffle/slider
 * 
 * @since 2026-04-08
 * @author Designs and Codes, LLC
 */
.wp-block-fluffle-slider.wp-block-fluffle-slider {
  --fluffle-slider__padding-v: 0.5rem;
  --fluffle-slider__padding-h: var(--fluffle-slider__padding-v);
}
.wp-block-fluffle-slider.wp-block-fluffle-slider .slick-arrow {
  border-radius: 100%;
  background-color: var(--cdaf2024__color-accent__2);
  opacity: 1;
}
.wp-block-fluffle-slider.wp-block-fluffle-slider .slick-arrow:is( :active, :hover ) {
  background-color: var(--cdaf2024__color-primary__red);
  color: var(--fluffle__color-bg);
}
.wp-block-fluffle-slider.wp-block-fluffle-slider .slick-arrow::before {
  display: block;
  inline-size: 1.5em;
  line-height: 1.5;
}
.wp-block-fluffle-slider.wp-block-fluffle-slider .slick-arrow.slick-disabled {
  opacity: 0;
}
.wp-block-fluffle-slider.wp-block-fluffle-slider .slick-track {
  column-gap: var(--fluffle-para__spacing-v);
}
.wp-block-fluffle-slider.wp-block-fluffle-slider .slick-active > .slick-dot-button {
  color: var(--fluffle-button__color-bg, inherit);
}
.wp-block-group.alignfull > .wp-block-fluffle-slider > .slick-list > .slick-track {
  padding-inline-start: calc((var(--fluffle__full-inline) - var(--fluffle-container__inline-size)) / 2);
}
/**
 * Entrypoint for blocks in the cdaf namespace
 * 
 * @since 2026-04-03
 * @author Designs and Codes, LLC
 */
/**
 * Style overrides for the cdaf/counter block
 * 
 * @since 2026-04-03
 * @author Designs and Codes, LLC
 */
.wp-block-cdaf-counter__number {
  font-size: var(--cdaf-font-size__heading-block, 200%);
  line-height: 1;
}
.wp-block-cdaf-counter__grouping {
  text-transform: uppercase;
}
/**
 * Overrides for the cdaf/downloads block
 * 
 * @since 2026-04-08
 * @author Designs and Codes, LLC
 */
.wp-block-cdaf-download-header__text {
  font-size: clamp( max( 1rem, ( 0.5 * ( 24px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 24px - 1rem ) + 1rem ) ) + ( 24px - max( 1rem, ( 0.5 * ( 24px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 24px );
}
/**
 * Overrides for the cdaf/timeline block
 * 
 * @since 2026-04-08
 * @author Designs and Codes, LLC
 */
.wp-block-cdaf-timeline {
  margin-block: var(--fluffle-section__spacing-v);
}
.wp-block-cdaf-timeline .wp-block-cdaf-timeline__header h2 {
  font-size: var(--cdaf-font-size__heading-section);
}
.wp-block-cdaf-timeline .wp-block-cdaf-timeline__body {
  row-gap: var(--fluffle-flexbox__gap-v);
}
.wp-block-cdaf-timeline .wp-block-cdaf-timeline-section {
  row-gap: var(--fluffle-block__spacing-v);
}
.wp-block-cdaf-timeline .wp-block-cdaf-timeline-section__heading,
.wp-block-cdaf-timeline .wp-block-cdaf-timeline-cell__arrow,
.wp-block-cdaf-timeline .wp-block-cdaf-timeline-cell__wrap {
  border-radius: var(--fluffle__border-radius);
}
.wp-block-cdaf-timeline .wp-block-cdaf-timeline-section__heading {
  font-size: var(--cdaf-font-size__heading-widget);
}
.wp-block-cdaf-timeline .wp-block-cdaf-timeline-section__body {
  row-gap: calc(var(--fluffle-block__spacing-v) * 0.75);
}
.wp-block-cdaf-timeline .wp-block-cdaf-timeline-cell__side-label {
  font-size: var(--cdaf-font-size__heading-widget-small);
}
/**
 * Collect all files in this folder
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
/**
 * Styles for the core/button block
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
.wp-block-buttons {
  margin-block: var(--fluffle-block__spacing-v);
}
.wp-block-button.wp-block-button {
  /* 	--cdaf2024-button__color-1: var( --cdaf2024__color-primary__red ); */
  /* 	--cdaf2024-button__color-2: var( --fluffle__color-bg ); */
  /* 	.define-outline-button( var( --cdaf2024-button__color-1 ), var( --cdaf2024-button__color-2 ) ); */
  /* 	&:where( .cdaf-button-role-secondary ) { */
  /* 		--cdaf2024-button__color-2: var( --cdaf2024__color-primary__purple ); */
  /* 	} */
  /* 	&:where( .cdaf-button-role-tertiary ) { */
  /* 		--cdaf2024-button__color-2: var( --cdaf2024__color-primary__gray ); */
  /* 	} */
  /* 	&:where( .is-style-fill ) { */
  /* 		.define-outline-button( var( --cdaf2024-button__color-2 ), var( --cdaf2024-button__color-1 ) ); */
  /* 	} */
  /* 	&:where( .cdaf-button-is-ghost ) { */
  /* 		--fluffle-button__color-bg: transparent; */
  /* 		--fluffle-button__color-bg__hover: transparent; */
  /* 	} */
}
.wp-block-button.wp-block-button:is( a.is-download-button ),
.wp-block-button.wp-block-button:is( div.is-download-button ) > .wp-block-button__link {
  --cdaf2024-button__after-content: "\f019";
}
.wp-block-button.wp-block-button > .wp-block-button__link {
  --cdaf2024-button__after-content: none;
  --cdaf2024-button__inset-inline: var(--fluffle-button__padding-h);
  display: inline-flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: center;
}
.wp-block-button.wp-block-button > .wp-block-button__link:after {
  content: var(--cdaf2024-button__after-content);
  display: inline-block;
  position: relative;
  inset-inline-start: 0;
  padding-inline-start: 0.5em;
  font-family: 'FontAwesome';
  text-decoration: none !important;
  text-decoration-thickness: 0px;
  transition: 0.3s inset-inline-start;
}
.wp-block-button.wp-block-button > .wp-block-button__link[href] {
  --cdaf2024-button__after-content: "\f105";
}
.wp-block-button.wp-block-button > .wp-block-button__link[type="reset"] {
  --cdaf2024-button__after-content: "\f00d";
}
.wp-block-button.wp-block-button > .wp-block-button__link[type="submit"] {
  --cdaf2024-button__after-content: "\f093";
}
.wp-block-button.wp-block-button > .wp-block-button__link.padding-horizontal-gutter-quarter {
  --cdaf2024-button__inset-inline: calc(var(--fluffle__spacing-h__gutter) / 4);
}
.wp-block-button.wp-block-button > .wp-block-button__link.is-style-auto-circle {
  border-radius: 50%;
  padding: var(--fluffle-button__padding-v);
  aspect-ratio: 1 / 1;
  padding: 0.25em;
}
.wp-block-button.wp-block-button > .wp-block-button__link[href^="#"] {
  --cdaf2024-button__after-content: "\f292";
}
.wp-block-button.wp-block-button > .wp-block-button__link:is( [rel="external"], [target="_blank"] ) {
  --cdaf2024-button__after-content: "\f08e";
}
.wp-block-button.wp-block-button > .wp-block-button__link[href^="mailto:"] {
  --cdaf2024-button__after-content: "\f003";
}
.wp-block-button.wp-block-button > .wp-block-button__link:is( .is-style-circle, .is-style-auto-circle ),
.wp-block-button.wp-block-button > .wp-block-button__link:has( > .fa ) {
  --cdaf2024-button__after-content: none !important;
}
.wp-block-button.wp-block-button > .wp-block-button__link > .fa:first-child:last-child {
  display: inline-block;
  min-inline-size: 1.5em;
  line-height: 1.5;
}
.wp-block-button.wp-block-button > .wp-block-button__link:is( :active, :hover ):after {
  inset-inline-start: calc(var(--cdaf2024-button__inset-inline) / 2);
}
.wp-block-button.wp-block-button.is-style-ghost {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: transparent;
  color: var(--fluffle-button__color-bg);
}
.wp-block-button.wp-block-button.is-style-ghost:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .wp-block-button.wp-block-button.is-style-ghost:focus {
    outline-color: transparent;
  }
  .wp-block-button.wp-block-button.is-style-ghost:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
.wp-block-button.wp-block-button.is-style-ghost:disabled {
  cursor: default !important;
  outline: none !important;
}
.wp-block-button.wp-block-button.is-style-ghost:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: transparent;
  color: var(--fluffle-button__color-bg__hover);
}
.wp-block-button.wp-block-button.is-style-ghost:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: transparent;
  color: var(--fluffle-button__color-bg__active);
}
.wp-block-button.wp-block-button.is-style-ghost:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-fg__disabled) !important;
  color: var(--fluffle-button__color-bg__disabled) !important;
}
.wp-block-button.wp-block-button.is-style-link > .wp-block-button__link {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: transparent;
  color: var(--fluffle-button__color-bg);
  --fluffle-button__border-radius: 0px;
  --fluffle-button__border-width: 0px;
  --fluffle-button__padding-v: 0px;
  text-decoration: underline !important;
}
.wp-block-button.wp-block-button.is-style-link > .wp-block-button__link:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .wp-block-button.wp-block-button.is-style-link > .wp-block-button__link:focus {
    outline-color: transparent;
  }
  .wp-block-button.wp-block-button.is-style-link > .wp-block-button__link:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
.wp-block-button.wp-block-button.is-style-link > .wp-block-button__link:disabled {
  cursor: default !important;
  outline: none !important;
}
.wp-block-button.wp-block-button.is-style-link > .wp-block-button__link:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: transparent;
  color: var(--fluffle-button__color-bg__hover);
}
.wp-block-button.wp-block-button.is-style-link > .wp-block-button__link:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: transparent;
  color: var(--fluffle-button__color-bg__active);
}
.wp-block-button.wp-block-button.is-style-link > .wp-block-button__link:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-fg__disabled) !important;
  color: var(--fluffle-button__color-bg__disabled) !important;
}
/**
 * Styles for core/columns
 * 
 * @since 2024-06-14
 * @author Designs and Codes, LLC
 */
.wp-block-columns:where( .cdaf-columns-overlap-leading, .cdaf-columns-overlap-trailing ) > * {
  flex: 1 0 0;
  position: relative;
  z-index: 0;
  padding-block: var(--fluffle-header__spacing-v);
  inline-size: 100%;
}
.wp-block-columns:where( .cdaf-columns-overlap-leading ) > :first-child,
.wp-block-columns:where( .cdaf-columns-overlap-trailing ) > :last-child {
  flex: 0 0 var(--cdaf2024__core-columns__overlap-basis) !important;
  z-index: 1;
  padding-block: 0;
}
.wp-block-columns:where( .cdaf-columns-overlap-leading ) > :first-child {
  margin-inline-end: var(--cdaf2024__core-columns__overlap-margin) !important;
}
.wp-block-columns:where( .cdaf-columns-overlap-trailing ) > :last-child {
  margin-inline-start: var(--cdaf2024__core-columns__overlap-margin) !important;
}
.wp-block-columns.cdaf-has-responsive-columns {
  --cdaf2024__columns-per-row: 1;
  display: grid;
  grid-template-columns: repeat(var(--cdaf2024__columns-per-row), 1fr);
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-1) {
  --cdaf2024__columns-per-row: 1;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-2) {
  --cdaf2024__columns-per-row: 2;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-3) {
  --cdaf2024__columns-per-row: 3;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-4) {
  --cdaf2024__columns-per-row: 4;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-5) {
  --cdaf2024__columns-per-row: 5;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-6) {
  --cdaf2024__columns-per-row: 6;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-7) {
  --cdaf2024__columns-per-row: 7;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-8) {
  --cdaf2024__columns-per-row: 8;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-9) {
  --cdaf2024__columns-per-row: 9;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-10) {
  --cdaf2024__columns-per-row: 10;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-11) {
  --cdaf2024__columns-per-row: 11;
}
.wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-xs-12) {
  --cdaf2024__columns-per-row: 12;
}
@media (min-width: 768px) {
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-1) {
    --cdaf2024__columns-per-row: 1;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-2) {
    --cdaf2024__columns-per-row: 2;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-3) {
    --cdaf2024__columns-per-row: 3;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-4) {
    --cdaf2024__columns-per-row: 4;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-5) {
    --cdaf2024__columns-per-row: 5;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-6) {
    --cdaf2024__columns-per-row: 6;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-7) {
    --cdaf2024__columns-per-row: 7;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-8) {
    --cdaf2024__columns-per-row: 8;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-9) {
    --cdaf2024__columns-per-row: 9;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-10) {
    --cdaf2024__columns-per-row: 10;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-11) {
    --cdaf2024__columns-per-row: 11;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-sm-12) {
    --cdaf2024__columns-per-row: 12;
  }
}
@media (min-width: 992px) {
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-1) {
    --cdaf2024__columns-per-row: 1;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-2) {
    --cdaf2024__columns-per-row: 2;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-3) {
    --cdaf2024__columns-per-row: 3;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-4) {
    --cdaf2024__columns-per-row: 4;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-5) {
    --cdaf2024__columns-per-row: 5;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-6) {
    --cdaf2024__columns-per-row: 6;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-7) {
    --cdaf2024__columns-per-row: 7;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-8) {
    --cdaf2024__columns-per-row: 8;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-9) {
    --cdaf2024__columns-per-row: 9;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-10) {
    --cdaf2024__columns-per-row: 10;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-11) {
    --cdaf2024__columns-per-row: 11;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-md-12) {
    --cdaf2024__columns-per-row: 12;
  }
}
@media (min-width: 1200px) {
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-1) {
    --cdaf2024__columns-per-row: 1;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-2) {
    --cdaf2024__columns-per-row: 2;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-3) {
    --cdaf2024__columns-per-row: 3;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-4) {
    --cdaf2024__columns-per-row: 4;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-5) {
    --cdaf2024__columns-per-row: 5;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-6) {
    --cdaf2024__columns-per-row: 6;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-7) {
    --cdaf2024__columns-per-row: 7;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-8) {
    --cdaf2024__columns-per-row: 8;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-9) {
    --cdaf2024__columns-per-row: 9;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-10) {
    --cdaf2024__columns-per-row: 10;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-11) {
    --cdaf2024__columns-per-row: 11;
  }
  .wp-block-columns.cdaf-has-responsive-columns:where( .cdaf-columns-lg-12) {
    --cdaf2024__columns-per-row: 12;
  }
}
:root {
  --cdaf2024__core-columns__overlap-basis: 90%;
  --cdaf2024__core-columns__overlap-margin: -80%;
}
@media (min-width: 768px) {
  :root {
    --cdaf2024__core-columns__overlap-basis: 70%;
    --cdaf2024__core-columns__overlap-margin: -60%;
  }
}
@media (min-width: 992px) {
  :root {
    --cdaf2024__core-columns__overlap-basis: 50%;
    --cdaf2024__core-columns__overlap-margin: -40%;
  }
}
/**
 * Styles for core/cover
 * 
 * @since 2024-06-19
 * @author Designs and Codes, LLC
 */
.wp-block-cover {
  overflow: visible;
}
.wp-block-cover.cdaf-is-post-title {
  background-color: var(--cdaf2024__color-accent__1);
}
.wp-block-cover:where( .cdaf-is-post-title ) :is( h1, .wp-block-site-tagline ),
.wp-block-cover:where( .alignfull ) > :where( .wp-block-cover__inner-container ) > :where( h1, h2 ):first-child {
  margin-block-start: var(--fluffle-section__spacing-v);
  margin-block-end: var(--fluffle-header__spacing-v);
  font-size: var(--cdaf-font-size__heading-section);
  line-height: var(--cdaf-line-height__heading-section);
}
/**
 * Style rules for core/group
 * 
 * @since 2026-04-03
 * @author Designs and Codes, LLC
 */
.wp-block-core-group.is-layout-grid {
  display: grid;
}
/**
 * Styles for the core/heading block
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
:where( .wp-block-heading ).is-style-band,
.case-study-header {
  padding-block: 0.25em;
  padding-inline: 0.5em;
  background-color: var(--cdaf2024__color-primary__red);
  color: var(--cdaf2024__color-lightest);
  font-weight: normal;
  text-align: start;
  text-transform: uppercase;
}
/**
 * Overrides for core/image block
 * 
 * @since 2024-11-01
 * @author Designs and Codes, LLC
 */
.wp-block-image {
  max-block-size: none;
  max-inline-size: 100%;
  object-position: center center;
}
.wp-block-image img {
  object-fit: contain !important;
  object-position: inherit;
  max-block-size: inherit;
  max-inline-size: inherit !important;
}
.wp-block-image:is( .aligncenter, .alignleft, .alignright ) {
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: center;
}
.wp-block-image.is-style-rounded img {
  border-radius: var(--fluffle__border-radius);
}
.wp-block-image:not( :last-child ) > :is( .alignleft, .alignright ) {
  margin-block-end: var(--fluffle-block__spacing-v) !important;
}
:where( .wp-block-image ):where( .alignleft, .alignright ) ~ .wp-block-separator,
:where( .wp-block-image:has( > .alignleft, > .alignright )) ~ .wp-block-separator {
  clear: both;
}
/**
 * Styles for the core/latest-posts block
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
.wp-block-latest-posts > li {
  margin-block: var(--fluffle-para__spacing-v);
}
.wp-block-latest-posts > li ~ li {
  position: relative;
  border-block-start-color: transparent;
  padding-block-start: var(--fluffle-para__spacing-v);
}
.wp-block-latest-posts > li ~ li,
.wp-block-latest-posts > li ~ li:before {
  border-block-start-width: var(--fluffle-separator__thickness);
  border-block-start-style: var(--fluffle-separator__style);
}
.wp-block-latest-posts > li ~ li:before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  border-block-start-color: var(--fluffle-separator__color);
  inline-size: 80%;
}
.wp-block-latest-posts > li > * {
  margin-block: var(--fluffle-line__spacing-v);
}
.wp-block-latest-posts > li > *.wp-block-latest-posts__list {
  padding-inline-start: 0;
}
.wp-block-latest-posts__post-title {
  display: -webkit-box;
  background-color: transparent;
  color: var(--fluffle__color-fg);
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
  margin-block: calc(var(--fluffle-line__spacing-v) / 2);
  font-size: var(--cdaf2024__font-size__small);
}
/**
 * Styles for core/list block
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
.wp-block-list.is-style-no-bullets {
  --fluffle-list__indent: 0px;
  list-style: none;
}
.wp-block-list.cdaf-has-responsive-columns {
  list-style: none;
  column-gap: var(--fluffle__spacing-h__gutter);
  columns: 1;
  row-gap: var(--fluffle-para__spacing-v);
  padding-inline: 0;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-1) {
  columns: 1;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-2) {
  columns: 2;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-3) {
  columns: 3;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-4) {
  columns: 4;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-5) {
  columns: 5;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-6) {
  columns: 6;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-7) {
  columns: 7;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-8) {
  columns: 8;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-9) {
  columns: 9;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-10) {
  columns: 10;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-11) {
  columns: 11;
}
.wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-xs-12) {
  columns: 12;
}
@media (min-width: 768px) {
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-1) {
    columns: 1;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-2) {
    columns: 2;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-3) {
    columns: 3;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-4) {
    columns: 4;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-5) {
    columns: 5;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-6) {
    columns: 6;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-7) {
    columns: 7;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-8) {
    columns: 8;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-9) {
    columns: 9;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-10) {
    columns: 10;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-11) {
    columns: 11;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-sm-12) {
    columns: 12;
  }
}
@media (min-width: 992px) {
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-1) {
    columns: 1;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-2) {
    columns: 2;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-3) {
    columns: 3;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-4) {
    columns: 4;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-5) {
    columns: 5;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-6) {
    columns: 6;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-7) {
    columns: 7;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-8) {
    columns: 8;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-9) {
    columns: 9;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-10) {
    columns: 10;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-11) {
    columns: 11;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-md-12) {
    columns: 12;
  }
}
@media (min-width: 1200px) {
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-1) {
    columns: 1;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-2) {
    columns: 2;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-3) {
    columns: 3;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-4) {
    columns: 4;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-5) {
    columns: 5;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-6) {
    columns: 6;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-7) {
    columns: 7;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-8) {
    columns: 8;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-9) {
    columns: 9;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-10) {
    columns: 10;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-11) {
    columns: 11;
  }
  .wp-block-list.cdaf-has-responsive-columns:where( .cdaf-columns-lg-12) {
    columns: 12;
  }
}
.wp-block-list.cdaf-has-responsive-columns > li {
  position: relative;
  margin: 0 !important;
  break-inside: avoid;
}
.wp-block-list.cdaf-has-responsive-columns:not( :where( .is-style-no-bullets )) > li {
  padding-inline-start: var(--fluffle-list__indent);
}
.wp-block-list.cdaf-has-responsive-columns:not( :where( .is-style-no-bullets )) > li:before {
  content: "\2022";
  position: absolute;
  margin-inline-start: calc(-1 * var(--fluffle-list__indent));
  inline-size: var(--fluffle-list__indent);
  text-align: center;
}
/**
 * Styles for core/quote block
 * 
 * @since 2024-07-31
 * @author Designs and Codes, LLC
 */
.wp-block-quote.is-style-callout {
  margin-block: var(--fluffle-header__spacing-v);
  border: var(--fluffle-button__border-width) var(--fluffle-button__border-style) var(--cdaf2024__color-accent__1);
  border-radius: 0;
  padding-block: var(--fluffle-para__spacing-v);
  padding-inline: calc(var(--fluffle__spacing-h__gutter) / 2);
  max-inline-size: 800px;
  font-size: var(--fluffle-header__font-size__h3);
  line-height: var(--fluffle-header__line-height);
  font-style: italic;
  font-weight: 500;
}
/**
 * Overrides for the core/separator block
 * 
 * @since 2024-11-13
 * @author Designs and Codes, LLC
 */
hr,
.hr,
.wp-block-separator {
  inline-size: 75%;
}
/**
 * Style overrides for safe-svg/svg-icon block
 * 
 * @since 2026-02-04
 * @author Designs and Codes, LLC
 */
:where( .wp-block-safe-svg-svg-icon ) > .safe-svg-inside,
:where( .editor-styles-wrapper ) .wp-block-safe-svg-svg-icon svg {
  max-inline-size: 100%;
  block-size: auto !important;
}
/**
 * Cross-cutting block styles
 * 
 * @since 2026-04-03
 * @author Designs and Codes, LLC
 */
/**
 * Styles for cross-cutting boxed areas
 * 
 * @since 2026-04-03
 * @author Designs and Codes, LLC
 */
.is-style-boxed,
.is-style-boxed-small,
.wp-block-fluffle-dl:is( .is-style-cdaf-boxed, .is-style-boxed-inner ) > :where( .wp-block-fluffle-dl-body ) > :where( .wp-block-fluffle-dl-entry ),
:not( .wp-block-fluffle-dl ):is( .is-style-cdaf-boxed, .is-style-buckets, .is-style-boxed-inner ) > *,
.wp-block-fluffle-dl.is-style-boxed-inner-small > :where( .wp-block-fluffle-dl-body ) > :where( .wp-block-fluffle-dl-entry ),
:not( .wp-block-fluffle-dl ).is-style-boxed-inner-small > * {
  align-self: stretch;
  border-color: var(--fluffle__border-color, black);
  border-radius: var(--fluffle__border-radius, 0px);
  border-style: var(--fluffle__border-style, solid);
  border-width: var(--fluffle__border-width, 0px);
  background-color: var(--cdaf2024__color-lightest, white);
  color: var(--cdaf2024__color-darkest, black);
}
.is-style-boxed,
.wp-block-fluffle-dl:is( .is-style-cdaf-boxed, .is-style-boxed-inner ) > :where( .wp-block-fluffle-dl-body ) > :where( .wp-block-fluffle-dl-entry ),
:not( .wp-block-fluffle-dl ):is( .is-style-cdaf-boxed, .is-style-buckets, .is-style-boxed-inner ) > * {
  padding-block: var(--cdaf-boxed__padding-block, 0px);
  padding-inline: var(--cdaf-boxed__padding-inline, 0px);
}
.is-style-boxed-small,
.wp-block-fluffle-dl.is-style-boxed-inner-small > :where( .wp-block-fluffle-dl-body ) > :where( .wp-block-fluffle-dl-entry ),
:not( .wp-block-fluffle-dl ).is-style-boxed-inner-small > * {
  padding-block: var(--cdaf-boxed-small__padding-block, 0px);
  padding-inline: var(--cdaf-boxed-small__padding-inline, 0px);
}
.wp-block-fluffle-dl.is-style-boxed-inner-small > :where( .wp-block-fluffle-dl-body ),
:not( .wp-block-fluffle-dl ).is-style-boxed-inner-small {
  column-gap: calc(var(--fluffle-flexbox__gap-h) * 0.5);
  row-gap: calc(var(--fluffle-flexbox__gap-v) * 0.5);
}
/**
 * Cross-cutting styles for text-based blocks
 * 
 * @since 2026-04-03
 * @author Designs and Codes, LLC
 */
:root {
  --cdaf-font-size__heading-xl: clamp( max( 1rem, ( 0.5 * ( 5.333333333333333rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 5.333333333333333rem - 1rem ) + 1rem ) ) + ( 5.333333333333333rem - max( 1rem, ( 0.5 * ( 5.333333333333333rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 5.333333333333333rem );
  --cdaf-font-size__heading-section: clamp( max( 1rem, ( 0.5 * ( 4rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 4rem - 1rem ) + 1rem ) ) + ( 4rem - max( 1rem, ( 0.5 * ( 4rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 4rem );
  --cdaf-font-size__heading-block: clamp( max( 1rem, ( 0.5 * ( 2.6666666666666665rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 2.6666666666666665rem - 1rem ) + 1rem ) ) + ( 2.6666666666666665rem - max( 1rem, ( 0.5 * ( 2.6666666666666665rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 2.6666666666666665rem );
  --cdaf-font-size__underheading: clamp( max( 1rem, ( 0.5 * ( 1rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 1rem - 1rem ) + 1rem ) ) + ( 1rem - max( 1rem, ( 0.5 * ( 1rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 1rem );
  --cdaf-font-size__heading-widget: clamp( max( 1rem, ( 0.5 * ( 2.3333333333333335rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 2.3333333333333335rem - 1rem ) + 1rem ) ) + ( 2.3333333333333335rem - max( 1rem, ( 0.5 * ( 2.3333333333333335rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 2.3333333333333335rem );
  --cdaf-font-size__heading-widget-small: clamp( max( 1rem, ( 0.5 * ( 1.7777777777777777rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 1.7777777777777777rem - 1rem ) + 1rem ) ) + ( 1.7777777777777777rem - max( 1rem, ( 0.5 * ( 1.7777777777777777rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 1.7777777777777777rem );
  --cdaf-font-size__text: clamp( max( 1rem, ( 0.5 * ( 1rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 1rem - 1rem ) + 1rem ) ) + ( 1rem - max( 1rem, ( 0.5 * ( 1rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 1rem );
  --cdaf-font-size__text-callout: clamp( max( 1rem, ( 0.5 * ( 1.1666666666666667rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 1.1666666666666667rem - 1rem ) + 1rem ) ) + ( 1.1666666666666667rem - max( 1rem, ( 0.5 * ( 1.1666666666666667rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 1.1666666666666667rem );
  --cdaf-font-size__disclaimer: clamp( max( 1rem, ( 0.5 * ( 0.7777777777777778rem - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 0.7777777777777778rem - 1rem ) + 1rem ) ) + ( 0.7777777777777778rem - max( 1rem, ( 0.5 * ( 0.7777777777777778rem - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 0.7777777777777778rem );
  --cdaf-line-height__heading-section: 1.1;
}
.is-style-heading-xl.is-style-heading-xl {
  font-size: var(--cdaf-font-size__heading-xl);
}
.has-font-size-heading-xl.has-font-size-heading-xl {
  font-size: var(--cdaf-font-size__heading-xl) !important;
}
.is-style-heading-section.is-style-heading-section {
  font-size: var(--cdaf-font-size__heading-section);
}
.has-font-size-heading-section.has-font-size-heading-section {
  font-size: var(--cdaf-font-size__heading-section) !important;
}
.is-style-heading-block.is-style-heading-block {
  font-size: var(--cdaf-font-size__heading-block);
}
.has-font-size-heading-block.has-font-size-heading-block {
  font-size: var(--cdaf-font-size__heading-block) !important;
}
.is-style-underheading.is-style-underheading {
  font-size: var(--cdaf-font-size__underheading);
}
.has-font-size-underheading.has-font-size-underheading {
  font-size: var(--cdaf-font-size__underheading) !important;
}
.is-style-heading-widget.is-style-heading-widget {
  font-size: var(--cdaf-font-size__heading-widget);
}
.has-font-size-heading-widget.has-font-size-heading-widget {
  font-size: var(--cdaf-font-size__heading-widget) !important;
}
.is-style-heading-widget-small.is-style-heading-widget-small {
  font-size: var(--cdaf-font-size__heading-widget-small);
}
.has-font-size-heading-widget-small.has-font-size-heading-widget-small {
  font-size: var(--cdaf-font-size__heading-widget-small) !important;
}
.is-style-text.is-style-text {
  font-size: var(--cdaf-font-size__text);
}
.has-font-size-text.has-font-size-text {
  font-size: var(--cdaf-font-size__text) !important;
}
.is-style-text-callout.is-style-text-callout {
  font-size: var(--cdaf-font-size__text-callout);
}
.has-font-size-text-callout.has-font-size-text-callout {
  font-size: var(--cdaf-font-size__text-callout) !important;
}
.is-style-disclaimer.is-style-disclaimer {
  font-size: var(--cdaf-font-size__disclaimer);
}
.has-font-size-disclaimer.has-font-size-disclaimer {
  font-size: var(--cdaf-font-size__disclaimer) !important;
}
.is-style-heading-xl.is-style-heading-xl,
.is-style-heading-section.is-style-heading-section,
.is-style-heading-block.is-style-heading-block {
  font-weight: bold;
}
.is-style-heading-xl.is-style-heading-xl,
.is-style-heading-section.is-style-heading-section {
  margin-block-start: var(--fluffle-section__spacing-v);
  margin-block-end: var(--fluffle-header__spacing-v);
  line-height: var(--cdaf-line-height__heading-section);
}
.is-style-heading-block.is-style-heading-block {
  margin-block: var(--fluffle-header__spacing-v);
}
.is-style-underheading.is-style-underheading {
  font-weight: inherit;
}
.wp-block-heading + .is-style-underheading {
  margin-block-start: calc( -1 * var( --fluffle-para__spacing-v, 0px ) );
}
.is-style-heading-widget.is-style-heading-widget,
.is-style-heading-widget-small.is-style-heading-widget-small {
  font-weight: 600;
}
.is-style-text.is-style-text,
.is-style-text-callout.is-style-text-callout {
  font-weight: inherit;
}
.width-640px {
  margin-block: var(--fluffle-block__spacing-v);
  margin-inline: auto;
}
/**
 * Coloring for CDA Foundation 2024 Theme
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
:root {
  --cdaf2024__color-lightest: white;
  --cdaf2024__color-darkest: #191e23;
  --cdaf2024__color-primary__red: #860a0a;
  --cdaf2024__color-primary__purple: #352c66;
  --cdaf2024__color-primary__gray: #455560;
  --cdaf2024__color-secondary__red: #933;
  --cdaf2024__color-secondary__purple: #493d68;
  --cdaf2024__color-accent__0: #f6f8f9;
  --cdaf2024__color-accent__1: #f1f3f5;
  --cdaf2024__color-accent__2: #dce2e6;
  --cdaf2024__color-tertiary__1: #ff6900;
  --cdaf2024__color-tertiary__2: #00d084;
  --cdaf2024__color-tertiary__3: #0693e3;
  --cdaf2024__color-tertiary__4: #9b51e0;
  --cdaf2024__color-tertiary__5: #ff2607;
  --cdaf2024__color-tertiary__6: #f3d812;
  --cdaf2024__color-tertiary__7: #ff543d;
  --cdaf2024__color-tertiary__8: #00a1a1;
  --cdaf2024__color-tertiary__9: #536ebd;
  --cdaf2024__color-tertiary__10: #62308b;
  --cdaf2024__color-tertiary__11: #e61d6e;
  --cdaf2024__color-tertiary__12: #f5bb00;
  --cdaf2024__color-allies__peach: #fbded5;
  --cdaf2024__color-allies__peach-2: #fdece9;
  --cdaf2024__color-allies__red: #f16649;
  --cdaf2024__color-allies__purple: #493d68;
  --cdaf2024__color-allies__purple-2: #6953a4;
}
.has-lightest-border-color {
  border-color: var(--cdaf2024__color-lightest);
}
.has-lightest-background-color {
  background-color: var(--cdaf2024__color-lightest);
}
.has-lightest-color {
  color: var(--cdaf2024__color-lightest);
}
.has-darkest-border-color {
  border-color: var(--cdaf2024__color-darkest);
}
.has-darkest-background-color {
  background-color: var(--cdaf2024__color-darkest);
}
.has-darkest-color {
  color: var(--cdaf2024__color-darkest);
}
.has-primary__red-border-color {
  border-color: var(--cdaf2024__color-primary__red);
}
.has-primary__red-background-color {
  background-color: var(--cdaf2024__color-primary__red);
}
.has-primary__red-color {
  color: var(--cdaf2024__color-primary__red);
}
.has-primary__purple-border-color {
  border-color: var(--cdaf2024__color-primary__purple);
}
.has-primary__purple-background-color {
  background-color: var(--cdaf2024__color-primary__purple);
}
.has-primary__purple-color {
  color: var(--cdaf2024__color-primary__purple);
}
.has-primary__gray-border-color {
  border-color: var(--cdaf2024__color-primary__gray);
}
.has-primary__gray-background-color {
  background-color: var(--cdaf2024__color-primary__gray);
}
.has-primary__gray-color {
  color: var(--cdaf2024__color-primary__gray);
}
.has-secondary__red-border-color {
  border-color: var(--cdaf2024__color-secondary__red);
}
.has-secondary__red-background-color {
  background-color: var(--cdaf2024__color-secondary__red);
}
.has-secondary__red-color {
  color: var(--cdaf2024__color-secondary__red);
}
.has-secondary__purple-border-color {
  border-color: var(--cdaf2024__color-secondary__purple);
}
.has-secondary__purple-background-color {
  background-color: var(--cdaf2024__color-secondary__purple);
}
.has-secondary__purple-color {
  color: var(--cdaf2024__color-secondary__purple);
}
.has-accent__0-border-color {
  border-color: var(--cdaf2024__color-accent__0);
}
.has-accent__0-background-color {
  background-color: var(--cdaf2024__color-accent__0);
}
.has-accent__0-color {
  color: var(--cdaf2024__color-accent__0);
}
.has-accent__1-border-color {
  border-color: var(--cdaf2024__color-accent__1);
}
.has-accent__1-background-color {
  background-color: var(--cdaf2024__color-accent__1);
}
.has-accent__1-color {
  color: var(--cdaf2024__color-accent__1);
}
.has-accent__2-border-color {
  border-color: var(--cdaf2024__color-accent__2);
}
.has-accent__2-background-color {
  background-color: var(--cdaf2024__color-accent__2);
}
.has-accent__2-color {
  color: var(--cdaf2024__color-accent__2);
}
.has-tertiary__1-border-color {
  border-color: var(--cdaf2024__color-tertiary__1);
}
.has-tertiary__1-background-color {
  background-color: var(--cdaf2024__color-tertiary__1);
}
.has-tertiary__1-color {
  color: var(--cdaf2024__color-tertiary__1);
}
.has-tertiary__2-border-color {
  border-color: var(--cdaf2024__color-tertiary__2);
}
.has-tertiary__2-background-color {
  background-color: var(--cdaf2024__color-tertiary__2);
}
.has-tertiary__2-color {
  color: var(--cdaf2024__color-tertiary__2);
}
.has-tertiary__3-border-color {
  border-color: var(--cdaf2024__color-tertiary__3);
}
.has-tertiary__3-background-color {
  background-color: var(--cdaf2024__color-tertiary__3);
}
.has-tertiary__3-color {
  color: var(--cdaf2024__color-tertiary__3);
}
.has-tertiary__4-border-color {
  border-color: var(--cdaf2024__color-tertiary__4);
}
.has-tertiary__4-background-color {
  background-color: var(--cdaf2024__color-tertiary__4);
}
.has-tertiary__4-color {
  color: var(--cdaf2024__color-tertiary__4);
}
.has-tertiary__5-border-color {
  border-color: var(--cdaf2024__color-tertiary__5);
}
.has-tertiary__5-background-color {
  background-color: var(--cdaf2024__color-tertiary__5);
}
.has-tertiary__5-color {
  color: var(--cdaf2024__color-tertiary__5);
}
.has-tertiary__6-border-color {
  border-color: var(--cdaf2024__color-tertiary__6);
}
.has-tertiary__6-background-color {
  background-color: var(--cdaf2024__color-tertiary__6);
}
.has-tertiary__6-color {
  color: var(--cdaf2024__color-tertiary__6);
}
.has-tertiary__7-border-color {
  border-color: var(--cdaf2024__color-tertiary__7);
}
.has-tertiary__7-background-color {
  background-color: var(--cdaf2024__color-tertiary__7);
}
.has-tertiary__7-color {
  color: var(--cdaf2024__color-tertiary__7);
}
.has-tertiary__8-border-color {
  border-color: var(--cdaf2024__color-tertiary__8);
}
.has-tertiary__8-background-color {
  background-color: var(--cdaf2024__color-tertiary__8);
}
.has-tertiary__8-color {
  color: var(--cdaf2024__color-tertiary__8);
}
.has-tertiary__9-border-color {
  border-color: var(--cdaf2024__color-tertiary__9);
}
.has-tertiary__9-background-color {
  background-color: var(--cdaf2024__color-tertiary__9);
}
.has-tertiary__9-color {
  color: var(--cdaf2024__color-tertiary__9);
}
.has-tertiary__10-border-color {
  border-color: var(--cdaf2024__color-tertiary__10);
}
.has-tertiary__10-background-color {
  background-color: var(--cdaf2024__color-tertiary__10);
}
.has-tertiary__10-color {
  color: var(--cdaf2024__color-tertiary__10);
}
.has-tertiary__11-border-color {
  border-color: var(--cdaf2024__color-tertiary__11);
}
.has-tertiary__11-background-color {
  background-color: var(--cdaf2024__color-tertiary__11);
}
.has-tertiary__11-color {
  color: var(--cdaf2024__color-tertiary__11);
}
.has-tertiary__12-border-color {
  border-color: var(--cdaf2024__color-tertiary__12);
}
.has-tertiary__12-background-color {
  background-color: var(--cdaf2024__color-tertiary__12);
}
.has-tertiary__12-color {
  color: var(--cdaf2024__color-tertiary__12);
}
.has-allies__peach-border-color {
  border-color: var(--cdaf2024__color-allies__peach);
}
.has-allies__peach-background-color {
  background-color: var(--cdaf2024__color-allies__peach);
}
.has-allies__peach-color {
  color: var(--cdaf2024__color-allies__peach);
}
.has-allies__peach-2-border-color {
  border-color: var(--cdaf2024__color-allies__peach-2);
}
.has-allies__peach-2-background-color {
  background-color: var(--cdaf2024__color-allies__peach-2);
}
.has-allies__peach-2-color {
  color: var(--cdaf2024__color-allies__peach-2);
}
.has-allies__red-border-color {
  border-color: var(--cdaf2024__color-allies__red);
}
.has-allies__red-background-color {
  background-color: var(--cdaf2024__color-allies__red);
}
.has-allies__red-color {
  color: var(--cdaf2024__color-allies__red);
}
.has-allies__purple-border-color {
  border-color: var(--cdaf2024__color-allies__purple);
}
.has-allies__purple-background-color {
  background-color: var(--cdaf2024__color-allies__purple);
}
.has-allies__purple-color {
  color: var(--cdaf2024__color-allies__purple);
}
.has-allies__purple-2-border-color {
  border-color: var(--cdaf2024__color-allies__purple-2);
}
.has-allies__purple-2-background-color {
  background-color: var(--cdaf2024__color-allies__purple-2);
}
.has-allies__purple-2-color {
  color: var(--cdaf2024__color-allies__purple-2);
}
/**
 * Fonts for CDA Foundation 2024 Theme
 * 
 * @since 2024-05-24
 * @author Designs and Codes, LLC
 */
:root {
  --cdaf2024__font-size__large: 1.125rem;
  --cdaf2024__font-size__normal: 1rem;
  --cdaf2024__font-size__small: 0.875rem;
  --fluffle__font-family: 'Proxima Nova', sans-serif;
  --fluffle__line-height: 1.5;
}
.has-large-font-size {
  font-size: var(--cdaf2024__font-size__large);
}
.has-normal-font-size {
  font-size: var(--cdaf2024__font-size__normal);
}
.has-small-font-size {
  font-size: var(--cdaf2024__font-size__small);
}
/**
 * Common Mixins
 * 
 * @since 2024-05-15
 * @author Designs and Codes, LLC
 */
:root {
  --cdaf-boxed__padding-block: clamp( max( 1rem, ( 0.5 * ( 25px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 25px - 1rem ) + 1rem ) ) + ( 25px - max( 1rem, ( 0.5 * ( 25px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 25px );
  --cdaf-boxed__padding-inline: var(--cdaf-boxed__padding-block, 0px);
  --cdaf-boxed-small__padding-block: clamp( max( 1rem, ( 0.5 * ( 15px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 15px - 1rem ) + 1rem ) ) + ( 15px - max( 1rem, ( 0.5 * ( 15px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 15px );
  --cdaf-boxed-small__padding-inline: var(--cdaf-boxed-small__padding-block, 0px);
  --fluffle__color-bg: var(--cdaf2024__color-lightest);
  --fluffle__color-fg: var(--cdaf2024__color-darkest);
  --fluffle-link__color-fg: var(--cdaf2024__color-primary__red);
  --fluffle-link__color-fg__active: var(--cdaf2024__color-primary__purple);
  --fluffle__border-radius: 20px;
  --fluffle__border-width: 2px;
  --fluffle__outline-width: var(--fluffle__border-width);
  --fluffle-block__spacing-v: clamp( max( 1rem, ( 0.5 * ( 30px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 30px - 1rem ) + 1rem ) ) + ( 30px - max( 1rem, ( 0.5 * ( 30px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 30px );
  --fluffle-header__spacing-v: clamp( max( 1rem, ( 0.5 * ( 50px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 50px - 1rem ) + 1rem ) ) + ( 50px - max( 1rem, ( 0.5 * ( 50px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 50px );
  --fluffle-section__spacing-v: clamp( max( 1rem, ( 0.5 * ( 100px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 100px - 1rem ) + 1rem ) ) + ( 100px - max( 1rem, ( 0.5 * ( 100px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 100px );
  --fluffle-flexbox__gap-v: clamp( 30px, ( 30px + ( 50px - 30px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 50px );
  --fluffle-flexbox__gap-h: var(--fluffle-flexbox__gap-v);
  --fluffle__spacing-h__gutter: var(--fluffle-flexbox__gap-h);
  --fluffle-container__padding-h: 15px;
  --fluffle__border-color: var(--cdaf2024__color-accent__1);
  --fluffle-button__border-color: currentcolor;
  --fluffle-button__border-color__hover: currentcolor;
  --fluffle-button__border-color__active: currentcolor;
  --fluffle-button__border-radius: 20px;
  --fluffle-button__border-width: var(--fluffle__border-width);
  --fluffle-button__color-bg: var(--cdaf2024__color-primary__red);
  --fluffle-button__color-bg__hover: var(--fluffle-button__color-bg);
  --fluffle-button__color-bg__active: var(--fluffle__color-bg);
  --fluffle-button__color-bg__disabled: var(--fluffle__color-fg__disabled);
  --fluffle-button__color-fg: var(--fluffle__color-bg);
  --fluffle-button__color-fg__hover: var(--fluffle-button__color-fg);
  --fluffle-button__color-fg__active: var(--cdaf2024__color-primary__red);
  --fluffle-button__color-fg__disabled: var(--fluffle__color-bg__disabled);
  --fluffle-button__padding-v: clamp( 5px, ( 5px + ( 10px - 5px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 10px );
  --fluffle-button__padding-h: clamp( 15px, ( 15px + ( 25px - 15px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 25px );
  --fluffle-header__font-size__h1: var(--cdaf-font-size__heading-section);
  --fluffle-header__font-size__h2: var(--cdaf-font-size__heading-block);
  --fluffle-header__font-size__h3: var(--cdaf-font-size__heading-widget);
  --fluffle-header__font-size__h4: var(--cdaf-font-size__heading-widget-small);
  --fluffle-header__font-size__h5: var(--cdaf-font-size__text-callout);
  --fluffle-header__font-size__h6: var(--cdaf-font-size__text);
  --fluffle-header__font-weight: 700;
  --fluffle-separator__thickness: 2px;
  --fluffle-separator__color: var(--cdaf2024__color-accent__2);
  --fluffle-table__color-even-bg: var(--cdaf2024__color-accent__1);
}
@container style (background-color: var(--cdaf2024__color-primary__red)) {
  * {
    --fluffle-link__color-fg__active: --fluffle-link__color-fg__purple;
  }
}
/**
 * Styles for the site-wide header
 * 
 * @since 2024-05-15
 * @author Designs and Codes, LLC
 */
.cdaf-site-header {
  --fluffle-flexbox__gap-v: 10px;
  --fluffle-flexbox__gap-h: 20px;
  padding: 0;
}
/**
 * Styles for the primary area of the site header
 * 
 * @since 2026-05-19
 * @author Designs and Codes, LLC
 */
.cdaf-site-header__primary {
  padding-block: var(--fluffle-para__spacing-v);
  padding-inline: 0;
}
.cdaf-site-header__primary-nav {
  position: relative;
}
.cdaf-site-header__primary-row {
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-block: 0;
}
.cdaf-site-header__primary__logos {
  display: grid;
  align-items: baseline;
  flex: 0 0 auto;
  gap: calc(var(--fluffle-flexbox__gap-v) / 2) calc(var(--fluffle-flexbox__gap-h) / 2);
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  grid-template-rows: 1fr;
  justify-content: start;
  max-inline-size: 50%;
  inline-size: fit-content;
}
.cdaf-site-header__primary__logos ~ * {
  flex: 1 1 0%;
}
.cdaf-site-header__primary__logos > * {
  max-inline-size: 100%;
  inline-size: 75px;
}
.cdaf-site-header__primary__logos img {
  pointer-events: none;
}
.cdaf-site-header__primary__toggle,
.cdaf-site-header__primary__menu-mega__panel-toggle {
  display: none !important;
}
.cdaf-site-header__primary__menu-desktop,
.cdaf-site-header__primary__menu-mobile {
  display: flex;
  align-items: stretch;
  gap: var(--fluffle-flexbox__gap-v) var(--fluffle-flexbox__gap-h);
  justify-content: flex-start;
  margin-block: var(--fluffle-flexbox__spacing-v);
  margin-inline: var(--fluffle-flexbox__spacing-h);
  flex-flow: row wrap;
}
.cdaf-site-header__primary__menu-desktop > *,
.cdaf-site-header__primary__menu-mobile > * {
  flex: 0 0 auto;
  margin: 0 !important;
  max-inline-size: 100%;
  inline-size: 100%;
}
.cdaf-site-header__primary__menu-desktop.children-as-line,
.cdaf-site-header__primary__menu-mobile.children-as-line {
  row-gap: var( --fluffle-line__spacing-v );
}
.cdaf-site-header__primary__menu-desktop.children-as-para,
.cdaf-site-header__primary__menu-mobile.children-as-para {
  row-gap: var( --fluffle-para__spacing-v );
}
.cdaf-site-header__primary__menu-desktop.children-as-block,
.cdaf-site-header__primary__menu-mobile.children-as-block {
  row-gap: var( --fluffle-block__spacing-v );
}
.cdaf-site-header__primary__menu-desktop.children-as-header,
.cdaf-site-header__primary__menu-mobile.children-as-header {
  row-gap: var( --fluffle-header__spacing-v );
}
.cdaf-site-header__primary__menu-desktop.children-as-section,
.cdaf-site-header__primary__menu-mobile.children-as-section {
  row-gap: var( --fluffle-section__spacing-v );
}
.cdaf-site-header__primary__menu-desktop.flex-reverse,
.cdaf-site-header__primary__menu-mobile.flex-reverse {
  flex-direction: row-reverse;
}
.cdaf-site-header__primary__menu-desktop {
  display: none;
}
.cdaf-site-header__primary__menu-desktop > * {
  --fluffle-link__color-bg: transparent;
  --fluffle-link__color-fg: currentcolor;
  --fluffle-link__text-decoration: none;
  flex: 0 0 auto;
  position: relative;
  inline-size: auto;
}
:is( .cdaf-site-header__primary__menu-desktop, .cdaf-site-header__primary__menu-mobile ) > * {
  margin: 0 !important;
}
.cdaf-site-header__primary__menu-desktop-item:is( .current-menu-item, .current-menu-ancestor ):before {
  content: '';
  position: absolute;
  inset-block-start: -2px;
  inset-inline: 0.25em;
  border-block-start: 2px solid var(--fluffle-separator__color);
}
.cdaf-site-header__primary__menu-desktop-link {
  display: flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: space-between;
}
.cdaf-site-header__primary__menu-desktop-link > * {
  padding-block: 0.25em;
}
.cdaf-site-header__primary__menu-desktop-link:not( .cdaf-site-header--selected ) .cdaf-site-header__primary__menu-desktop-down-active,
.cdaf-site-header__primary__menu-desktop-link.cdaf-site-header--selected .cdaf-site-header__primary__menu-desktop-down-inactive {
  display: none !important;
}
.cdaf-site-header__primary__menu-desktop-link-text {
  padding-inline: 0.25em;
}
.cdaf-site-header__primary__menu-mobile {
  justify-content: end;
}
.cdaf-site-header__primary__menu-mobile-label {
  inline-size: auto;
}
.cdaf-site-header__primary__menu-mobile-label:not( .cdaf-site-header--selected ) .cdaf-site-header__primary__menu-mobile-icon-active,
.cdaf-site-header__primary__menu-mobile-label.cdaf-site-header--selected > .cdaf-site-header__primary__menu-mobile-icon-inactive {
  display: none;
}
.cdaf-site-header__primary__menu-mega {
  display: none;
  align-items: stretch;
  column-gap: 0;
  flex-flow: column nowrap;
  justify-content: start;
  row-gap: var(--fluffle-para__spacing-v);
  position: absolute;
  z-index: 100;
  inset-block-start: 100%;
  inset-inline: 0;
  border: none;
  border-block-start: 0.5rem solid var(--fluffle__color-bg);
  inline-size: 100%;
  background-color: var(--cdaf2024__color-accent__1);
}
.cdaf-site-header__primary__menu-mega:before,
.cdaf-site-header__primary__menu-mega:after {
  content: '';
  border-color: var(--cdaf2024__color-accent__2);
  border-style: var(--fluffle__border-style);
  border-block-width: var(--fluffle__border-width) 0;
  border-inline-width: 0;
  inline-size: 100%;
}
.cdaf-site-header__primary__menu-mega a {
  text-decoration: none !important;
}
.cdaf-site-header__primary__toggle:checked ~ .cdaf-site-header__primary__menu-mega {
  display: flex;
}
.cdaf-site-header__primary__menu-mega-tabs {
  list-style: none;
  display: flex;
  align-items: stretch;
  flex-flow: column nowrap;
  gap: 0;
  justify-content: start;
  padding: 0;
}
.cdaf-site-header__primary__menu-mega__tab {
  margin: 0 !important;
}
.cdaf-site-header__primary__menu-mega__tab-link {
  cursor: pointer;
  display: flex;
  align-items: baseline;
  flex-flow: row nowrap;
  justify-content: start;
  margin: 0 !important;
  background-color: transparent;
  color: inherit !important;
}
.cdaf-site-header__primary__menu-mega__tab-link:hover {
  background-color: var(--cdaf2024__color-accent__2);
}
.cdaf-site-header__primary__menu-mega__tab-link:active,
.cdaf-site-header__primary__menu-mega__tab-link.cdaf-site-header--selected {
  background-color: var(--cdaf2024__color-primary__red);
  color: var(--fluffle__color-bg) !important;
}
.cdaf-site-header__primary__menu-mega__tab-link > * {
  margin: 0 !important;
  padding-block: 0.25em;
  padding-inline: 1.5ch;
}
.cdaf-site-header__primary__menu-mega__tab-text {
  flex: 1 1 0%;
}
.cdaf-site-header__primary__menu-mega__tab-icon {
  flex: 0 0 auto;
}
.cdaf-site-header__primary__menu-mega__panel,
.cdaf-site-header__primary__menu-mega__panel__own,
.cdaf-site-header__primary__menu-mega__panel__tiles-item-link {
  display: flex;
  align-items: stretch;
  flex-flow: column nowrap;
  justify-content: start;
}
.cdaf-site-header__primary__menu-mega__panel,
.cdaf-site-header__primary__menu-mega__panel > *,
.cdaf-site-header__primary__menu-mega__panel__own > *,
.cdaf-site-header__primary__menu-mega__panel__tiles-item,
.cdaf-site-header__primary__menu-mega__panel__tiles-item-link > * {
  margin: 0 !important;
}
.cdaf-site-header__primary__menu-mega__panel {
  --fluffle-header__font-size__h3: clamp( max( 1rem, ( 0.5 * ( 24px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 24px - 1rem ) + 1rem ) ) + ( 24px - max( 1rem, ( 0.5 * ( 24px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 24px );
  --fluffle-header__font-size__h4: clamp( max( 1rem, ( 0.5 * ( 21px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 21px - 1rem ) + 1rem ) ) + ( 21px - max( 1rem, ( 0.5 * ( 21px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 21px );
  --fluffle-header__font-size__h5: clamp( max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ) + ( 20px - max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 20px );
  --fluffle-header__font-size__h6: clamp( max( 1rem, ( 0.5 * ( 19px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 19px - 1rem ) + 1rem ) ) + ( 19px - max( 1rem, ( 0.5 * ( 19px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 19px );
  gap: var(--fluffle-block__spacing-v) var(--fluffle-flexbox__gap-h);
}
:not( :checked ) + .cdaf-site-header__primary__menu-mega__panel {
  display: none !important;
}
.cdaf-site-header__primary__menu-mega__panel-back {
  align-self: start;
}
.cdaf-site-header__primary__menu-mega__panel__own {
  gap: var(--fluffle-para__spacing-v) var(--fluffle-flexbox__gap-h);
}
.cdaf-site-header__primary__menu-mega__panel__own-description,
.cdaf-site-header__primary__menu-mega__panel__tiles-item-description {
  font-size: 0.8rem;
}
.cdaf-site-header__primary__menu-mega__panel__tiles {
  list-style: none;
  columns: 1;
  gap: 0;
  padding: 0;
}
@media (min-width: 480px) {
  .cdaf-site-header__primary__menu-mega__panel__tiles {
    columns: 2;
  }
}
.cdaf-site-header__primary__menu-mega__panel__tiles-item {
  inline-size: 100%;
  break-inside: avoid;
}
.cdaf-site-header__primary__menu-mega__panel__tiles-item-link {
  gap: 0;
  border-radius: var(--fluffle__border-radius);
  padding-block: 0.5em;
  padding-inline: 1.5ch;
  background-color: transparent;
  color: inherit;
  text-decoration: none !important;
}
.cdaf-site-header__primary__menu-mega__panel__tiles-item-link:hover {
  background-color: var(--cdaf2024__color-accent__2);
  color: inherit;
}
.cdaf-site-header__primary__menu-mega__panel__tiles-item-link:active {
  background-color: var(--cdaf2024__color-primary__red);
  color: var(--fluffle__color-bg);
}
@media (max-width: 767px) {
  .cdaf-site-header__primary__menu-mega__panel__tiles-item-description,
  .cdaf-site-header__primary__menu-mega-tabs:has( .cdaf-site-header--selected ) {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .cdaf-site-header__primary__logos {
    max-inline-size: 33.33333333%;
  }
  .cdaf-site-header__primary__menu-mobile,
  .cdaf-site-header__primary__menu-mega__panel-back {
    display: none !important;
  }
  .cdaf-site-header__primary__menu-desktop {
    display: flex;
  }
  .cdaf-site-header__primary-container:has( :focus-visible ) .cdaf-site-header__primary__menu-mega {
    display: flex;
  }
  .cdaf-site-header__primary__menu-mega .cdaf-site-header__primary__menu-mega-row {
    --fluffle-flexbox__gap-h: clamp( 0px, ( 0px + ( 30px - 0px ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 30px );
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
  .cdaf-site-header__primary__menu-mega .cdaf-site-header__primary__menu-mega-tabs {
    border-inline-end: 1px solid var(--cdaf2024__color-accent__2);
  }
}
@media (min-width: 992px) {
  .cdaf-site-header__primary__logos {
    max-inline-size: 25%;
  }
}
@media (min-width: 1200px) {
  .cdaf-site-header__primary__logos {
    max-inline-size: 20%;
  }
}
/**
 * Styles for the secondary area of the site header
 * 
 * @since 2026-05-22
 * @author Designs and Codes, LLC
 */
.cdaf-site-header__secondary {
  margin: 0;
  border-block-start: 1px solid var(--fluffle-separator__color);
}
.cdaf-site-header__secondary__toggle,
.cdaf-site-header__secondary__menu-toggle,
.cdaf-site-header__secondary__menu-link.cdaf-site-header--selected .cdaf-site-header__secondary__menu-down-inactive,
.cdaf-site-header__secondary__menu-link:not( .cdaf-site-header--selected ) .cdaf-site-header__secondary__menu-down-active,
.cdaf-site-header__secondary__menu-toggle:not( :checked ) ~ .cdaf-site-header__secondary__sub-menu {
  display: none !important;
}
.cdaf-site-header__secondary__hamburger {
  display: flex;
  align-items: start;
  flex-wrap: nowrap;
  gap: 0.5em;
  justify-content: start;
}
.cdaf-site-header__secondary__hamburger:not( .cdaf-site-header--selected ) .cdaf-site-header__secondary__hamburger-icon-active,
.cdaf-site-header__secondary__hamburger.cdaf-site-header--selected .cdaf-site-header__secondary__hamburger-icon-inactive {
  display: none !important;
}
.cdaf-site-header__secondary__hamburger-text {
  flex: 1 1 0%;
}
.cdaf-site-header__secondary__hamburger-icon {
  flex: 0 0 auto;
}
:is( .cdaf-site-header__secondary__menu, .cdaf-site-header__secondary__sub-menu ) {
  list-style: none;
  margin: 0;
  padding: 0;
}
:is( .cdaf-site-header__secondary__menu, .cdaf-site-header__secondary__sub-menu ) * {
  margin: 0 !important;
}
:is( .cdaf-site-header__secondary__menu, .cdaf-site-header__secondary__sub-menu ) .link {
  --fluffle-link__color-bg: transparent;
  --fluffle-link__color-bg__active: var(--cdaf2024__color-accent__1);
  --fluffle-link__color-fg: currentcolor;
  --fluffle-link__color-fg__active: currentcolor;
  --fluffle-link__text-decoration: none;
  --fluffle-link__text-decoration__active: none;
  display: flex;
  align-items: baseline;
  flex-flow: row nowrap;
  gap: 0.5em;
  justify-content: start;
}
:is( .cdaf-site-header__secondary__menu, .cdaf-site-header__secondary__sub-menu ) .link.cdaf-site-header--selected {
  background-color: var(--fluffle-link__color-bg__active);
  color: var(--fluffle-link__color-fg__active);
  text-decoration: var(--fluffle-link__text-decoration__active);
}
.cdaf-site-header__secondary__menu {
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: start;
}
@media (max-width: 767px) {
  .cdaf-site-header__secondary {
    position: relative;
    padding-block: var(--fluffle-para__spacing-v);
  }
  .cdaf-site-header__secondary__menu {
    --cdaf-site-header__secondary__menu__border: 1px solid var(--cdaf2024__color-accent__2);
    flex-flow: column nowrap;
    position: absolute;
    z-index: 999;
    inset-block-start: 100%;
    inset-inline: 0;
    border-block: var(--cdaf-site-header__secondary__menu__border);
    background-color: var(--fluffle__color-bg);
  }
  .cdaf-site-header__secondary__menu > * ~ * {
    border-block-start: var(--cdaf-site-header__secondary__menu__border);
  }
  .cdaf-site-header__secondary__menu .menu-item {
    border-inline: 2px solid transparent;
  }
  .cdaf-site-header__secondary__menu .current-menu-item,
  .cdaf-site-header__secondary__menu .current-menu-ancestor {
    border-inline-color: var(--cdaf2024__color-primary__red);
  }
  .cdaf-site-header__secondary__menu .link {
    padding: 0.5em;
    inline-size: 100%;
  }
  .cdaf-site-header__secondary__sub-menu {
    padding: 0.5em;
  }
  .cdaf-site-header__secondary__menu-link-text {
    flex: 1 1 0%;
  }
  .cdaf-site-header__secondary__toggle:not( :checked ) ~ .cdaf-site-header__secondary__menu {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .cdaf-site-header__secondary-container {
    position: relative;
    z-index: 99;
  }
  .cdaf-site-header__secondary__hamburger {
    display: none !important;
  }
  .cdaf-site-header__secondary__menu {
    --cdaf-site-header__secondary__menu--mask-end: black;
    --cdaf-site-header__secondary__menu--mask-size: 1.5rem;
    --cdaf-site-header__secondary__menu--mask-start: black;
    mask-clip: no-clip;
    mask-position: left, center, right;
    mask-repeat: no-repeat;
    overflow: auto;
    scrollbar-width: thin;
    mask-image: linear-gradient(90deg, var(--cdaf-site-header__secondary__menu--mask-start), black), linear-gradient(90deg, black, black), linear-gradient(90deg, black, var(--cdaf-site-header__secondary__menu--mask-end));
    mask-size: var(--cdaf-site-header__secondary__menu--mask-size), calc(100% - (2 * var(--cdaf-site-header__secondary__menu--mask-size))), var(--cdaf-site-header__secondary__menu--mask-size);
  }
  .cdaf-site-header__secondary__menu:dir( rtl ) {
    mask-image: linear-gradient(90deg, var(--cdaf-site-header__secondary__menu--mask-end), black), linear-gradient(90deg, black, black), linear-gradient(90deg, black, var(--cdaf-site-header__secondary__menu--mask-start));
  }
  .cdaf-site-header__secondary__menu[data-cdaf-site-header__secondary__menu--scroll-end] {
    --cdaf-site-header__secondary__menu--mask-end: transparent;
  }
  .cdaf-site-header__secondary__menu[data-cdaf-site-header__secondary__menu--scroll-start] {
    --cdaf-site-header__secondary__menu--mask-start: transparent;
  }
  .cdaf-site-header__secondary__menu .menu-item {
    border-block-end: 2px solid transparent;
  }
  .cdaf-site-header__secondary__menu .current-menu-item,
  .cdaf-site-header__secondary__menu .current-menu-ancestor {
    border-block-end-color: var(--cdaf2024__color-primary__red);
  }
  .cdaf-site-header__secondary__menu .link {
    flex: 0 0 auto;
    padding-block: 0.5em;
    padding-inline: 1em;
    inline-size: auto;
  }
  .cdaf-site-header__secondary__menu > * {
    flex: 0 0 auto;
    max-inline-size: 50%;
  }
  .cdaf-site-header__secondary__menu > * > .cdaf-site-header__secondary__sub-menu {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: var(--fluffle-container__padding-h);
    border: 1px solid var(--fluffle-separator__color);
    background-color: var(--fluffle__color-bg);
  }
}
@media (min-width: 768px) and (pointer: coarse) {
  .cdaf-site-header__secondary__menu {
    scrollbar-width: none;
  }
}
/**
 * Styles for the site-wide footer
 * 
 * @since 2024-05-15
 * @author Designs and Codes, LLC
 */
.cdaf-site-footer {
  border-block-start: var(--fluffle__border-width) var(--fluffle__border-style) var(--cdaf2024__color-accent__2);
}
.cdaf-site-footer > :first-child {
  margin-block-start: calc(-1 * var(--fluffle-site-footer__spacing-v)) !important;
}
.cdaf-site-footer > :last-child {
  margin-block-end: calc(-1 * var(--fluffle-site-footer__spacing-v)) !important;
}
.editor-styles-wrapper[data-widget-area-id="site-footer-widgets"],
.cdaf-site-footer__upper {
  --fluffle-link__color-fg: currentcolor;
  padding-block: var(--fluffle-site-footer__spacing-v);
  color: var(--cdaf2024__color-accent__3);
}
.editor-styles-wrapper[data-widget-area-id="site-footer-widgets"] :where( ol, ul ):where( .menu ) > li,
.cdaf-site-footer__upper :where( ol, ul ):where( .menu ) > li {
  margin-block: var(--fluffle-line__spacing-v);
  margin-inline: var(--fluffle-line__spacing-h);
}
@media (pointer: coarse) {
  .editor-styles-wrapper[data-widget-area-id="site-footer-widgets"] :where( ol, ul ):where( .menu ) > li,
  .cdaf-site-footer__upper :where( ol, ul ):where( .menu ) > li {
    padding-block: var(--fluffle-line__spacing-v);
  }
}
.cdaf-site-footer__lower {
  --fluffle-link__color-fg: currentcolor;
  padding-block: var(--fluffle-para__spacing-v);
  background-color: var(--cdaf2024__color-primary__gray);
  color: var(--cdaf2024__color-accent__1);
}
.site-footer-menu__list {
  display: flex;
  align-items: stretch;
  gap: var(--fluffle-flexbox__gap-v) var(--fluffle-flexbox__gap-h);
  justify-content: flex-start;
  margin-block: var(--fluffle-flexbox__spacing-v);
  margin-inline: var(--fluffle-flexbox__spacing-h);
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.site-footer-menu__list > * {
  flex: 0 0 auto;
  margin: 0 !important;
  max-inline-size: 100%;
  inline-size: 100%;
}
.site-footer-menu__list.children-as-line {
  row-gap: var( --fluffle-line__spacing-v );
}
.site-footer-menu__list.children-as-para {
  row-gap: var( --fluffle-para__spacing-v );
}
.site-footer-menu__list.children-as-block {
  row-gap: var( --fluffle-block__spacing-v );
}
.site-footer-menu__list.children-as-header {
  row-gap: var( --fluffle-header__spacing-v );
}
.site-footer-menu__list.children-as-section {
  row-gap: var( --fluffle-section__spacing-v );
}
.site-footer-menu__list.flex-reverse {
  flex-direction: row-reverse;
}
.site-footer-menu__list > .menu-item {
  inline-size: 100%;
}
.cdaf-site-footer__lower__copyright-phantom {
  visibility: hidden;
}
@media (min-width: 768px) {
  .cdaf-site-footer__lower__copyright-holder {
    inline-size: auto;
    max-inline-size: 33.33333333%;
  }
  .cdaf-site-footer__lower__menu-holder {
    flex: 1 1 0%;
  }
  .site-footer-menu__list {
    justify-content: flex-end;
  }
  .site-footer-menu__list > .menu-item {
    inline-size: auto;
  }
}
@media (max-width: 991px) {
  .cdaf-site-footer__lower__copyright-phantom {
    display: none;
  }
}
@media (min-width: 992px) {
  .cdaf-site-footer__lower__copyright-holder {
    inline-size: auto;
    max-inline-size: 25%;
  }
  .cdaf-site-footer__lower__menu-holder {
    flex: 1 1 0%;
  }
  .site-footer-menu__list {
    justify-content: center;
  }
}
/**
 * Styles for archive pages
 * 
 * @since 2024-10-02
 * @author Designs and Codes, LLC
 */
.archive-list {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  gap: var(--fluffle-block__spacing-v) var(--fluffle-flexbox__gap-h);
  justify-content: start;
  /* 	columns: 1; */
  list-style: none;
  padding: 0;
  /* 	.define-breakpoint-up( md, { */
  /* 		columns: 2; */
  /* 	} ); */
  /* 	.define-breakpoint-up( lg, { */
  /* 		columns: 3; */
  /* 	} ); */
}
.archive-item {
  --cdaf2024-archive-item__padding-v: clamp( max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ) + ( 20px - max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 20px );
  --cdaf2024-archive-item__padding-h: clamp( max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ), ( max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ) + ( 20px - max( 1rem, ( 0.5 * ( 20px - 1rem ) + 1rem ) ) ) * ( 100dvi - 767px ) / ( 1200px - 767px ) ), 20px );
  flex: 0 0 auto;
  page-break-inside: avoid;
  break-inside: avoid;
  border-color: var(--fluffle__border-color);
  border-radius: var(--fluffle__border-radius);
  border-style: var(--fluffle__border-style);
  border-width: var(--fluffle__border-width);
  margin: 0;
  padding-block: var(--cdaf2024-archive-item__padding-v);
  padding-inline: var(--cdaf2024-archive-item__padding-h);
  inline-size: 100%;
  overflow: clip;
}
@media (min-width: 992px) {
  .archive-item {
    inline-size: calc((100% - (1 * var(--fluffle-flexbox__gap-h))) / 2);
  }
}
@media (min-width: 1200px) {
  .archive-item {
    inline-size: calc((100% - (2 * var(--fluffle-flexbox__gap-h))) / 3);
  }
}
.archive-post {
  display: flex;
  align-items: stretch;
  flex-flow: column nowrap;
  gap: var(--cdaf2024-archive-item__padding-v) var(--fluffle-flexbox__gap-h);
  justify-content: start;
  block-size: 100%;
  /* 	&:has( > .archive-post__thumb:where( :first-child, :last-child ) ) { */
  /* 		block-size: calc( 100% + var( --cdaf2024-archive-item__padding-v ) ); */
  /* 	} */
  /* 	&:has( > .archive-post__thumb:where( :first-child ) ):has( > .archive-post__thumb:where( :last-child ) ) { */
  /* 		block-size: calc( 100% + ( 2 * var( --cdaf2024-archive-item__padding-v ) ) ); */
  /* 	} */
}
.archive-post > * {
  margin-block: 0 !important;
  margin-inline: 0;
}
.archive-post__thumb {
  aspect-ratio: 2 / 1;
  overflow: hidden;
  margin-inline: calc(-1 * var(--cdaf2024-archive-item__padding-h));
}
.archive-post__thumb:first-child {
  margin-block-start: calc(-1 * var(--cdaf2024-archive-item__padding-v)) !important;
}
.archive-post__thumb:last-child {
  margin-block-end: calc(-1 * var(--cdaf2024-archive-item__padding-v)) !important;
}
.archive-post__thumb > img {
  pointer-events: none;
}
.archive-post__time {
  display: block;
  color: #6f8695;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
}
.archive-post__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #262626;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
}
.archive-post__title > a {
  color: inherit;
  text-decoration: none;
}
.archive-post__title > a:is( :active, :hover ) {
  color: #860a0a;
}
.archive-post__excerpt {
  flex: 1 0 auto;
  color: #455560;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 300;
}
.archive-post__button {
  display: block !important;
}
.navigation:where( .pagination ) {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  gap: 0;
  justify-content: start;
  margin-block: var(--fluffle-site-content__spacing-v);
  font-size: 1.2rem;
  line-height: 1.5;
}
.navigation:where( .pagination ) :where( .nav-links ) {
  display: flex;
  align-items: start;
  flex: 0 1 auto;
  flex-flow: row wrap;
  gap: 0.5rem 20px;
  justify-content: start;
}
.navigation:where( .pagination ) :where( .page-numbers ) {
  flex: 0 0 auto;
  min-inline-size: 1.5em;
  text-align: center;
}
.navigation:where( .pagination ) :where( .page-numbers ):where( .next, .prev ) {
  flex-grow: 1;
}
.navigation:where( .pagination ) :where( .page-numbers ):where( .next ) {
  text-align: end;
}
.navigation:where( .pagination ) :where( .page-numbers ):where( .prev ) {
  text-align: start;
}
/**
 * Styles for the Collaborators archive
 * 
 * @since 2024-10-02
 * @author Designs and Codes, LLC
 */
.archive-list__collaborator {
  --archive-list__collaborator__columns: 2;
  --archive-list__collaborator__gap: 1px;
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  gap: var(--archive-list__collaborator__gap);
  justify-content: start;
  border: 1px solid transparent;
  background-color: #e5e5e5;
}
@media (min-width: 768px) {
  .archive-list__collaborator {
    --archive-list__collaborator__columns: 3;
  }
}
@media (min-width: 992px) {
  .archive-list__collaborator {
    --archive-list__collaborator__columns: 4;
  }
}
@media (min-width: 992px) {
  .archive-list__collaborator {
    --archive-list__collaborator__columns: 5;
  }
}
.archive-item__collaborator,
:where( .archive-item__collaborator ) > .archive-post {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  gap: var(--fluffle-para__spacing-v) var(--fluffle-flexbox__gap-h);
}
.archive-item__collaborator,
:where( .archive-item__collaborator ) > .archive-post > * {
  margin: 0 !important;
}
.archive-item__collaborator {
  flex: 0 0 auto;
  justify-content: center;
  padding-block: var(--fluffle-para__spacing-v);
  padding-inline: calc(var(--fluffle__spacing-h__gutter) / 2);
  inline-size: calc((100% - ((var(--archive-list__collaborator__columns) - 1) * var(--archive-list__collaborator__gap))) / var(--archive-list__collaborator__columns));
  background-color: #fafafa;
}
:where( .archive-item__collaborator ) > .archive-post {
  flex: 1 0 auto;
  justify-content: start;
  text-decoration: none;
}
:where( .archive-item__collaborator ) > .archive-post:is( :active, :hover ) {
  text-decoration: underline;
}
:where( .archive-item__collaborator > .archive-post ) .archive-post__thumb {
  aspect-ratio: 1 / 1 !important;
}
:where( .archive-item__collaborator > .archive-post ) .archive-post__thumb:first-child {
  margin-block-start: 0 !important;
}
:where( .archive-item__collaborator > .archive-post ) .wp-post-image {
  aspect-ratio: 1 / 1 !important;
  inline-size: 100%;
  object-fit: contain;
}
:where( .archive-item__collaborator > .archive-post ) .archive-post__title {
  font-size: inherit;
  text-align: center;
}
/**
 * Styles for singular content
 * 
 * @since 2024-10-02
 * @author Designs and Codes, LLC
 */
/**
 * Styles for a singular post-header
 * 
 * @since 2024-10-02
 * @author Designs and Codes, LLC
 */
.single-post-header {
  --single-post-header__thumb-width: 20%;
  margin-block: var(--fluffle-site-content__spacing-v);
  background-color: var(--wp--preset--color--accent-1);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto;
}
:where( .site-content > .singular-post, .site-content ) > .single-post-header:first-child {
  margin-block-start: calc(var(--fluffle-site-content__spacing-v) * -1) !important;
}
:where( .site-content > .singular-post, .site-content ) > .single-post-header:last-child {
  margin-block-end: calc(var(--fluffle-site-content__spacing-v) * -1) !important;
}
@media (min-width: 992px) {
  .single-post-header {
    --single-post-header__thumb-width: 25%;
  }
}
@media (min-width: 1200px) {
  .single-post-header {
    --single-post-header__thumb-width: 33%;
  }
}
.single-post-header__container {
  margin-inline: auto;
  padding-inline: var(--fluffle-container__padding-h);
  max-inline-size: var(--wp--style--global--content-size);
}
.single-post-header__row {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: start;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 50%;
}
.single-post-header__row > * {
  margin: 0;
}
@media (min-width: 992px) {
  .single-post-header__row,
  .wp-block-cover.cdaf-is-post-title {
    min-block-size: 300px;
  }
}
.single-post-header__text,
.single-post-header__thumbnail {
  padding-block: var(--fluffle-header__spacing-v);
}
.single-post-header__text {
  flex: 1 1 0%;
  z-index: 1;
}
.single-post-header__text > * {
  margin-block: 0;
}
.single-post-header__title {
  font-size: var(--cdaf-font-size__heading-section);
  line-height: var(--cdaf-line-height__heading-section);
  font-weight: bold;
}
.single-post-header__subtitle {
  font-size: var(--cdaf-font-size__text-callout);
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.single-post-header__metas,
.single-post-header__description {
  margin-block: var(--fluffle-para__spacing-v);
  font-size: var(--cdaf2024__font-size__small);
}
.single-post-header__metas {
  list-style: none;
  padding: 0;
}
.single-post-header__meta {
  display: flex;
  align-items: start;
  flex-flow: row nowrap;
  gap: 0 0.5em;
  justify-content: start;
  margin-block: var(--fluffle-line__spacing-v);
}
.single-post-header__meta-icon {
  flex: 0 0 auto;
}
.single-post-header__meta-content {
  flex: 1 1 0%;
}
.single-post-header__meta-terms {
  display: flex;
  align-items: start;
  flex-flow: row nowrap;
  gap: calc(var(--fluffle-line__spacing-v) / 2) 1em;
  justify-content: space-between;
  container-type: inline-size;
}
.single-post-header__meta-terms-button {
  cursor: pointer;
  outline: var(--fluffle-link__outline-width) var(--fluffle-link__outline-style) transparent;
  outline-offset: var(--fluffle-link__outline-offset);
  background-color: var(--fluffle-link__color-bg);
  color: var(--fluffle-link__color-fg);
  text-decoration: var(--fluffle-link__text-decoration);
  transition-duration: var(--fluffle-link__transition-duration);
  transition-property: var(--fluffle-link__transition-properties);
  display: none;
  flex: 0 0 auto;
  order: 1;
}
.single-post-header__meta-terms-button:focus {
  outline-color: var(--fluffle-link__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .single-post-header__meta-terms-button:focus {
    outline-color: transparent;
  }
  .single-post-header__meta-terms-button:focus-visible {
    outline-color: var(--fluffle-link__outline-color__focus);
  }
}
.single-post-header__meta-terms-button:is( :active, :hover ) {
  background-color: var(--fluffle-link__color-bg__active);
  color: var(--fluffle-link__color-fg__active);
  text-decoration: var(--fluffle-link__text-decoration__active);
}
.single-post-header__meta-terms-toggle,
.single-post-header__meta-terms-toggle:checked ~ .single-post-header__meta-terms-more,
.single-post-header__meta-terms-toggle:not( :checked ) ~ .single-post-header__meta-terms-less {
  display: none;
}
.single-post-header__meta-terms-list {
  flex: 1 1 0%;
  list-style: none;
  margin: 0;
  padding: 0;
}
html.js :where( .single-post-header__meta-terms--too-wide ) {
  position: relative;
}
html.js :where( .single-post-header__meta-terms--too-wide ) > .single-post-header__meta-terms-button {
  display: block;
  position: sticky;
}
html.js :where( .single-post-header__meta-terms--too-wide ):where( .single-post-header__meta-terms--show-all ) {
  border: 1px solid var(--fluffle-input__border-color);
  padding-block: var(--fluffle-input__padding-v);
  padding-inline: var(--fluffle-input__padding-h);
}
html.js :where( .single-post-header__meta-terms--too-wide ):not( :where( .single-post-header__meta-terms--show-all )) > .single-post-header__meta-terms-list {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.single-post-header__meta-terms-item {
  display: inline;
}
.single-post-header__meta-terms-item:not( :last-child ):after {
  content: ', ';
}
.single-post-header__thumbnail {
  contain: size;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-flow: column nowrap;
  justify-content: center;
  margin-inline-start: calc(-1 * var(--single-post-header__thumb-width));
  inline-size: var(--single-post-header__thumb-width);
}
:where( article.has-post-thumbnail ) .single-post-header__thumbnail {
  margin-inline-start: 0;
}
.single-post-header__thumbnail > img {
  margin-inline: auto;
  max-block-size: 100%;
  inline-size: auto;
}
@media (max-width: 767px) {
  .single-post-header__thumbnail {
    display: none;
  }
}
:where( .singular-post > .post-content ) > .wp-block-cover:where( .alignfull ):first-child {
  margin-block-start: calc(var(--fluffle-site-content__spacing-v) * -1) !important;
}
/**
 * Compatibility styles
 * 
 * @since 2024-10-02
 * @author Designs and Codes, LLC
 */
/**
 * Compatibility for Formidable Forms
 * 
 * @since 2024-10-04
 * @author Designs and Codes, LLC
 */
.frm_style_cdaf.with_frm_style .form-field {
  margin-block-start: var(--fluffle-block__spacing-v);
  margin-block-end: 0 !important;
}
.frm_style_cdaf.with_frm_style .form-field:first-of-type {
  margin-block-start: 0;
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: var(--fluffle-button__color-bg);
  color: var(--fluffle-button__color-fg);
  display: inline-block;
  inline-size: auto;
  /* 	--cdaf2024-button__color-1: var( --cdaf2024__color-primary__red ); */
  /* 	--cdaf2024-button__color-2: var( --fluffle__color-bg ); */
  /* 	.define-outline-button( var( --cdaf2024-button__color-1 ), var( --cdaf2024-button__color-2 ) ); */
  /* 	&:where( .cdaf-button-role-secondary ) { */
  /* 		--cdaf2024-button__color-2: var( --cdaf2024__color-primary__purple ); */
  /* 	} */
  /* 	&:where( .cdaf-button-role-tertiary ) { */
  /* 		--cdaf2024-button__color-2: var( --cdaf2024__color-primary__gray ); */
  /* 	} */
  /* 	&:where( .is-style-fill ) { */
  /* 		.define-outline-button( var( --cdaf2024-button__color-2 ), var( --cdaf2024-button__color-1 ) ); */
  /* 	} */
  /* 	&:where( .cdaf-button-is-ghost ) { */
  /* 		--fluffle-button__color-bg: transparent; */
  /* 		--fluffle-button__color-bg__hover: transparent; */
  /* 	} */
  --cdaf2024-button__after-content: none;
  --cdaf2024-button__inset-inline: var(--fluffle-button__padding-h);
  display: inline-flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: center;
  --cdaf2024-button__color-1: var(--fluffle__color-bg);
  --cdaf2024-button__color-2: var(--cdaf2024__color-primary__red);
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .frm_style_cdaf.with_frm_style .form-field .frm_submit button:focus {
    outline-color: transparent;
  }
  .frm_style_cdaf.with_frm_style .form-field .frm_submit button:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:disabled {
  cursor: default !important;
  outline: none !important;
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: var(--fluffle-button__color-bg__hover);
  color: var(--fluffle-button__color-fg__hover);
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: var(--fluffle-button__color-bg__active);
  color: var(--fluffle-button__color-fg__active);
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-bg__disabled) !important;
  color: var(--fluffle-button__color-fg__disabled) !important;
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:is( a.is-download-button ),
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:is( div.is-download-button ) > .wp-block-button__link {
  --cdaf2024-button__after-content: "\f019";
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:after {
  content: var(--cdaf2024-button__after-content);
  display: inline-block;
  position: relative;
  inset-inline-start: 0;
  padding-inline-start: 0.5em;
  font-family: 'FontAwesome';
  text-decoration: none !important;
  text-decoration-thickness: 0px;
  transition: 0.3s inset-inline-start;
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button[href] {
  --cdaf2024-button__after-content: "\f105";
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button[type="reset"] {
  --cdaf2024-button__after-content: "\f00d";
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button[type="submit"] {
  --cdaf2024-button__after-content: "\f093";
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button.padding-horizontal-gutter-quarter {
  --cdaf2024-button__inset-inline: calc(var(--fluffle__spacing-h__gutter) / 4);
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button.is-style-auto-circle {
  border-radius: 50%;
  padding: var(--fluffle-button__padding-v);
  aspect-ratio: 1 / 1;
  padding: 0.25em;
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button[href^="#"] {
  --cdaf2024-button__after-content: "\f292";
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:is( [rel="external"], [target="_blank"] ) {
  --cdaf2024-button__after-content: "\f08e";
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button[href^="mailto:"] {
  --cdaf2024-button__after-content: "\f003";
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:is( .is-style-circle, .is-style-auto-circle ),
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:has( > .fa ) {
  --cdaf2024-button__after-content: none !important;
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button > .fa:first-child:last-child {
  display: inline-block;
  min-inline-size: 1.5em;
  line-height: 1.5;
}
.frm_style_cdaf.with_frm_style .form-field .frm_submit button:is( :active, :hover ):after {
  inset-inline-start: calc(var(--cdaf2024-button__inset-inline) / 2);
}
.frm_submit.frm_flex {
  justify-content: center;
}
/*
.singular-post__content .frm_style_cdaf.with_frm_style .frm_submit button {
	border-color: currentcolor;
	background-color: var( --fluffle-button__color-bg );
	color: var( --fluffle-button__color-fg );
}

.singular-post__content .frm_style_cdaf.with_frm_style .frm_submit button:is( :active, :hover ) {
	background-color: var( --fluffle-button__color-bg__active );
	color: var( --fluffle-button__color-fg__active );
}

.singular-post__content .frm_style_cdaf.with_frm_style .frm_submit button:hover {
	border-color: var( --fluffle-button__color-bg__active );
}

.singular-post__content .frm_style_cdaf.with_frm_style .frm_submit button:active {
	border-color: currentcolor;
}

.singular-post__content .with_frm_style .frm_form_fields > fieldset {
	border-color: var( --cdaf2024__color-accent__1 );
}
*/
/**
 * Styles specific to the homepage
 * 
 * @since 2025-10-29
 * @author Designs and Codes, LLC
 */
@media (min-width: 0) {
  .margin-top-section-xs,
  .margin-vertical-section-xs {
    margin-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .margin-bottom-section-xs,
  .margin-vertical-section-xs {
    margin-block-end: var(--fluffle-section__spacing-v) !important;
  }
  .margin-top-section-xs-negative,
  .margin-vertical-section-xs-negative {
    margin-block-start: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .margin-bottom-section-xs-negative,
  .margin-vertical-section-xs-negative {
    margin-block-end: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .padding-top-section-xs,
  .padding-vertical-section-xs {
    padding-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .padding-bottom-section-xs,
  .padding-vertical-section-xs {
    padding-block-end: var(--fluffle-section__spacing-v) !important;
  }
}
@media (min-width: 768px) {
  .margin-top-section-sm,
  .margin-vertical-section-sm {
    margin-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .margin-bottom-section-sm,
  .margin-vertical-section-sm {
    margin-block-end: var(--fluffle-section__spacing-v) !important;
  }
  .margin-top-section-sm-negative,
  .margin-vertical-section-sm-negative {
    margin-block-start: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .margin-bottom-section-sm-negative,
  .margin-vertical-section-sm-negative {
    margin-block-end: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .padding-top-section-sm,
  .padding-vertical-section-sm {
    padding-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .padding-bottom-section-sm,
  .padding-vertical-section-sm {
    padding-block-end: var(--fluffle-section__spacing-v) !important;
  }
}
@media (min-width: 992px) {
  .margin-top-section-md,
  .margin-vertical-section-md {
    margin-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .margin-bottom-section-md,
  .margin-vertical-section-md {
    margin-block-end: var(--fluffle-section__spacing-v) !important;
  }
  .margin-top-section-md-negative,
  .margin-vertical-section-md-negative {
    margin-block-start: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .margin-bottom-section-md-negative,
  .margin-vertical-section-md-negative {
    margin-block-end: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .padding-top-section-md,
  .padding-vertical-section-md {
    padding-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .padding-bottom-section-md,
  .padding-vertical-section-md {
    padding-block-end: var(--fluffle-section__spacing-v) !important;
  }
}
@media (min-width: 1200px) {
  .margin-top-section-lg,
  .margin-vertical-section-lg {
    margin-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .margin-bottom-section-lg,
  .margin-vertical-section-lg {
    margin-block-end: var(--fluffle-section__spacing-v) !important;
  }
  .margin-top-section-lg-negative,
  .margin-vertical-section-lg-negative {
    margin-block-start: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .margin-bottom-section-lg-negative,
  .margin-vertical-section-lg-negative {
    margin-block-end: calc( -1 * var(--fluffle-section__spacing-v) ) !important;
  }
  .padding-top-section-lg,
  .padding-vertical-section-lg {
    padding-block-start: var(--fluffle-section__spacing-v) !important;
  }
  .padding-bottom-section-lg,
  .padding-vertical-section-lg {
    padding-block-end: var(--fluffle-section__spacing-v) !important;
  }
}
/**
 * Compatibility for Slide Anything
 * 
 * @since 2024-10-03
 * @author Designs and Codes, LLC
 */
.sa_custom_popup {
  background-color: rgba(69, 85, 96, 0.8) !important;
}
.sa_popup_close {
  background-color: black !important;
}
/**
 * Compat for Team Members
 * 
 * @since 2024-10-02
 * @author Designs and Codes, LLC
 */
.tmm_member {
  margin-block: 25px !important;
}
:where( .tmm .tmm_member ) .tmm_photo {
  margin-top: -25% !important;
}
.tmm_desc,
.tmm_comp_text {
  text-align: start !important;
}
/**
 * Compatibility rules for Ultimate Member
 * 
 * @since 2026-02-26
 * @author Designs and Codes, LLC
 */
div.uimob960.uimob960 .um-profile-photo a.um-profile-photo-img {
  top: 0 !important;
}
/**
 * Compatibility for WP Gridbuilder
 * 
 * @since 2024-10-03
 * @author Designs and Codes, LLC
 */
.wp-grid-builder .wpgb-card .button {
  outline-color: transparent;
  outline-offset: var(--fluffle-button__outline-offset);
  outline-width: var(--fluffle-button__outline-width);
  outline-style: var(--fluffle-button__outline-style);
  border-radius: var(--fluffle-button__border-radius, calc( min( var( --fluffle-button__padding-v ), var( --fluffle-button__padding-h ) ) * 0.5 ));
  border-style: var(--fluffle-button__border-style);
  border-width: var(--fluffle-button__border-width);
  padding-block: var(--fluffle-button__padding-v);
  padding-inline: var(--fluffle-button__padding-h);
  max-inline-size: 100%;
  font-family: var(--fluffle-button__font-family);
  font-size: var(--fluffle-button__font-size);
  line-height: var(--fluffle-button__line-height);
  text-align: var(--fluffle-button__text-align);
  text-decoration: none !important;
  transition-duration: var(--fluffle-button__transition-duration);
  transition-property: var(--fluffle-button__transition-properties);
  border-color: var(--fluffle-button__border-color);
  background-color: var(--fluffle-button__color-bg);
  color: var(--fluffle-button__color-fg);
  display: inline-block;
  inline-size: auto;
  /* 	--cdaf2024-button__color-1: var( --cdaf2024__color-primary__red ); */
  /* 	--cdaf2024-button__color-2: var( --fluffle__color-bg ); */
  /* 	.define-outline-button( var( --cdaf2024-button__color-1 ), var( --cdaf2024-button__color-2 ) ); */
  /* 	&:where( .cdaf-button-role-secondary ) { */
  /* 		--cdaf2024-button__color-2: var( --cdaf2024__color-primary__purple ); */
  /* 	} */
  /* 	&:where( .cdaf-button-role-tertiary ) { */
  /* 		--cdaf2024-button__color-2: var( --cdaf2024__color-primary__gray ); */
  /* 	} */
  /* 	&:where( .is-style-fill ) { */
  /* 		.define-outline-button( var( --cdaf2024-button__color-2 ), var( --cdaf2024-button__color-1 ) ); */
  /* 	} */
  /* 	&:where( .cdaf-button-is-ghost ) { */
  /* 		--fluffle-button__color-bg: transparent; */
  /* 		--fluffle-button__color-bg__hover: transparent; */
  /* 	} */
  --cdaf2024-button__after-content: none;
  --cdaf2024-button__inset-inline: var(--fluffle-button__padding-h);
  display: inline-flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: center;
  --cdaf2024-button__color-1: var(--cdaf2024__color-primary__red);
  --cdaf2024-button__color-2: var(--fluffle__color-bg);
}
.wp-grid-builder .wpgb-card .button:focus {
  outline-color: var(--fluffle-button__outline-color__focus);
}
@supports selector( :focus-visible ) {
  .wp-grid-builder .wpgb-card .button:focus {
    outline-color: transparent;
  }
  .wp-grid-builder .wpgb-card .button:focus-visible {
    outline-color: var(--fluffle-button__outline-color__focus);
  }
}
.wp-grid-builder .wpgb-card .button:disabled {
  cursor: default !important;
  outline: none !important;
}
.wp-grid-builder .wpgb-card .button:hover {
  border-color: var(--fluffle-button__border-color__hover);
  background-color: var(--fluffle-button__color-bg__hover);
  color: var(--fluffle-button__color-fg__hover);
}
.wp-grid-builder .wpgb-card .button:active {
  border-color: var(--fluffle-button__border-color__active);
  background-color: var(--fluffle-button__color-bg__active);
  color: var(--fluffle-button__color-fg__active);
}
.wp-grid-builder .wpgb-card .button:disabled {
  border-color: var(--fluffle-button__border-color__disabled) !important;
  background-color: var(--fluffle-button__color-bg__disabled) !important;
  color: var(--fluffle-button__color-fg__disabled) !important;
}
.wp-grid-builder .wpgb-card .button:is( a.is-download-button ),
.wp-grid-builder .wpgb-card .button:is( div.is-download-button ) > .wp-block-button__link {
  --cdaf2024-button__after-content: "\f019";
}
.wp-grid-builder .wpgb-card .button:after {
  content: var(--cdaf2024-button__after-content);
  display: inline-block;
  position: relative;
  inset-inline-start: 0;
  padding-inline-start: 0.5em;
  font-family: 'FontAwesome';
  text-decoration: none !important;
  text-decoration-thickness: 0px;
  transition: 0.3s inset-inline-start;
}
.wp-grid-builder .wpgb-card .button[href] {
  --cdaf2024-button__after-content: "\f105";
}
.wp-grid-builder .wpgb-card .button[type="reset"] {
  --cdaf2024-button__after-content: "\f00d";
}
.wp-grid-builder .wpgb-card .button[type="submit"] {
  --cdaf2024-button__after-content: "\f093";
}
.wp-grid-builder .wpgb-card .button.padding-horizontal-gutter-quarter {
  --cdaf2024-button__inset-inline: calc(var(--fluffle__spacing-h__gutter) / 4);
}
.wp-grid-builder .wpgb-card .button.is-style-auto-circle {
  border-radius: 50%;
  padding: var(--fluffle-button__padding-v);
  aspect-ratio: 1 / 1;
  padding: 0.25em;
}
.wp-grid-builder .wpgb-card .button[href^="#"] {
  --cdaf2024-button__after-content: "\f292";
}
.wp-grid-builder .wpgb-card .button:is( [rel="external"], [target="_blank"] ) {
  --cdaf2024-button__after-content: "\f08e";
}
.wp-grid-builder .wpgb-card .button[href^="mailto:"] {
  --cdaf2024-button__after-content: "\f003";
}
.wp-grid-builder .wpgb-card .button:is( .is-style-circle, .is-style-auto-circle ),
.wp-grid-builder .wpgb-card .button:has( > .fa ) {
  --cdaf2024-button__after-content: none !important;
}
.wp-grid-builder .wpgb-card .button > .fa:first-child:last-child {
  display: inline-block;
  min-inline-size: 1.5em;
  line-height: 1.5;
}
.wp-grid-builder .wpgb-card .button:is( :active, :hover ):after {
  inset-inline-start: calc(var(--cdaf2024-button__inset-inline) / 2);
}
.wp-grid-builder .wpgb-card .cdaf-wggb-block-terms-list .wpgb-block-term,
.wp-grid-builder .wpgb-card a.wpgb-block-term.wpgb-block-term {
  --cdaf2024-button__color-1: var(--fluffle__color-bg);
  --cdaf2024-button__color-2: var(--cdaf2024__color-primary__gray);
  border: 1px solid currentcolor;
  border-radius: 0.25em;
  padding-block: 0.2em;
  padding-inline: 0.6em;
  font-size: inherit;
  background-color: var(--cdaf2024-button__color-1);
  color: var(--cdaf2024-button__color-2);
}
.wp-grid-builder .wpgb-card a.wpgb-block-term.wpgb-block-term:hover {
  --cdaf2024-button__color-2: var(--cdaf2024__color-primary__red);
}
.wp-grid-builder .wpgb-card a.wpgb-block-term.wpgb-block-term:active {
  --cdaf2024-button__color-1: var(--cdaf2024__color-primary__red);
  --cdaf2024-button__color-2: var(--fluffle__color-bg);
}
.wp-grid-builder .wpgb-card a.wpgb-block-term.wpgb-block-term:after {
  content: '\f292';
  padding-block-start: 0.25em;
}
.wp-grid-builder .wpgb-facet .wpgb-facet-title {
  margin-block: 0.5rem;
  font-size: inherit;
}
.wpgb-facet select.wpgb-select + .wpgb-select-controls svg.wpgb-select-toggle {
  margin-block: 0;
}
.wpgb-area-top-1,
.wpgb-area-top-1:after {
  margin-block: var(--fluffle-separator__spacing-v);
}
.wpgb-area-top-1 {
  margin-inline: -15px !important;
  gap: 1rem 0;
}
.wpgb-area-top-1:after {
  content: '';
  display: block;
  margin-inline: 15px;
  border-block-end: var(--fluffle-separator__thickness) var(--fluffle-separator__style) var(--fluffle-separator__color);
  border-radius: 0;
  inline-size: calc(100% - 30px);
}
.wpgb-area-top-1 > * {
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 15px !important;
}
.wpgb-area-top-1 .wpgb-facet > * {
  margin-block: 0.5rem;
}
.hidden-live {
  display: none !important;
}
:is( #foo, * ).owl-pagination-true {
  margin-block-end: 0 !important;
}
:is( #foo, * ).sa_owl_theme .owl-dots {
  position: static;
  margin-block: var(--fluffle-line__spacing-v);
  padding: 0 !important;
}