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

[data-div-type="element"] {
  &[data-element-type="shippingEstimator"] {
    // width: var(--_lt-wh);
    // height: var(--_lt-ht);
    // margin: var(--_lt-mn);
    // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
    // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));

    aspect-ratio: calc(
      1 / var(--_ctm-mob-sf-aspect-ratio, var(--_ctm-tab-sf-aspect-ratio, var(--_sf-aspect-ratio)))
    );

    // height: var(--_ctm-lt-ht, var(--_tst-lt-ht));
    // height: ;
    // aspect-ratio: 1 / var(--_sf-aspect-ratio);
    // --_aspect-ratio: calc(
    //   1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
    // );

    & > .wrapper {
      width: 100%;
      // height: 100%;
    }
    &[data-show-shadow="false"] {
      --_show-shadow: none;
    }
    .text-element {
      background: #6d96e4;
      padding: 10px;
      font-weight: 600;
      color: rgba(75, 69, 70, 1);
    }
    .shipping__estimator {
      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
    }
  }
}