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

[data-div-type="element"] {
  &[data-element-type="myWishlist"] {
    // Was `width: 100% !important`, which ignored the percentage the right resize
    // handle writes and left the handle with nothing to drive.
    width: var(
      --_sf-el-wh-st-mx,
      calc(
        1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
      )
    );

    & > .wrapper {
      // Layout > Padding. The element declares it but nothing read it back.
      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));

      .template_wrapper {
        width: 100%;
      }
    }
    &[data-show-shadow="false"] {
      --_show-shadow: none;
    }
  }
}