@use "sass:map";
@use "sass:list";

@use "./prefix-list.scss" as *;
@use "./functions.scss" as *;

$rb_cls: ".flx__rb__fxd";
$elementSelector: '[data-div-type="element"]';
$elementDragging: "[data-cms-new-element-dragging-v2='true']";
$dataResizerTrue: '[data-cms-element-resizer="true"]';
$fullView: '[data-view-state="full"]';
$var: "--_sf-width-rb-vl";
$selector: "[data-element-type='layouter-pro']";

@mixin FlexElementResponsiveBehaviourStyles() {
  #{$elementSelector} {
    &#{$rb_cls} {
      &:not(#{$fullView, $elementDragging, $dataResizerTrue}) {
        @include FlexUpdatedPrefixCSSVariable(#{$var});
        &:is(#{$selector}) {
          width: min(var(#{$var}, #{prepareMediaVariable(--_ctm-lt-wh)}), 100%) !important;
        }
        &:is(:not(#{$selector})) {
          width: var(#{$var}, #{prepareMediaVariable(--_ctm-lt-wh)}) !important;
        }
      }
    }
  }
}