@use "sass:map";
@use "sass:list";
@use "./functions.scss" as *;

[data-div-type="element"] {
  &[data-element-type="uomSelector"] {
    // width: var(--_lt-wh);
    // height: var(--_lt-ht);
    // margin: var(--_lt-mn);
    // padding: var(--_lt-pg);
    // 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)));
    // 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)))
    // );

    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, var(--_sf-nw-wh)))
          )
      )
    );
    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));

    // --_aspect-ratio: calc(
    //   1 *
    //     (
    //       var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
    //         var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
    //     )
    // );
    & > .wrapper {
      width: 100%;
      // height: 100%;
    }
    &[data-show-shadow="false"] {
      --_show-shadow: none;
    }
    &[data-show-border="false"] {
      --_show-border-im-se: none;
    }
    &[data-overflow-items="Wrap"] {
      .horizontal {
        flex-wrap: wrap;
      }
    }
    &[data-overflow-items="Scroll"] {
      .horizontal {
        width: 100%;
        overflow-x: auto;
        .item {
          width: 100%;
          flex-shrink: 0;
        }
      }
      .vertical {
        overflow-y: auto;
        max-height: 30%;
      }
    }
    .text-element {
      color: #333;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      margin-bottom: 6px;
    }

    .meta_text_element {
      display: block;
      background-color: var(
        --_ctm-mob-dn-ll-bd-cr,
        var(--_ctm-tab-dn-ll-bd-cr, var(--_ctm-dn-ll-bd-cr))
      );
      color: var(--_ctm-mob-dn-ll-cr, var(--_ctm-tab-dn-ll-cr, var(--_ctm-dn-ll-cr)));
      font-family: var(
        --_ctm-mob-dn-ll-ft-fy,
        var(--_ctm-tab-dn-ll-ft-fy, var(--_ctm-dn-ll-ft-fy))
      );
      text-transform: var(
        --_ctm-mob-dn-ll-tt-tm,
        var(--_ctm-tab-dn-ll-tt-tm, var(--_ctm-dn-ll-tt-tm))
      );
      word-wrap: var(
        --_ctm-mob-dn-ll-wd-wp,
        var(--_ctm-tab-dn-ll-wd-wp, var(--_ctm-dn-ll-wd-wp))
      );
      word-break: var(
        --_ctm-mob-dn-ll-wd-bk,
        var(--_ctm-tab-dn-ll-wd-bk, var(--_ctm-dn-ll-wd-bk))
      );
      &.flex__overflow {
        white-space: normal;
        @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
      }
      font-size: var(--_ctm-mob-dn-ll-ft-se, var(--_ctm-tab-dn-ll-ft-se, var(--_ctm-dn-ll-ft-se)));
      font-weight: var(
        --_ctm-mob-dn-ll-ft-wt,
        var(--_ctm-tab-dn-ll-ft-wt, var(--_ctm-dn-ll-ft-wt))
      );
      font-style: var(
        --_ctm-mob-dn-ll-ft-se-ic,
        var(--_ctm-tab-dn-ll-ft-se-ic, var(--_ctm-dn-ll-ft-se-ic))
      );
      text-align: var(--_ctm-mob-dn-ll-tt-an, var(--_ctm-tab-dn-ll-tt-an, var(--_ctm-dn-ll-tt-an)));
      letter-spacing: var(
        --_ctm-mob-dn-ll-lr-sg,
        var(--_ctm-tab-dn-ll-lr-sg, var(--_ctm-dn-ll-lr-sg))
      );
      line-height: var(
        --_ctm-mob-dn-ll-le-ht,
        var(--_ctm-tab-dn-ll-le-ht, var(--_ctm-dn-ll-le-ht))
      );
      text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));

      border-color: var(
        --_show-border,
        var(--_ctm-mob-dn-ll-br-cr, var(--_ctm-tab-dn-ll-br-cr, var(--_ctm-dn-ll-br-cr)))
      );
      border-style: var(
        --_show-border,
        var(--_ctm-mob-dn-ll-br-se, var(--_ctm-tab-dn-ll-br-se, var(--_ctm-dn-ll-br-se)))
      );
      border-width: var(
        --_show-border,
        var(--_ctm-mob-dn-ll-br-wh, var(--_ctm-tab-dn-ll-br-wh, var(--_ctm-dn-ll-br-wh)))
      );
      border-radius: var(
        --_ctm-mob-dn-ll-br-rs,
        var(--_ctm-tab-dn-ll-br-rs, var(--_ctm-dn-ll-br-rs))
      );

      box-shadow: var(
        --_show-shadow,
        var(--_ctm-mob-dn-ll-sw-ae, var(--_ctm-tab-dn-ll-sw-ae, var(--_ctm-dn-ll-sw-ae)))
          var(--_ctm-mob-dn-ll-sw-br, var(--_ctm-tab-dn-ll-sw-br, var(--_ctm-dn-ll-sw-br)))
          var(--_ctm-mob-dn-ll-sw-sd, var(--_ctm-tab-dn-ll-sw-sd, var(--_ctm-dn-ll-sw-sd)))
          var(--_ctm-mob-dn-ll-sw-cr, var(--_ctm-tab-dn-ll-sw-cr, var(--_ctm-dn-ll-sw-cr)))
      );

      padding: var(--_ctm-mob-dn-ll-pg, var(--_ctm-tab-dn-ll-pg, var(--_ctm-dn-ll-pg)));
    }

    .uom__selector {
      width: 100%;
      // height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
      .uom__container {
        padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
        // height: 100%;
        width: 100%;
        // border: 1px solid rgba(75, 69, 70, 1);
        // border-radius: 20px;

        .each__wraper {
          background-color: var(
            --_ctm-mob-dn-um-te-se-bd-cr,
            var(--_ctm-tab-dn-um-te-se-bd-cr, var(--_ctm-dn-um-te-se-bd-cr))
          );

          border-color: var(
            --_ctm-mob-dn-um-te-se-br-cr,
            var(--_ctm-tab-dn-um-te-se-br-cr, var(--_ctm-dn-um-te-se-br-cr))
          );

          border-style: var(
            --_ctm-mob-dn-um-te-se-br-se,
            var(--_ctm-tab-dn-um-te-se-br-se, var(--_ctm-dn-um-te-se-br-se))
          );

          border-width: var(
            --_ctm-mob-dn-um-te-se-br-wh,
            var(--_ctm-tab-dn-um-te-se-br-wh, var(--_ctm-dn-um-te-se-br-wh))
          );

          &[data-show-border="false"] {
            border: none;
          }

          border-radius: var(
            --_ctm-mob-dn-um-te-se-br-rs,
            var(--_ctm-tab-dn-um-te-se-br-rs, var(--_ctm-dn-um-te-se-br-rs))
          );

          box-shadow: var(
            --_show-shadow,
            var(
                --_ctm-mob-dn-um-te-se-sw-ae,
                var(--_ctm-tab-dn-um-te-se-sw-ae, var(--_ctm-dn-um-te-se-sw-ae))
              )
              var(
                --_ctm-mob-dn-um-te-se-sw-br,
                var(--_ctm-tab-dn-um-te-se-sw-br, var(--_ctm-dn-um-te-se-sw-br))
              )
              var(
                --_ctm-mob-dn-um-te-se-sw-sd,
                var(--_ctm-tab-dn-um-te-se-sw-sd, var(--_ctm-dn-um-te-se-sw-sd))
              )
              var(
                --_ctm-mob-dn-um-te-se-sw-cr,
                var(--_ctm-tab-dn-um-te-se-sw-cr, var(--_ctm-dn-um-te-se-sw-cr))
              )
          );
          white-space: nowrap;

          padding: prepareMediaVariable(--_ctm-dn-um-te-se-pg);

          .each {
            color: var(
              --_ctm-mob-dn-um-te-se-cr,
              var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
            );
            font-family: var(
              --_ctm-mob-dn-um-te-se-ft-fy,
              var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-um-te-se-tt-tm,
              var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-um-te-se-wd-wp,
              var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-um-te-se-wd-bk,
              var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-um-te-se-ft-se,
              var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-um-te-se-ft-wt,
              var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-um-te-se-ft-se-ic,
              var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-um-te-se-tt-an,
              var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-um-te-se-lr-sg,
              var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-um-te-se-le-ht,
              var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-um-te-se-ue,
              var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
            );
          }
        }
        .price__wraper {
          background-color: var(
            --_ctm-mob-dn-pt-pe-bd-cr,
            var(--_ctm-tab-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pe-bd-cr))
          );

          border-color: var(
            --_ctm-mob-dn-pt-pe-br-cr,
            var(--_ctm-tab-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pe-br-cr))
          );

          border-style: var(
            --_ctm-mob-dn-pt-pe-br-se,
            var(--_ctm-tab-dn-pt-pe-br-se, var(--_ctm-dn-pt-pe-br-se))
          );

          border-width: var(
            --_ctm-mob-dn-pt-pe-br-wh,
            var(--_ctm-tab-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pe-br-wh))
          );

          &[data-show-border="false"] {
            border: none;
          }

          border-radius: var(
            --_ctm-mob-dn-pt-pe-br-rs,
            var(--_ctm-tab-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pe-br-rs))
          );

          box-shadow: var(
            --_show-shadow,
            var(
                --_ctm-mob-dn-pt-pe-sw-ae,
                var(--_ctm-tab-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pe-sw-ae))
              )
              var(
                --_ctm-mob-dn-pt-pe-sw-br,
                var(--_ctm-tab-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pe-sw-br))
              )
              var(
                --_ctm-mob-dn-pt-pe-sw-sd,
                var(--_ctm-tab-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pe-sw-sd))
              )
              var(
                --_ctm-mob-dn-pt-pe-sw-cr,
                var(--_ctm-tab-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pe-sw-cr))
              )
          );
          white-space: nowrap;

          padding: prepareMediaVariable(--_ctm-dn-pt-pe-pg);

          .price {
            color: var(
              --_ctm-mob-dn-pt-pe-cr,
              var(--_ctm-tab-dn-pt-pe-cr, var(--_ctm-dn-pt-pe-cr))
            );
            font-family: var(
              --_ctm-mob-dn-pt-pe-ft-fy,
              var(--_ctm-tab-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pe-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-pt-pe-tt-tm,
              var(--_ctm-tab-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pe-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-pt-pe-wd-wp,
              var(--_ctm-tab-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pe-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-pt-pe-wd-bk,
              var(--_ctm-tab-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pe-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-pt-pe-ft-se,
              var(--_ctm-tab-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pe-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-pt-pe-ft-wt,
              var(--_ctm-tab-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pe-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-pt-pe-ft-se-ic,
              var(--_ctm-tab-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pe-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-pt-pe-tt-an,
              var(--_ctm-tab-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pe-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-pt-pe-lr-sg,
              var(--_ctm-tab-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pe-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-pt-pe-le-ht,
              var(--_ctm-tab-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pe-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-pt-pe-ue,
              var(--_ctm-tab-dn-pt-pe-ue, var(--_ctm-dn-pt-pe-ue))
            );
          }
        }

        .actual__price__wraper {
          background-color: var(
            --_ctm-mob-dn-al-pe-bd-cr,
            var(--_ctm-tab-dn-al-pe-bd-cr, var(--_ctm-dn-al-pe-bd-cr))
          );

          border-color: var(
            --_ctm-mob-dn-al-pe-br-cr,
            var(--_ctm-tab-dn-al-pe-br-cr, var(--_ctm-dn-al-pe-br-cr))
          );

          border-style: var(
            --_ctm-mob-dn-al-pe-br-se,
            var(--_ctm-tab-dn-al-pe-br-se, var(--_ctm-dn-al-pe-br-se))
          );

          border-width: var(
            --_ctm-mob-dn-al-pe-br-wh,
            var(--_ctm-tab-dn-al-pe-br-wh, var(--_ctm-dn-al-pe-br-wh))
          );

          &[data-show-border="false"] {
            border: none;
          }

          border-radius: var(
            --_ctm-mob-dn-al-pe-br-rs,
            var(--_ctm-tab-dn-al-pe-br-rs, var(--_ctm-dn-al-pe-br-rs))
          );

          box-shadow: var(
            --_show-shadow,
            var(
                --_ctm-mob-dn-al-pe-sw-ae,
                var(--_ctm-tab-dn-al-pe-sw-ae, var(--_ctm-dn-al-pe-sw-ae))
              )
              var(
                --_ctm-mob-dn-al-pe-sw-br,
                var(--_ctm-tab-dn-al-pe-sw-br, var(--_ctm-dn-al-pe-sw-br))
              )
              var(
                --_ctm-mob-dn-al-pe-sw-sd,
                var(--_ctm-tab-dn-al-pe-sw-sd, var(--_ctm-dn-al-pe-sw-sd))
              )
              var(
                --_ctm-mob-dn-al-pe-sw-cr,
                var(--_ctm-tab-dn-al-pe-sw-cr, var(--_ctm-dn-al-pe-sw-cr))
              )
          );
          white-space: nowrap;

          padding: prepareMediaVariable(--_ctm-dn-al-pe-pg);

          .actual__price {
            color: var(
              --_ctm-mob-dn-al-pe-cr,
              var(--_ctm-tab-dn-al-pe-cr, var(--_ctm-dn-al-pe-cr))
            );
            font-family: var(
              --_ctm-mob-dn-al-pe-ft-fy,
              var(--_ctm-tab-dn-al-pe-ft-fy, var(--_ctm-dn-al-pe-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-al-pe-tt-tm,
              var(--_ctm-tab-dn-al-pe-tt-tm, var(--_ctm-dn-al-pe-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-al-pe-wd-wp,
              var(--_ctm-tab-dn-al-pe-wd-wp, var(--_ctm-dn-al-pe-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-al-pe-wd-bk,
              var(--_ctm-tab-dn-al-pe-wd-bk, var(--_ctm-dn-al-pe-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-al-pe-ft-se,
              var(--_ctm-tab-dn-al-pe-ft-se, var(--_ctm-dn-al-pe-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-al-pe-ft-wt,
              var(--_ctm-tab-dn-al-pe-ft-wt, var(--_ctm-dn-al-pe-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-al-pe-ft-se-ic,
              var(--_ctm-tab-dn-al-pe-ft-se-ic, var(--_ctm-dn-al-pe-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-al-pe-tt-an,
              var(--_ctm-tab-dn-al-pe-tt-an, var(--_ctm-dn-al-pe-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-al-pe-lr-sg,
              var(--_ctm-tab-dn-al-pe-lr-sg, var(--_ctm-dn-al-pe-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-al-pe-le-ht,
              var(--_ctm-tab-dn-al-pe-le-ht, var(--_ctm-dn-al-pe-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-al-pe-ue,
              var(--_ctm-tab-dn-al-pe-ue, var(--_ctm-dn-al-pe-ue))
            );
          }
        }
        .saving__amount__wraper {
          background-color: var(
            --_ctm-mob-dn-ss-bd-cr,
            var(--_ctm-tab-dn-ss-bd-cr, var(--_ctm-dn-ss-bd-cr))
          );

          border-color: var(
            --_ctm-mob-dn-ss-br-cr,
            var(--_ctm-tab-dn-ss-br-cr, var(--_ctm-dn-ss-br-cr))
          );

          border-style: var(
            --_ctm-mob-dn-ss-br-se,
            var(--_ctm-tab-dn-ss-br-se, var(--_ctm-dn-ss-br-se))
          );

          border-width: var(
            --_ctm-mob-dn-ss-br-wh,
            var(--_ctm-tab-dn-ss-br-wh, var(--_ctm-dn-ss-br-wh))
          );

          &[data-show-border="false"] {
            border: none;
          }

          border-radius: var(
            --_ctm-mob-dn-ss-br-rs,
            var(--_ctm-tab-dn-ss-br-rs, var(--_ctm-dn-ss-br-rs))
          );

          box-shadow: var(
            --_show-shadow,
            var(--_ctm-mob-dn-ss-sw-ae, var(--_ctm-tab-dn-ss-sw-ae, var(--_ctm-dn-ss-sw-ae)))
              var(--_ctm-mob-dn-ss-sw-br, var(--_ctm-tab-dn-ss-sw-br, var(--_ctm-dn-ss-sw-br)))
              var(--_ctm-mob-dn-ss-sw-sd, var(--_ctm-tab-dn-ss-sw-sd, var(--_ctm-dn-ss-sw-sd)))
              var(--_ctm-mob-dn-ss-sw-cr, var(--_ctm-tab-dn-ss-sw-cr, var(--_ctm-dn-ss-sw-cr)))
          );
          white-space: nowrap;

          padding: prepareMediaVariable(--_ctm-dn-ss-pg);

          .saving__amount {
            color: var(--_ctm-mob-dn-ss-cr, var(--_ctm-tab-dn-ss-cr, var(--_ctm-dn-ss-cr)));
            font-family: var(
              --_ctm-mob-dn-ss-ft-fy,
              var(--_ctm-tab-dn-ss-ft-fy, var(--_ctm-dn-ss-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-ss-tt-tm,
              var(--_ctm-tab-dn-ss-tt-tm, var(--_ctm-dn-ss-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-ss-wd-wp,
              var(--_ctm-tab-dn-ss-wd-wp, var(--_ctm-dn-ss-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-ss-wd-bk,
              var(--_ctm-tab-dn-ss-wd-bk, var(--_ctm-dn-ss-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-ss-ft-se,
              var(--_ctm-tab-dn-ss-ft-se, var(--_ctm-dn-ss-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-ss-ft-wt,
              var(--_ctm-tab-dn-ss-ft-wt, var(--_ctm-dn-ss-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-ss-ft-se-ic,
              var(--_ctm-tab-dn-ss-ft-se-ic, var(--_ctm-dn-ss-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-ss-tt-an,
              var(--_ctm-tab-dn-ss-tt-an, var(--_ctm-dn-ss-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-ss-lr-sg,
              var(--_ctm-tab-dn-ss-lr-sg, var(--_ctm-dn-ss-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-ss-le-ht,
              var(--_ctm-tab-dn-ss-le-ht, var(--_ctm-dn-ss-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-ss-ue,
              var(--_ctm-tab-dn-ss-ue, var(--_ctm-dn-ss-ue))
            );
          }
        }
        .units__wraper {
          background-color: var(
            --_ctm-mob-dn-pe-pr-ut-bd-cr,
            var(--_ctm-tab-dn-pe-pr-ut-bd-cr, var(--_ctm-dn-pe-pr-ut-bd-cr))
          );

          border-color: var(
            --_ctm-mob-dn-pe-pr-ut-br-cr,
            var(--_ctm-tab-dn-pe-pr-ut-br-cr, var(--_ctm-dn-pe-pr-ut-br-cr))
          );

          border-style: var(
            --_ctm-mob-dn-pe-pr-ut-br-se,
            var(--_ctm-tab-dn-pe-pr-ut-br-se, var(--_ctm-dn-pe-pr-ut-br-se))
          );

          border-width: var(
            --_ctm-mob-dn-pe-pr-ut-br-wh,
            var(--_ctm-tab-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pe-pr-ut-br-wh))
          );

          &[data-show-border="false"] {
            border: none;
          }

          border-radius: var(
            --_ctm-mob-dn-pe-pr-ut-br-rs,
            var(--_ctm-tab-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pe-pr-ut-br-rs))
          );

          box-shadow: var(
            --_show-shadow,
            var(
                --_ctm-mob-dn-pe-pr-ut-sw-ae,
                var(--_ctm-tab-dn-pe-pr-ut-sw-ae, var(--_ctm-dn-pe-pr-ut-sw-ae))
              )
              var(
                --_ctm-mob-dn-pe-pr-ut-sw-br,
                var(--_ctm-tab-dn-pe-pr-ut-sw-br, var(--_ctm-dn-pe-pr-ut-sw-br))
              )
              var(
                --_ctm-mob-dn-pe-pr-ut-sw-sd,
                var(--_ctm-tab-dn-pe-pr-ut-sw-sd, var(--_ctm-dn-pe-pr-ut-sw-sd))
              )
              var(
                --_ctm-mob-dn-pe-pr-ut-sw-cr,
                var(--_ctm-tab-dn-pe-pr-ut-sw-cr, var(--_ctm-dn-pe-pr-ut-sw-cr))
              )
          );
          white-space: nowrap;

          padding: prepareMediaVariable(--_ctm-dn-pe-pr-ut-pg);

          .units {
            color: var(
              --_ctm-mob-dn-pe-pr-ut-cr,
              var(--_ctm-tab-dn-pe-pr-ut-cr, var(--_ctm-dn-pe-pr-ut-cr))
            );
            font-family: var(
              --_ctm-mob-dn-pe-pr-ut-ft-fy,
              var(--_ctm-tab-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pe-pr-ut-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-pe-pr-ut-tt-tm,
              var(--_ctm-tab-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pe-pr-ut-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-pe-pr-ut-wd-wp,
              var(--_ctm-tab-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pe-pr-ut-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-pe-pr-ut-wd-bk,
              var(--_ctm-tab-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pe-pr-ut-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-pe-pr-ut-ft-se,
              var(--_ctm-tab-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pe-pr-ut-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-pe-pr-ut-ft-wt,
              var(--_ctm-tab-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pe-pr-ut-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-pe-pr-ut-ft-se-ic,
              var(--_ctm-tab-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pe-pr-ut-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-pe-pr-ut-tt-an,
              var(--_ctm-tab-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pe-pr-ut-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-pe-pr-ut-lr-sg,
              var(--_ctm-tab-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pe-pr-ut-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-pe-pr-ut-le-ht,
              var(--_ctm-tab-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pe-pr-ut-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-pe-pr-ut-ue,
              var(--_ctm-tab-dn-pe-pr-ut-ue, var(--_ctm-dn-pe-pr-ut-ue))
            );
          }
        }
        .stack {
          display: flex;
          flex-direction: column;
          // height: 100%;
          .static {
            color: var(
              --_ctm-mob-dn-um-te-se-cr,
              var(--_ctm-tab-dn-um-te-se-cr, var(--_ctm-dn-um-te-se-cr))
            );
            font-family: var(
              --_ctm-mob-dn-um-te-se-ft-fy,
              var(--_ctm-tab-dn-um-te-se-ft-fy, var(--_ctm-dn-um-te-se-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-um-te-se-tt-tm,
              var(--_ctm-tab-dn-um-te-se-tt-tm, var(--_ctm-dn-um-te-se-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-um-te-se-wd-wp,
              var(--_ctm-tab-dn-um-te-se-wd-wp, var(--_ctm-dn-um-te-se-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-um-te-se-wd-bk,
              var(--_ctm-tab-dn-um-te-se-wd-bk, var(--_ctm-dn-um-te-se-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-um-te-se-ft-se,
              var(--_ctm-tab-dn-um-te-se-ft-se, var(--_ctm-dn-um-te-se-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-um-te-se-ft-wt,
              var(--_ctm-tab-dn-um-te-se-ft-wt, var(--_ctm-dn-um-te-se-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-um-te-se-ft-se-ic,
              var(--_ctm-tab-dn-um-te-se-ft-se-ic, var(--_ctm-dn-um-te-se-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-um-te-se-tt-an,
              var(--_ctm-tab-dn-um-te-se-tt-an, var(--_ctm-dn-um-te-se-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-um-te-se-lr-sg,
              var(--_ctm-tab-dn-um-te-se-lr-sg, var(--_ctm-dn-um-te-se-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-um-te-se-le-ht,
              var(--_ctm-tab-dn-um-te-se-le-ht, var(--_ctm-dn-um-te-se-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-um-te-se-ue,
              var(--_ctm-tab-dn-um-te-se-ue, var(--_ctm-dn-um-te-se-ue))
            );
          }

          .item {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            white-space: nowrap;
            gap: 4px;
            flex-shrink: 0;
            padding: var(
                --_ctm-mob-dn-im-se-dt-se-vl-pg,
                var(--_ctm-tab-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-im-se-dt-se-vl-pg))
              )
              var(
                --_ctm-mob-dn-im-se-dt-se-hl-pg,
                var(--_ctm-tab-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-im-se-dt-se-hl-pg))
              );
            cursor: pointer;
            background-color: var(
              --_ctm-mob-dn-im-se-dt-se-bd-cr,
              var(--_ctm-tab-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-im-se-dt-se-bd-cr))
            );

            border-color: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-im-se-dt-se-br-cr,
                var(--_ctm-tab-dn-im-se-dt-se-br-cr, var(--_ctm-dn-im-se-dt-se-br-cr))
              )
            );
            border-style: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-im-se-dt-se-br-se,
                var(--_ctm-tab-dn-im-se-dt-se-br-se, var(--_ctm-dn-im-se-dt-se-br-se))
              )
            );
            border-width: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-im-se-dt-se-br-wh,
                var(--_ctm-tab-dn-im-se-dt-se-br-wh, var(--_ctm-dn-im-se-dt-se-br-wh))
              )
            );
            border-radius: var(
              --_ctm-mob-dn-im-se-dt-se-br-rs,
              var(--_ctm-tab-dn-im-se-dt-se-br-rs, var(--_ctm-dn-im-se-dt-se-br-rs))
            );

            box-shadow: var(
              --_show-shadow-im-se,
              var(
                  --_ctm-mob-dn-im-se-dt-se-sw-ae,
                  var(--_ctm-tab-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-im-se-dt-se-sw-ae))
                )
                var(
                  --_ctm-mob-dn-im-se-dt-se-sw-br,
                  var(--_ctm-tab-dn-im-se-dt-se-sw-br, var(--_ctm-dn-im-se-dt-se-sw-br))
                )
                var(
                  --_ctm-mob-dn-im-se-dt-se-sw-sd,
                  var(--_ctm-tab-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-im-se-dt-se-sw-sd))
                )
                var(
                  --_ctm-mob-dn-im-se-dt-se-sw-cr,
                  var(--_ctm-tab-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-im-se-dt-se-sw-cr))
                )
            );
          }
          .active {
            display: flex;

            // align-items: var(
            //   --_ctm-mob-dn-im-se-sd-se-ct-at,
            //   var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
            // );

            justify-content: center;
            flex-direction: column;
            gap: 4px;

            padding: var(
                --_ctm-mob-dn-im-se-sd-se-vl-pg,
                var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
              )
              var(
                --_ctm-mob-dn-im-se-sd-se-hl-pg,
                var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
              );

            cursor: pointer;

            background-color: var(
              --_ctm-mob-dn-im-se-sd-se-bd-cr,
              var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
            );

            border-color: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-im-se-sd-se-br-cr,
                var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
              )
            );

            border-style: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-im-se-sd-se-br-se,
                var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
              )
            );

            border-width: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-im-se-sd-se-br-wh,
                var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
              )
            );

            border-radius: var(
              --_ctm-mob-dn-im-se-sd-se-br-rs,
              var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
            );

            box-shadow: var(
              --_show-shadow-im-se,
              var(
                  --_ctm-mob-dn-im-se-sd-se-sw-ae,
                  var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
                )
                var(
                  --_ctm-mob-dn-im-se-sd-se-sw-br,
                  var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
                )
                var(
                  --_ctm-mob-dn-im-se-sd-se-sw-sd,
                  var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
                )
                var(
                  --_ctm-mob-dn-im-se-sd-se-sw-cr,
                  var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
                )
            );

            .off__price {
              font-size: 12px;
              display: flex;
              justify-content: space-around;
              gap: 10px;
              align-items: center;
            }
          }

          .off__price {
            font-size: 12px;
            display: flex;
            justify-content: space-around;
            gap: 10px;
            align-items: center;
          }

          .horizontal {
            display: flex;
            flex-direction: row;
            overflow-y: auto;
            flex-wrap: wrap;

            gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
            &:not([data-overflow-items="Wrap"]) {
              flex-wrap: nowrap;
              // overflow-x: auto;
              .item {
                min-width: 3uom__selector0px;
              }
            }
            &[data-overflow-items="None"] {
              overflow: hidden;
            }
          }

          .vertical {
            display: flex;
            flex-direction: column;
            overflow-y: auto;
            // flex-wrap: wrap;
            row-gap: var(--_ctm-lt-im-sg);
            .item {
              flex-direction: row;
              justify-content: space-between;
              align-items: center;
              .right__side__content {
                display: flex;
                gap: 20px;
                align-items: center;
                div {
                  display: flex;
                  gap: 1px;

                  flex-direction: column;
                  justify-content: right;
                  align-items: center;
                }
              }
            }
          }
          .grid {
            display: grid;
            grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
            gap: var(--_ctm-lt-im-sg);
            padding: var(--_ctm-lt-im-pg);
            &[data-overflow-items="Scroll"] {
              height: 200px;
              overflow-y: auto;
            }
            .item {
              display: flex;
              align-items: center;
              justify-content: center;
              flex-direction: column;
              gap: 4px;
              padding: var(--_ctm-dn-im-se-dt-se-vl-pg) var(--_ctm-dn-im-se-dt-se-hl-pg);
              cursor: pointer;
              background-color: var(--_ctm-dn-im-se-dt-se-bd-cr);
              border-color: var(
                --_show-border-im-se,
                var(--_ctm-dn-im-se-dt-se-br-cr, var(--_tst-dn-br-cr))
              );
              border-style: var(
                --_show-border-im-se,
                var(--_ctm-dn-im-se-dt-se-br-se, var(--_tst-dn-br-se))
              );
              border-width: var(
                --_show-border-im-se,
                var(--_ctm-dn-im-se-dt-se-br-wh, var(--_tst-dn-br-wh))
              );
              border-radius: var(--_ctm-dn-im-se-dt-se-br-rs, var(--_tst-dn-br-rs));
              box-shadow: var(
                --_show-shadow-im-se,
                var(--_ctm-dn-im-se-dt-se-sw-ae, var(--_tst-dn-sw-ae))
                  var(--_ctm-dn-im-se-dt-se-sw-br, var(--_tst-dn-sw-br))
                  var(--_ctm-dn-im-se-dt-se-sw-sd, var(--_tst-dn-sw-sd))
                  var(--_ctm-dn-im-se-dt-se-sw-cr, var(--_tst-dn-sw-cr))
              );
              cursor: pointer;

              .off__price {
                font-size: 12px;
                display: flex;
                justify-content: space-around;
                gap: 10px;
                align-items: center;
              }
            }
            .active {
              display: flex;

              align-items: var(
                --_ctm-mob-dn-im-se-sd-se-ct-at,
                var(--_ctm-tab-dn-im-se-sd-se-ct-at, var(--_ctm-dn-im-se-sd-se-ct-at))
              );

              justify-content: center;
              flex-direction: column;
              gap: 4px;

              padding: var(
                  --_ctm-mob-dn-im-se-sd-se-vl-pg,
                  var(--_ctm-tab-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-im-se-sd-se-vl-pg))
                )
                var(
                  --_ctm-mob-dn-im-se-sd-se-hl-pg,
                  var(--_ctm-tab-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-im-se-sd-se-hl-pg))
                );

              cursor: pointer;

              background-color: var(
                --_ctm-mob-dn-im-se-sd-se-bd-cr,
                var(--_ctm-tab-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-im-se-sd-se-bd-cr))
              );

              border-color: var(
                --_show-border-im-se,
                var(
                  --_ctm-mob-dn-im-se-sd-se-br-cr,
                  var(--_ctm-tab-dn-im-se-sd-se-br-cr, var(--_ctm-dn-im-se-sd-se-br-cr))
                )
              );

              border-style: var(
                --_show-border-im-se,
                var(
                  --_ctm-mob-dn-im-se-sd-se-br-se,
                  var(--_ctm-tab-dn-im-se-sd-se-br-se, var(--_ctm-dn-im-se-sd-se-br-se))
                )
              );

              border-width: var(
                --_show-border-im-se,
                var(
                  --_ctm-mob-dn-im-se-sd-se-br-wh,
                  var(--_ctm-tab-dn-im-se-sd-se-br-wh, var(--_ctm-dn-im-se-sd-se-br-wh))
                )
              );

              border-radius: var(
                --_ctm-mob-dn-im-se-sd-se-br-rs,
                var(--_ctm-tab-dn-im-se-sd-se-br-rs, var(--_ctm-dn-im-se-sd-se-br-rs))
              );

              box-shadow: var(
                --_show-shadow-im-se,
                var(
                    --_ctm-mob-dn-im-se-sd-se-sw-ae,
                    var(--_ctm-tab-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-im-se-sd-se-sw-ae))
                  )
                  var(
                    --_ctm-mob-dn-im-se-sd-se-sw-br,
                    var(--_ctm-tab-dn-im-se-sd-se-sw-br, var(--_ctm-dn-im-se-sd-se-sw-br))
                  )
                  var(
                    --_ctm-mob-dn-im-se-sd-se-sw-sd,
                    var(--_ctm-tab-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-im-se-sd-se-sw-sd))
                  )
                  var(
                    --_ctm-mob-dn-im-se-sd-se-sw-cr,
                    var(--_ctm-tab-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-im-se-sd-se-sw-cr))
                  )
              );

              .off__price {
                font-size: 12px;
                display: flex;
                justify-content: space-around;
                gap: 10px;
                align-items: center;
              }
            }
          }
        }
        .table-content {
          border-collapse: collapse;
          background-color: var(
            --_ctm-mob-dn-te-bd-cr,
            var(--_ctm-tab-dn-te-bd-cr, var(--_ctm-dn-te-bd-cr))
          );
          border-color: var(
            --_show-border-im-se,
            var(--_ctm-mob-dn-te-br-cr, var(--_ctm-tab-dn-te-br-cr, var(--_ctm-dn-te-br-cr))),
            var(--_tst-dn-br-cr)
          );
          border-style: var(
            --_show-border-im-se,
            var(--_ctm-mob-dn-te-br-se, var(--_ctm-tab-dn-te-br-se, var(--_ctm-dn-te-br-se))),
            var(--_tst-dn-br-se)
          );
          border-width: var(
            --_show-border-im-se,
            var(--_ctm-mob-dn-te-br-wh, var(--_ctm-tab-dn-te-br-wh, var(--_ctm-dn-te-br-wh))),
            var(--_tst-dn-br-wh)
          );
          border-radius: var(
            --_ctm-mob-dn-te-br-rs,
            var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-br-rs)),
            var(--_tst-dn-br-rs)
          );
          box-shadow: var(
            --_show-shadow-im-se,
            var(
                --_ctm-mob-dn-te-sw-ae,
                var(--_ctm-tab-dn-te-sw-ae, var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae)))
              )
              var(
                --_ctm-mob-dn-te-sw-br,
                var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br)))
              )
              var(
                --_ctm-mob-dn-te-sw-sd,
                var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd)))
              )
              var(
                --_ctm-mob-dn-te-sw-cr,
                var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr)))
              )
          );
          &[data-header-divider="true"] {
            thead tr th {
              border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
            }
          }
          &[data-row-divider="true"] {
            tbody tr td {
              border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
            }
          }
          &[data-column-divider="true"] {
            tbody tr td,
            thead tr th {
              border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
            }

            tbody tr td:last-child,
            thead tr th:last-child {
              border-right: none;
            }
          }
          &[data-alternative-row-colors="true"] {
            tbody tr:nth-child(odd) {
              background-color: var(--_gray-300);
              width: 100%;
            }
          }
          thead {
            height: var(--_ctm-lt-hr-ht);
            tr {
              th {
                padding: var(--_ctm-lt-hr-cl-pg);
                text-align: var(--_ctm-lt-ct-at, var(--_ctm-dn-hr-tt-tt-an));
                border: 0;
                background-color: var(--_ctm-dn-te-hr-bd-cr);
                color: var(--_ctm-dn-hr-tt-cr);
                font-family: var(--_ctm-dn-hr-tt-ft-fy);
                text-transform: var(--_ctm-dn-hr-tt-tt-tm);
                word-wrap: var(--_ctm-dn-hr-tt-wd-wp);
                word-break: var(--_ctm-dn-hr-tt-wd-bk);
                font-size: var(--_ctm-dn-hr-tt-ft-se);
                font-weight: var(--_ctm-dn-hr-tt-ft-wt);
                font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
                letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
                line-height: var(--_ctm-dn-hr-tt-le-ht);
                text-decoration: var(--_ctm-dn-hr-tt-ue);
              }
            }
          }
          tbody {
            tr {
              padding: var(--_ctm-lt-rw-cl-pg);
              height: var(--_ctm-lt-rw-ht);
              background-color: var(--_ctm-dn-te-rw-bd-cr);
              text-align: var(--_ctm-lt-ct-at);
              th,
              td {
                border: 0;
                padding: inherit;
                color: var(--_ctm-dn-te-rw-cr);
                font-family: var(--_ctm-dn-te-rw-ft-fy);
                text-transform: var(--_ctm-dn-te-rw-tt-tm);
                word-wrap: var(--_ctm-dn-te-rw-wd-wp);
                word-break: var(--_ctm-dn-te-rw-wd-bk);
                font-size: var(--_ctm-dn-te-rw-ft-se);
                font-weight: var(--_ctm-dn-te-rw-ft-wt);
                font-style: var(--_ctm-dn-te-rw-ft-se-ic);
                text-align: var(--_ctm-dn-te-rw-tt-an);
                letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
                line-height: var(--_ctm-dn-te-rw-le-ht);
                text-decoration: var(--_ctm-dn-te-rw-ue);
              }
            }
          }
        }
        .pagination_container {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 10px;
          button {
            font-size: 16px;
            // padding: 10px 20px;
            // background-color: #000;
            color: #fff;
            border: none;
            cursor: pointer;
            // border-radius: 10px;
          }
          span {
            cursor: pointer;
            color: var(
              --_ctm-mob-dn-pn-dt-se-cr,
              var(--_ctm-tab-dn-pn-dt-se-cr, var(--_ctm-dn-pn-dt-se-cr))
            );
            font-family: var(
              --_ctm-mob-dn-pn-dt-se-ft-fy,
              var(--_ctm-tab-dn-pn-dt-se-ft-fy, var(--_ctm-dn-pn-dt-se-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-pn-dt-se-tt-tm,
              var(--_ctm-tab-dn-pn-dt-se-tt-tm, var(--_ctm-dn-pn-dt-se-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-pn-dt-se-wd-wp,
              var(--_ctm-tab-dn-pn-dt-se-wd-wp, var(--_ctm-dn-pn-dt-se-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-pn-dt-se-wd-bk,
              var(--_ctm-tab-dn-pn-dt-se-wd-bk, var(--_ctm-dn-pn-dt-se-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-pn-dt-se-ft-se,
              var(--_ctm-tab-dn-pn-dt-se-ft-se, var(--_ctm-dn-pn-dt-se-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-pn-dt-se-ft-wt,
              var(--_ctm-tab-dn-pn-dt-se-ft-wt, var(--_ctm-dn-pn-dt-se-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-pn-dt-se-ft-se-ic,
              var(--_ctm-tab-dn-pn-dt-se-ft-se-ic, var(--_ctm-dn-pn-dt-se-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-pn-dt-se-tt-an,
              var(--_ctm-tab-dn-pn-dt-se-tt-an, var(--_ctm-dn-pn-dt-se-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-pn-dt-se-lr-sg,
              var(--_ctm-tab-dn-pn-dt-se-lr-sg, var(--_ctm-dn-pn-dt-se-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-pn-dt-se-le-ht,
              var(--_ctm-tab-dn-pn-dt-se-le-ht, var(--_ctm-dn-pn-dt-se-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-pn-dt-se-ue,
              var(--_ctm-tab-dn-pn-dt-se-ue, var(--_ctm-dn-pn-dt-se-ue))
            );
          }
          .active {
            span {
              background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
              padding: 2px;
            }
          }
        }
        .loadmore_conatiner {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 10px;
          margin-top: 10px;
          button {
            padding: 10px;
            cursor: pointer;
            color: var(
              --_ctm-mob-dn-sw-me-is-bn-cr,
              var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
            );
            font-family: var(
              --_ctm-mob-dn-sw-me-is-bn-ft-fy,
              var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-sw-me-is-bn-tt-tm,
              var(--_ctm-tab-dn-sw-me-is-bn-tt-tm, var(--_ctm-dn-sw-me-is-bn-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-sw-me-is-bn-wd-wp,
              var(--_ctm-tab-dn-sw-me-is-bn-wd-wp, var(--_ctm-dn-sw-me-is-bn-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-sw-me-is-bn-wd-bk,
              var(--_ctm-tab-dn-sw-me-is-bn-wd-bk, var(--_ctm-dn-sw-me-is-bn-wd-bk))
            );
            font-size: var(
              --_ctm-mob-dn-sw-me-is-bn-ft-se,
              var(--_ctm-tab-dn-sw-me-is-bn-ft-se, var(--_ctm-dn-sw-me-is-bn-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-sw-me-is-bn-ft-wt,
              var(--_ctm-tab-dn-sw-me-is-bn-ft-wt, var(--_ctm-dn-sw-me-is-bn-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-sw-me-is-bn-ft-se-ic,
              var(--_ctm-tab-dn-sw-me-is-bn-ft-se-ic, var(--_ctm-dn-sw-me-is-bn-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-sw-me-is-bn-tt-an,
              var(--_ctm-tab-dn-sw-me-is-bn-tt-an, var(--_ctm-dn-sw-me-is-bn-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-sw-me-is-bn-lr-sg,
              var(--_ctm-tab-dn-sw-me-is-bn-lr-sg, var(--_ctm-dn-sw-me-is-bn-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-sw-me-is-bn-le-ht,
              var(--_ctm-tab-dn-sw-me-is-bn-le-ht, var(--_ctm-dn-sw-me-is-bn-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-sw-me-is-bn-ue,
              var(--_ctm-tab-dn-sw-me-is-bn-ue, var(--_ctm-dn-sw-me-is-bn-ue))
            );
            background-color: var(
              --_ctm-mob-dn-sw-me-is-bn-bd-cr,
              var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
            );
            border-color: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-sw-me-is-bn-br-cr,
                var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
              )
            );
            border-style: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-sw-me-is-bn-br-se,
                var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
              )
            );
            border-width: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-sw-me-is-bn-br-wh,
                var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
              )
            );
            border-radius: var(
              --_ctm-mob-dn-sw-me-is-bn-br-rs,
              var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
            );
            box-shadow: var(
              --_show-shadow-im-se,
              var(
                  --_ctm-mob-dn-sw-me-is-bn-sw-ae,
                  var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
                )
                var(
                  --_ctm-mob-dn-sw-me-is-bn-sw-br,
                  var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
                )
                var(
                  --_ctm-mob-dn-sw-me-is-bn-sw-sd,
                  var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
                )
                var(
                  --_ctm-mob-dn-sw-me-is-bn-sw-cr,
                  var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
                )
            );
          }
        }
      }
    }
  }
}