.fl {
  position: relative;
  max-width: var(--maxWidth);
  margin-left: auto;
  margin-right: auto;
}
.fl[data-layout=default] {
  border-radius: 10px;
}
.fl[data-layout=default][data-frame$=box] {
  padding-left: clamp(10px, 1.6vw, 30px);
  padding-right: clamp(10px, 1.6vw, 30px);
}
.fl[data-layout=layout-full] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced] {
  width: 100%;
  max-width: none;
}
.fl[data-layout=layout-full-reduced] .inner {
  position: relative;
  max-width: var(--maxWidth);
  margin-left: auto;
  margin-right: auto;
}
.fl[data-layout=layout-reduced] {
  max-width: var(--fl-layout-reduced);
  border-radius: 10px;
}
.fl[data-layout=layout-reduced][data-frame$=box] {
  padding-left: 30px;
  padding-right: 30px;
}
.fl[data-layout=layout-medium_reduced] {
  max-width: 1060px;
  border-radius: 10px;
}
.fl[data-layout=layout-medium_reduced][data-frame$=box] {
  padding-left: 30px;
  padding-right: 30px;
}
.fl[data-frame=lightbgbox] {
  background: var(--fl-frame-lightbgbox);
}
.fl[data-frame=gradient] {
  background-image: url("../../../img/background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--contrastColorInverted);
}
.fl[data-frame=gradient] .inner {
  width: var(--baseWidth);
  margin-left: auto;
  margin-right: auto;
}
.fl[data-frame=cibgbox] {
  background: var(--fl-frame-cibgbox);
}
.fl[data-frame=gradient] h1:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] h2:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] h3:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] h4:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] h5:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] h6:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] p:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] ul:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] ol:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] a:not(.wp-block-button__link):not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=gradient] table:not(.has-main-color-color):not(.has-second-color-color), .fl[data-frame=cibgbox] h1:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] h2:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] h3:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] h4:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] h5:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] h6:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] p:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] ul:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] ol:not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] a:not(.wp-block-button__link):not(.has-main-color-color):not(.has-second-color-color),
.fl[data-frame=cibgbox] table:not(.has-main-color-color):not(.has-second-color-color) {
  color: var(--contrastColorInverted);
}
.fl[data-frame=gradient] .has-main-color-color,
.fl[data-frame=gradient] .has-second-color-color, .fl[data-frame=cibgbox] .has-main-color-color,
.fl[data-frame=cibgbox] .has-second-color-color {
  background-color: var(--contrastColorInverted);
  display: inline-table;
  padding-left: 10px;
  padding-right: 10px;
}
.fl[data-frame=gradient] .wp-block-table.is-style-stripes tbody tr:nth-child(odd), .fl[data-frame=cibgbox] .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: rgba(var(--contrastColorRGB), 0.1);
}
.fl[data-frame=gradient] hr.wp-block-separator, .fl[data-frame=cibgbox] hr.wp-block-separator {
  background: var(--contrastColorInverted);
}
.fl[data-frame=gradient] .wp-block-button:not([class*=-secondary]):not(.is-style-borderless):not(.is-style-outline) .wp-block-button__link, .fl[data-frame=cibgbox] .wp-block-button:not([class*=-secondary]):not(.is-style-borderless):not(.is-style-outline) .wp-block-button__link {
  border: 1px solid var(--buttonColor);
}
.fl[data-frame=gradient] .wp-block-button.is-style-outline, .fl[data-frame=cibgbox] .wp-block-button.is-style-outline {
  --buttonBg: transparent;
  --buttonColor: var(--contrastColorInverted);
  --buttonHoverBg: var(--contrastColorInverted);
  --buttonHoverColor: var(--fontColor);
}
.fl[data-background-image=true] .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
}
.fl[data-background-image=true] .background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fl[data-padding-before=extra-small] {
  padding-top: var(--fl-margin-before-extra-small);
}
.fl[data-padding-before=small] {
  padding-top: var(--fl-margin-before-small);
}
.fl[data-padding-before=medium] {
  padding-top: var(--fl-margin-before-medium);
}
.fl[data-padding-before=large] {
  padding-top: var(--fl-margin-before-large);
}
.fl[data-padding-before=extra-large] {
  padding-top: var(--fl-margin-before-extra-large);
}
.fl[data-padding-after=extra-small] {
  padding-bottom: var(--fl-margin-after-extra-small);
}
.fl[data-padding-after=small] {
  padding-bottom: var(--fl-margin-after-small);
}
.fl[data-padding-after=medium] {
  padding-bottom: var(--fl-margin-after-medium);
}
.fl[data-padding-after=large] {
  padding-bottom: var(--fl-margin-after-large);
}
.fl[data-padding-after=extra-large] {
  padding-bottom: var(--fl-margin-after-extra-large);
}
@media screen and (max-width: 640px) {
  .fl[data-padding-before=medium] {
    padding-top: var(--fl-margin-before-medium);
  }
  .fl[data-padding-before=large] {
    padding-top: var(--fl-margin-before-large);
  }
  .fl[data-padding-before=extra-large] {
    padding-top: var(--fl-margin-before-extra-large);
  }
  .fl[data-padding-after=medium] {
    padding-bottom: var(--fl-margin-after-medium);
  }
  .fl[data-padding-after=large] {
    padding-bottom: var(--fl-margin-after-large);
  }
  .fl[data-padding-after=extra-large] {
    padding-bottom: var(--fl-margin-after-extra-large);
  }
}