@use "./functions.scss" as *;
@use "sass:map";
@use "sass:list";

[data-div-type="element"] {
  &[data-element-type="amountEstimator"] {
    // 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)))
    // );

    & > .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);
    }
    .amount__estimator_container {
      background-color: var(
        --_ctm-mob-dn-wt-se-bd-cr,
        var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
      );
      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
      display: flex;
      flex-direction: column;
      --_sf-gp: var(
        --_ctm-mob-lt-im-sg,
        var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
      );
      --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
      row-gap: var(--_sf-gp);
      width: 100%;
      // height: 100%;
      border-color: var(
        --_ctm-mob-dn-wt-se-br-cr,
        var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
      );
      border-style: var(
        --_ctm-mob-dn-wt-se-br-se,
        var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
      );
      border-width: var(
        --_ctm-mob-dn-wt-se-br-wh,
        var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
      );
      border-radius: var(
        --_ctm-mob-dn-wt-se-br-rs,
        var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
      );
      box-shadow: var(
        --_show-shadow,
        var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
          var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
          var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
          var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
      );
      .button_main {
        border: 1px solid var(--_gray-600);
        width: 100%;
        height: auto;
        overflow-y: auto;
        // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
        //Input button group
        .input__btn__group {
          display: flex;
          align-items: center;
          gap: 8px;
          color: #fff;
          font-weight: 600;
          font-size: 16px;
          width: 100%;
          border-radius: 6px;
          // & > div {
          //   width: 100%;
          // }

          .search-container {
            width: 100%;
            height: 100%;
            &.dropdown {
              &:focus-within {
                .dropdown__options {
                  display: block;
                }
              }
            }
          }

          .search-wrapper {
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            border: 1px solid var(--_gray-200);
            background-color: var(
              --_ctm-mob-dn-sh-br-bd-cr,
              var(--_ctm-tab-dn-sh-br-bd-cr, var(--_ctm-dn-sh-br-bd-cr))
            );
            border-color: var(
              --_ctm-mob-dn-sh-br-br-cr,
              var(--_ctm-tab-dn-sh-br-br-cr, var(--_ctm-dn-sh-br-br-cr))
            );
            border-style: var(
              --_ctm-mob-dn-sh-br-br-se,
              var(--_ctm-tab-dn-sh-br-br-se, var(--_ctm-dn-sh-br-br-se))
            );
            border-width: var(
              --_ctm-mob-dn-sh-br-br-wh,
              var(--_ctm-tab-dn-sh-br-br-wh, var(--_ctm-dn-sh-br-br-wh))
            );
            box-shadow: var(
              --_show-shadow,
              var(
                  --_ctm-mob-dn-sh-br-sw-ae,
                  var(--_ctm-tab-dn-sh-br-sw-ae, var(--_ctm-dn-sh-br-sw-ae))
                )
                var(
                  --_ctm-mob-dn-sh-br-sw-br,
                  var(--_ctm-tab-dn-sh-br-sw-br, var(--_ctm-dn-sh-br-sw-br))
                )
                var(
                  --_ctm-mob-dn-sh-br-sw-sd,
                  var(--_ctm-tab-dn-sh-br-sw-sd, var(--_ctm-dn-sh-br-sw-sd))
                )
                var(
                  --_ctm-mob-dn-sh-br-sw-cr,
                  var(--_ctm-tab-dn-sh-br-sw-cr, var(--_ctm-dn-sh-br-sw-cr))
                )
            );
            border-radius: var(
              --_ctm-mob-dn-sh-br-br-rs,
              var(--_ctm-tab-dn-sh-br-br-rs, var(--_ctm-dn-sh-br-br-rs))
            );

            .search-icon {
              font-size: 18px;
              margin-right: 8px;
              color: #555;
            }

            .search-input {
              flex-grow: 1;
              border: none;
              outline: none;
              padding: 8px;
              font-size: 14px;
              color: #333;
              background: transparent;
              border-radius: 6px;

              &::placeholder {
                color: var(
                  --_ctm-mob-dn-pr-tt-cr,
                  var(--_ctm-tab-dn-pr-tt-cr, var(--_ctm-dn-pr-tt-cr))
                );
                font-family: var(
                  --_ctm-mob-dn-pr-tt-ft-fy,
                  var(--_ctm-tab-dn-pr-tt-ft-fy, var(--_ctm-dn-pr-tt-ft-fy))
                );
                text-transform: var(
                  --_ctm-mob-dn-pr-tt-tt-tm,
                  var(--_ctm-tab-dn-pr-tt-tt-tm, var(--_ctm-dn-pr-tt-tt-tm))
                );
                word-wrap: var(
                  --_ctm-mob-dn-pr-tt-wd-wp,
                  var(--_ctm-tab-dn-pr-tt-wd-wp, var(--_ctm-dn-pr-tt-wd-wp))
                );
                word-break: var(
                  --_ctm-mob-dn-pr-tt-wd-bk,
                  var(--_ctm-tab-dn-pr-tt-wd-bk, var(--_ctm-dn-pr-tt-wd-bk))
                );
                font-size: var(
                  --_ctm-mob-dn-pr-tt-ft-se,
                  var(--_ctm-tab-dn-pr-tt-ft-se, var(--_ctm-dn-pr-tt-ft-se))
                );
                font-weight: var(
                  --_ctm-mob-dn-pr-tt-ft-wt,
                  var(--_ctm-tab-dn-pr-tt-ft-wt, var(--_ctm-dn-pr-tt-ft-wt))
                );
                font-style: var(
                  --_ctm-mob-dn-pr-tt-ft-se-ic,
                  var(--_ctm-tab-dn-pr-tt-ft-se-ic, var(--_ctm-dn-pr-tt-ft-se-ic))
                );
                text-align: var(
                  --_ctm-mob-dn-pr-tt-tt-an,
                  var(--_ctm-tab-dn-pr-tt-tt-an, var(--_ctm-dn-pr-tt-tt-an))
                );
                letter-spacing: var(
                  --_ctm-mob-dn-pr-tt-lr-sg,
                  var(--_ctm-tab-dn-pr-tt-lr-sg, var(--_ctm-dn-pr-tt-lr-sg))
                );
                line-height: var(
                  --_ctm-mob-dn-pr-tt-le-ht,
                  var(--_ctm-tab-dn-pr-tt-le-ht, var(--_ctm-dn-pr-tt-le-ht))
                );
                text-decoration: var(
                  --_ctm-mob-dn-pr-tt-ue,
                  var(--_ctm-tab-dn-pr-tt-ue, var(--_ctm-dn-pr-tt-ue))
                );
              }
            }

            .search-button {
              color: #fff;
              border: none;
              padding-left: 10px;
              border-radius: 4px;
              // cursor: pointer;
              transition: 0.3s;
              svg {
                width: var(
                  --_ctm-mob-dn-sh-in-in-se,
                  var(--_ctm-tab-dn-sh-in-in-se, var(--_ctm-dn-sh-in-in-se))
                );
                height: var(
                  --_ctm-mob-dn-sh-in-in-se,
                  var(--_ctm-tab-dn-sh-in-in-se, var(--_ctm-dn-sh-in-in-se))
                );

                path {
                  stroke: var(
                    --_ctm-mob-dn-sh-in-in-c1,
                    var(--_ctm-tab-dn-sh-in-in-c1, var(--_ctm-dn-sh-in-in-c1))
                  );
                  // Overrides the stroke-width presentation attribute baked into the icon markup.
                  stroke-width: prepareMediaVariable(--_ctm-dn-sh-in-se-wh, 1.25);
                }
              }

              // &:hover {
              //   background: #0056b3;
              // }
            }
          }

          .confirm__btn {
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 8px;
            gap: 8px;
            width: 100%;
            height: 100%;

            background-color: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-bd-cr,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-bd-cr, var(--_ctm-dn-vw-os-bn-dt-se-bd-cr))
            );
            color: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-cr,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-cr, var(--_ctm-dn-vw-os-bn-dt-se-cr))
            );

            border-color: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-vw-os-bn-dt-se-br-cr,
                var(--_ctm-tab-dn-vw-os-bn-dt-se-br-cr, var(--_ctm-dn-vw-os-bn-dt-se-br-cr))
              )
            );
            border-style: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-vw-os-bn-dt-se-br-se,
                var(--_ctm-tab-dn-vw-os-bn-dt-se-br-se, var(--_ctm-dn-vw-os-bn-dt-se-br-se))
              )
            );
            border-width: var(
              --_show-border-im-se,
              var(
                --_ctm-mob-dn-vw-os-bn-dt-se-br-wh,
                var(--_ctm-tab-dn-vw-os-bn-dt-se-br-wh, var(--_ctm-dn-vw-os-bn-dt-se-br-wh))
              )
            );
            border-radius: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-br-rs,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-br-rs, var(--_ctm-dn-vw-os-bn-dt-se-br-rs))
            );

            box-shadow: var(
              --_show-shadow-im-se,
              var(
                  --_ctm-mob-dn-vw-os-bn-dt-se-sw-ae,
                  var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-ae, var(--_ctm-dn-vw-os-bn-dt-se-sw-ae))
                )
                var(
                  --_ctm-mob-dn-vw-os-bn-dt-se-sw-br,
                  var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-br, var(--_ctm-dn-vw-os-bn-dt-se-sw-br))
                )
                var(
                  --_ctm-mob-dn-vw-os-bn-dt-se-sw-sd,
                  var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-sd, var(--_ctm-dn-vw-os-bn-dt-se-sw-sd))
                )
                var(
                  --_ctm-mob-dn-vw-os-bn-dt-se-sw-cr,
                  var(--_ctm-tab-dn-vw-os-bn-dt-se-sw-cr, var(--_ctm-dn-vw-os-bn-dt-se-sw-cr))
                )
            );

            font-family: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-ft-fy,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-fy, var(--_ctm-dn-vw-os-bn-dt-se-ft-fy))
            );
            text-transform: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-tt-tm,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-tt-tm, var(--_ctm-dn-vw-os-bn-dt-se-tt-tm))
            );
            word-wrap: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-wd-wp,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-wd-wp, var(--_ctm-dn-vw-os-bn-dt-se-wd-wp))
            );
            word-break: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-wd-bk,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-wd-bk, var(--_ctm-dn-vw-os-bn-dt-se-wd-bk))
            );
            &.flex__overflow {
              white-space: normal;
              @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
            }
            font-size: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-ft-se,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-se, var(--_ctm-dn-vw-os-bn-dt-se-ft-se))
            );
            font-weight: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-ft-wt,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-wt, var(--_ctm-dn-vw-os-bn-dt-se-ft-wt))
            );
            font-style: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-ft-se-ic,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-ft-se-ic, var(--_ctm-dn-vw-os-bn-dt-se-ft-se-ic))
            );
            text-align: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-tt-an,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-tt-an, var(--_ctm-dn-vw-os-bn-dt-se-tt-an))
            );
            letter-spacing: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-lr-sg,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-lr-sg, var(--_ctm-dn-vw-os-bn-dt-se-lr-sg))
            );
            line-height: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-le-ht,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-le-ht, var(--_ctm-dn-vw-os-bn-dt-se-le-ht))
            );
            text-decoration: var(
              --_ctm-mob-dn-vw-os-bn-dt-se-ue,
              var(--_ctm-tab-dn-vw-os-bn-dt-se-ue, var(--_ctm-dn-vw-os-bn-dt-se-ue))
            );

            svg {
              width: var(
                --_ctm-mob-dn-vw-os-bn-dt-se-in-se,
                var(--_ctm-tab-dn-vw-os-bn-dt-se-in-se, var(--_ctm-dn-vw-os-bn-dt-se-in-se))
              );
              height: var(
                --_ctm-mob-dn-vw-os-bn-dt-se-in-se,
                var(--_ctm-tab-dn-vw-os-bn-dt-se-in-se, var(--_ctm-dn-vw-os-bn-dt-se-in-se))
              );
              path {
                stroke: var(
                  --_ctm-mob-dn-vw-os-bn-dt-se-in-c1,
                  var(--_ctm-tab-dn-vw-os-bn-dt-se-in-c1, var(--_ctm-dn-vw-os-bn-dt-se-in-c1))
                );
                // Overrides the stroke-width presentation attribute baked into the icon markup.
                stroke-width: prepareMediaVariable(--_ctm-dn-vw-os-bn-dt-se-se-wh, 1.25);
              }
            }
            &:hover {
              background-color: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-bd-cr,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-bd-cr, var(--_ctm-dn-vw-os-bn-hr-se-bd-cr))
              );

              border-color: var(
                --_show-border-im-se,
                var(
                  --_ctm-mob-dn-vw-os-bn-hr-se-br-cr,
                  var(--_ctm-tab-dn-vw-os-bn-hr-se-br-cr, var(--_ctm-dn-vw-os-bn-hr-se-br-cr))
                )
              );
              border-style: var(
                --_show-border-im-se,
                var(
                  --_ctm-mob-dn-vw-os-bn-hr-se-br-se,
                  var(--_ctm-tab-dn-vw-os-bn-hr-se-br-se, var(--_ctm-dn-vw-os-bn-hr-se-br-se))
                )
              );
              border-width: var(
                --_show-border-im-se,
                var(
                  --_ctm-mob-dn-vw-os-bn-hr-se-br-wh,
                  var(--_ctm-tab-dn-vw-os-bn-hr-se-br-wh, var(--_ctm-dn-vw-os-bn-hr-se-br-wh))
                )
              );
              border-radius: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-br-rs,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-br-rs, var(--_ctm-dn-vw-os-bn-hr-se-br-rs))
              );

              box-shadow: var(
                --_show-shadow-im-se,
                var(
                    --_ctm-mob-dn-vw-os-bn-hr-se-sw-ae,
                    var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-ae, var(--_ctm-dn-vw-os-bn-hr-se-sw-ae))
                  )
                  var(
                    --_ctm-mob-dn-vw-os-bn-hr-se-sw-br,
                    var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-br, var(--_ctm-dn-vw-os-bn-hr-se-sw-br))
                  )
                  var(
                    --_ctm-mob-dn-vw-os-bn-hr-se-sw-sd,
                    var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-sd, var(--_ctm-dn-vw-os-bn-hr-se-sw-sd))
                  )
                  var(
                    --_ctm-mob-dn-vw-os-bn-hr-se-sw-cr,
                    var(--_ctm-tab-dn-vw-os-bn-hr-se-sw-cr, var(--_ctm-dn-vw-os-bn-hr-se-sw-cr))
                  )
              );

              color: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-cr,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-cr, var(--_ctm-dn-vw-os-bn-hr-se-cr))
              );

              font-family: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-ft-fy,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-fy, var(--_ctm-dn-vw-os-bn-hr-se-ft-fy))
              );
              text-transform: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-tt-tm,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-tt-tm, var(--_ctm-dn-vw-os-bn-hr-se-tt-tm))
              );
              word-wrap: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-wd-wp,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-wd-wp, var(--_ctm-dn-vw-os-bn-hr-se-wd-wp))
              );
              word-break: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-wd-bk,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-wd-bk, var(--_ctm-dn-vw-os-bn-hr-se-wd-bk))
              );

              font-size: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-ft-se,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-se, var(--_ctm-dn-vw-os-bn-hr-se-ft-se))
              );

              font-weight: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-ft-wt,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-wt, var(--_ctm-dn-vw-os-bn-hr-se-ft-wt))
              );

              font-style: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-ft-se-ic,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-ft-se-ic, var(--_ctm-dn-vw-os-bn-hr-se-ft-se-ic))
              );

              text-align: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-tt-an,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-tt-an, var(--_ctm-dn-vw-os-bn-hr-se-tt-an))
              );

              letter-spacing: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-lr-sg,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-lr-sg, var(--_ctm-dn-vw-os-bn-hr-se-lr-sg))
              );

              line-height: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-le-ht,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-le-ht, var(--_ctm-dn-vw-os-bn-hr-se-le-ht))
              );

              text-decoration: var(
                --_ctm-mob-dn-vw-os-bn-hr-se-ue,
                var(--_ctm-tab-dn-vw-os-bn-hr-se-ue, var(--_ctm-dn-vw-os-bn-hr-se-ue))
              );

              svg {
                width: var(
                  --_ctm-mob-dn-vw-os-bn-hr-se-in-se,
                  var(--_ctm-tab-dn-vw-os-bn-hr-se-in-se, var(--_ctm-dn-vw-os-bn-hr-se-in-se))
                );
                height: var(
                  --_ctm-mob-dn-vw-os-bn-hr-se-in-se,
                  var(--_ctm-tab-dn-vw-os-bn-hr-se-in-se, var(--_ctm-dn-vw-os-bn-hr-se-in-se))
                );
                path {
                  stroke: var(
                    --_ctm-mob-dn-vw-os-bn-hr-se-in-c1,
                    var(--_ctm-tab-dn-vw-os-bn-hr-se-in-c1, var(--_ctm-dn-vw-os-bn-hr-se-in-c1))
                  );
                }
              }
            }
          }
        }
        .button__container {
          background-color: var(--_gray-50);
          .title {
            font-size: 16px;
            font-weight: 600;
            color: #475467;
            padding: 20px 0px 6px 0px;
            background-color: #fff;
          }

          .form__container {
            padding: 16px;
            .form__header {
              display: flex;
              justify-content: space-between;
              align-items: center;
              cursor: pointer;
              font-weight: 600;
              color: var(--_primary-400);
              color: var(
                --_ctm-mob-dn-wt-tt-ss-cr,
                var(--_ctm-tab-dn-wt-tt-ss-cr, var(--_ctm-dn-wt-tt-ss-cr))
              );

              font-family: var(
                --_ctm-mob-dn-wt-tt-ss-ft-fy,
                var(--_ctm-tab-dn-wt-tt-ss-ft-fy, var(--_ctm-dn-wt-tt-ss-ft-fy))
              );
              text-transform: var(
                --_ctm-mob-dn-wt-tt-ss-tt-tm,
                var(--_ctm-tab-dn-wt-tt-ss-tt-tm, var(--_ctm-dn-wt-tt-ss-tt-tm))
              );
              word-wrap: var(
                --_ctm-mob-dn-wt-tt-ss-wd-wp,
                var(--_ctm-tab-dn-wt-tt-ss-wd-wp, var(--_ctm-dn-wt-tt-ss-wd-wp))
              );
              word-break: var(
                --_ctm-mob-dn-wt-tt-ss-wd-bk,
                var(--_ctm-tab-dn-wt-tt-ss-wd-bk, var(--_ctm-dn-wt-tt-ss-wd-bk))
              );
              &.flex__overflow {
                white-space: normal;
                @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
              }

              font-size: var(
                --_ctm-mob-dn-wt-tt-ss-ft-se,
                var(--_ctm-tab-dn-wt-tt-ss-ft-se, var(--_ctm-dn-wt-tt-ss-ft-se))
              );

              font-weight: var(
                --_ctm-mob-dn-wt-tt-ss-ft-wt,
                var(--_ctm-tab-dn-wt-tt-ss-ft-wt, var(--_ctm-dn-wt-tt-ss-ft-wt))
              );

              font-style: var(
                --_ctm-mob-dn-wt-tt-ss-ft-se-ic,
                var(--_ctm-tab-dn-wt-tt-ss-ft-se-ic, var(--_ctm-dn-wt-tt-ss-ft-se-ic))
              );

              text-align: var(
                --_ctm-mob-dn-wt-tt-ss-tt-an,
                var(--_ctm-tab-dn-wt-tt-ss-tt-an, var(--_ctm-dn-wt-tt-ss-tt-an))
              );

              letter-spacing: var(
                --_ctm-mob-dn-wt-tt-ss-lr-sg,
                var(--_ctm-tab-dn-wt-tt-ss-lr-sg, var(--_ctm-dn-wt-tt-ss-lr-sg))
              );

              line-height: var(
                --_ctm-mob-dn-wt-tt-ss-le-ht,
                var(--_ctm-tab-dn-wt-tt-ss-le-ht, var(--_ctm-dn-wt-tt-ss-le-ht))
              );

              text-decoration: var(
                --_ctm-mob-dn-wt-tt-ss-ue,
                var(--_ctm-tab-dn-wt-tt-ss-ue, var(--_ctm-dn-wt-tt-ss-ue))
              );

              button {
                svg {
                  path {
                    stroke: var(--_primary-400);
                  }
                }
              }
            }
            .form__title {
              margin-top: 12px;

              color: var(
                --_ctm-mob-dn-wt-tt-ss-cr-dc,
                var(--_ctm-tab-dn-wt-tt-ss-cr-dc, var(--_ctm-dn-wt-tt-ss-cr-dc))
              );

              font-family: var(
                --_ctm-mob-dn-wt-tt-ss-ft-fy-dc,
                var(--_ctm-tab-dn-wt-tt-ss-ft-fy-dc, var(--_ctm-dn-wt-tt-ss-ft-fy-dc))
              );
              text-transform: var(
                --_ctm-mob-dn-wt-tt-ss-tt-tm-dc,
                var(--_ctm-tab-dn-wt-tt-ss-tt-tm-dc, var(--_ctm-dn-wt-tt-ss-tt-tm-dc))
              );
              word-wrap: var(
                --_ctm-mob-dn-wt-tt-ss-wd-wp-dc,
                var(--_ctm-tab-dn-wt-tt-ss-wd-wp-dc, var(--_ctm-dn-wt-tt-ss-wd-wp-dc))
              );
              word-break: var(
                --_ctm-mob-dn-wt-tt-ss-wd-bk-dc,
                var(--_ctm-tab-dn-wt-tt-ss-wd-bk-dc, var(--_ctm-dn-wt-tt-ss-wd-bk-dc))
              );

              font-size: var(
                --_ctm-mob-dn-wt-tt-ss-ft-se-dc,
                var(--_ctm-tab-dn-wt-tt-ss-ft-se-dc, var(--_ctm-dn-wt-tt-ss-ft-se-dc))
              );

              font-weight: var(
                --_ctm-mob-dn-wt-tt-ss-ft-wt-dc,
                var(--_ctm-tab-dn-wt-tt-ss-ft-wt-dc, var(--_ctm-dn-wt-tt-ss-ft-wt-dc))
              );

              font-style: var(
                --_ctm-mob-dn-wt-tt-ss-ft-se-ic-dc,
                var(--_ctm-tab-dn-wt-tt-ss-ft-se-ic-dc, var(--_ctm-dn-wt-tt-ss-ft-se-ic-dc))
              );

              text-align: var(
                --_ctm-mob-dn-wt-tt-ss-tt-an-dc,
                var(--_ctm-tab-dn-wt-tt-ss-tt-an-dc, var(--_ctm-dn-wt-tt-ss-tt-an-dc))
              );

              letter-spacing: var(
                --_ctm-mob-dn-wt-tt-ss-lr-sg-dc,
                var(--_ctm-tab-dn-wt-tt-ss-lr-sg-dc, var(--_ctm-dn-wt-tt-ss-lr-sg-dc))
              );

              line-height: var(
                --_ctm-mob-dn-wt-tt-ss-le-ht-dc,
                var(--_ctm-tab-dn-wt-tt-ss-le-ht-dc, var(--_ctm-dn-wt-tt-ss-le-ht-dc))
              );

              text-decoration: var(
                --_ctm-mob-dn-wt-tt-ss-ue-dc,
                var(--_ctm-tab-dn-wt-tt-ss-ue-dc, var(--_ctm-dn-wt-tt-ss-ue-dc))
              );
            }
            .est__dropdown {
              & > button {
                width: 100%;
                & > span:last-child {
                  position: absolute;
                  top: 30;
                  right: 8;
                }
              }
            }
            .input__div {
              margin-top: 10px;
              display: flex;
              flex-direction: column;
              gap: 6px;
              label {
                font-size: 14px;
                color: var(--_gray-700);
                margin-bottom: 8px;
                display: block;
              }

              input {
                width: 100%;
                padding: 6px 5px;
                border: 1px solid var(--_gray-400);
                border-radius: 6px;
                font-size: 1rem;
                font-family: inherit;
                transition:
                  border-color 0.2s ease,
                  box-shadow 0.2s ease;
              }

              // input:focus {
              //   border-color: #4f46e5; /* Indigo */
              //   box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
              //   outline: none;
              // }
              .error__message {
                color: red;
                font-size: 12px;
              }
            }
          }
          .payment__methods {
            &:has(.stack__vertical) {
              .content__title {
                border-bottom: 1px solid var(--_gray-300);
              }
            }
            .shippng__title {
              margin: 16px;
              padding-bottom: 10px;
              margin-bottom: 0px;
              color: var(
                --_ctm-mob-dn-sg-ne-cr,
                var(--_ctm-tab-dn-sg-ne-cr, var(--_ctm-dn-sg-ne-cr))
              );
              font-family: var(
                --_ctm-mob-dn-sg-ne-ft-fy,
                var(--_ctm-tab-dn-sg-ne-ft-fy, var(--_ctm-dn-sg-ne-ft-fy))
              );
              text-transform: var(
                --_ctm-mob-dn-sg-ne-tt-tm,
                var(--_ctm-tab-dn-sg-ne-tt-tm, var(--_ctm-dn-sg-ne-tt-tm))
              );
              word-wrap: var(
                --_ctm-mob-dn-sg-ne-wd-wp,
                var(--_ctm-tab-dn-sg-ne-wd-wp, var(--_ctm-dn-sg-ne-wd-wp))
              );
              word-break: var(
                --_ctm-mob-dn-sg-ne-wd-bk,
                var(--_ctm-tab-dn-sg-ne-wd-bk, var(--_ctm-dn-sg-ne-wd-bk))
              );
              font-size: var(
                --_ctm-mob-dn-sg-ne-ft-se,
                var(--_ctm-tab-dn-sg-ne-ft-se, var(--_ctm-dn-sg-ne-ft-se))
              );
              font-weight: var(
                --_ctm-mob-dn-sg-ne-ft-wt,
                var(--_ctm-tab-dn-sg-ne-ft-wt, var(--_ctm-dn-sg-ne-ft-wt))
              );
              font-style: var(
                --_ctm-mob-dn-it-se-ft-se-ic,
                var(--_ctm-tab-dn-it-se-ft-se-ic, var(--_ctm-dn-it-se-ft-se-ic))
              );
              text-align: var(
                --_ctm-mob-dn-sg-ne-tt-an,
                var(--_ctm-tab-dn-sg-ne-tt-an, var(--_ctm-dn-sg-ne-tt-an))
              );
              letter-spacing: var(
                --_ctm-mob-dn-it-se-lr-sg,
                var(--_ctm-tab-dn-it-se-lr-sg, var(--_ctm-dn-it-se-lr-sg))
              );
              line-height: var(
                --_ctm-mob-dn-sg-ne-le-ht,
                var(--_ctm-tab-dn-sg-ne-le-ht, var(--_ctm-dn-sg-ne-le-ht))
              );
              text-decoration: var(
                --_ctm-mob-dn-wt-tt-ss-ue-dc,
                var(--_ctm-tab-dn-wt-tt-ss-ue-dc, var(--_ctm-dn-wt-tt-ss-ue-dc))
              );
            }

            .stack {
              display: grid;
              background-color: #fff;
              &.stack__vertical {
                grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
                gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
                // max-height: var(--_sf-custom-height);
                // overflow-y: auto;
                max-height: var(--_sf-custom-height);
                overflow-y: hidden;

                &[data-add-scroll="true"] {
                  overflow-y: auto;
                }
              }
              &.stack__horizontal {
                // grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
                display: flex;
                gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
                // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
                width: 100%;
                background-color: #fff;

                &[data-overflow="Wrap"] {
                  flex-wrap: wrap;
                }
                &[data-overflow="Scroll"] {
                  overflow-x: auto;
                }
                .item {
                  flex-wrap: nowrap;
                }
              }
              &.grid {
                display: grid;
                grid-template-columns: repeat(
                  var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
                  minmax(auto, 1fr)
                );
                gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
                // padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));
                max-height: var(--_sf-custom-height);
                overflow-y: hidden;

                &[data-add-scroll="true"] {
                  overflow-y: auto;
                }
              }
              .item {
                display: flex;
                // justify-content: space-between;
                gap: 20px;
                align-items: center;
                cursor: pointer;
                background-color: var(--_primary-25);
                flex-wrap: wrap;

                height: var(--_ctm-mob-lt-im-ht, var(--_ctm-tab-lt-im-ht, var(--_ctm-lt-im-ht)));

                // padding: var(
                //     --_ctm-mob-dn-im-se-vl-pg,
                //     var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
                //   )
                //   var(
                //     --_ctm-mob-dn-im-se-hl-pg,
                //     var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
                //   );

                padding: var(--_ctm-mob-lt-im-pg, var(--_ctm-tab-lt-im-pg, var(--_ctm-lt-im-pg)));

                background-color: var(
                  --_ctm-mob-dn-im-se-bd-cr,
                  var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
                );

                border-color: var(
                  --_show-border-im-se,
                  var(
                    --_ctm-mob-dn-im-se-br-cr,
                    var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
                  )
                );
                border-style: var(
                  --_show-border-im-se,
                  var(
                    --_ctm-mob-dn-im-se-br-se,
                    var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
                  )
                );
                border-width: var(
                  --_show-border-im-se,
                  var(
                    --_ctm-mob-dn-im-se-br-wh,
                    var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
                  )
                );
                border-radius: var(
                  --_ctm-mob-dn-im-se-br-rs,
                  var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
                );

                box-shadow: var(
                  --_show-shadow-im-se,
                  var(
                      --_ctm-mob-dn-im-se-sw-ae,
                      var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
                    )
                    var(
                      --_ctm-mob-dn-im-se-sw-br,
                      var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
                    )
                    var(
                      --_ctm-mob-dn-im-se-sw-sd,
                      var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
                    )
                    var(
                      --_ctm-mob-dn-im-se-sw-cr,
                      var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
                    )
                );
                // .left__col {
                //   display: inline-block;
                //   font-weight: 600;
                //   input[type="radio"] {
                //     width: auto;
                //     display: inline-block;
                //     margin-right: 10px;
                //   }
                // }

                // .right__col {
                //   display: flex;
                //   align-items: center;
                //   text-align: center;
                //   gap: 16px;
                //   font-weight: 500;
                //   flex-wrap: wrap;
                //   justify-content: var(
                //     --_ctm-mob-dn-im-se-ct-at,
                //     var(--_ctm-tab-dn-im-se-ct-at, var(--_ctm-dn-im-se-ct-at))
                //   );

                //   span {
                //     line-height: 12px;
                //   }

                //   .card {
                //     width: 60px;
                //     height: 50px;
                //     background-color: var(
                //       --_ctm-mob-dn-sg-md-lo-bd-cr,
                //       var(--_ctm-tab-dn-sg-md-lo-bd-cr, var(--_ctm-dn-sg-md-lo-bd-cr))
                //     );
                //     border-color: var(
                //       --_ctm-mob-dn-sg-md-lo-br-cr,
                //       var(--_ctm-tab-dn-sg-md-lo-br-cr, var(--_ctm-dn-sg-md-lo-br-cr))
                //     );
                //     border-style: var(
                //       --_ctm-mob-dn-sg-md-lo-br-se,
                //       var(--_ctm-tab-dn-sg-md-lo-br-se, var(--_ctm-dn-sg-md-lo-br-se))
                //     );
                //     border-width: var(
                //       --_ctm-mob-dn-sg-md-lo-br-wh,
                //       var(--_ctm-tab-dn-sg-md-lo-br-wh, var(--_ctm-dn-sg-md-lo-br-wh))
                //     );
                //     border-radius: var(
                //       --_ctm-mob-dn-sg-md-lo-br-rs,
                //       var(--_ctm-tab-dn-sg-md-lo-br-rs, var(--_ctm-dn-sg-md-lo-br-rs))
                //     );
                //     box-shadow: var(
                //       var(
                //           --_ctm-mob-dn-sg-md-lo-sw-ae,
                //           var(
                //             --_ctm-tab-dn-sg-md-lo-sw-ae,
                //             var(--_ctm-dn-sg-md-lo-sw-ae, var(--_tst-dn-sw-ae))
                //           )
                //         )
                //         var(
                //           --_ctm-mob-dn-sg-md-lo-sw-br,
                //           var(
                //             --_ctm-tab-dn-sg-md-lo-sw-br,
                //             var(--_ctm-dn-sg-md-lo-sw-br, var(--_tst-dn-sw-br))
                //           )
                //         )
                //         var(
                //           --_ctm-mob-dn-sg-md-lo-sw-sd,
                //           var(
                //             --_ctm-tab-dn-sg-md-lo-sw-sd,
                //             var(--_ctm-dn-sg-md-lo-sw-sd, var(--_tst-dn-sw-sd))
                //           )
                //         )
                //         var(
                //           --_ctm-mob-dn-sg-md-lo-sw-cr,
                //           var(
                //             --_ctm-tab-dn-sg-md-lo-sw-cr,
                //             var(--_ctm-dn-sg-md-lo-sw-cr, var(--_tst-dn-sw-cr))
                //           )
                //         )
                //     );
                //     & > img {
                //       width: 100%;
                //       height: 100%;
                //     }
                //   }
                // }
                p {
                  white-space: nowrap;
                }
              }
            }
            .stack__table {
              width: 100%;
              border-collapse: collapse;
              border-radius: 6px;
              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)))
              );
              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)))
              );
              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)))
              );
              border-radius: var(
                --_ctm-mob-dn-te-br-rs,
                var(--_ctm-tab-dn-te-br-rs, var(--_ctm-dn-te-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(--_ctm-mob-dn-te-sw-br, var(--_ctm-tab-dn-te-sw-br, var(--_ctm-dn-te-sw-br)))
                  var(--_ctm-mob-dn-te-sw-sd, var(--_ctm-tab-dn-te-sw-sd, var(--_ctm-dn-te-sw-sd)))
                  var(--_ctm-mob-dn-te-sw-cr, var(--_ctm-tab-dn-te-sw-cr, var(--_ctm-dn-te-sw-cr)))
              );
              &[data-header-divider="true"] {
                thead tr th {
                  border-bottom: 1px solid
                    var(
                      --_ctm-mob-dn-rw-ds-hr-dr,
                      var(--_ctm-tab-dn-rw-ds-hr-dr, var(--_ctm-dn-rw-ds-hr-dr))
                    );
                }
              }
              &[data-row-divider="true"] {
                tbody tr td {
                  border-bottom: 1px solid
                    var(
                      --_ctm-mob-dn-rw-ds-rw-dr,
                      var(--_ctm-tab-dn-rw-ds-rw-dr, var(--_ctm-dn-rw-ds-rw-dr))
                    );
                }
              }
              &[data-column-divider="true"] {
                tbody tr td,
                thead tr th {
                  border-right: 1px solid
                    var(
                      --_ctm-mob-dn-rw-ds-cn-dr,
                      var(--_ctm-tab-dn-rw-ds-cn-dr, 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-mob-lt-hr-ht, var(--_ctm-tab-lt-hr-ht, var(--_ctm-dn-lt-hr-ht)));
                tr {
                  th {
                    padding: var(
                      --_ctm-mob-lt-hr-cl-pg,
                      var(--_ctm-tab-lt-hr-cl-pg, var(--_ctm-dn-lt-hr-cl-pg))
                    );
                    text-align: var(
                      --_ctm-mob-lt-ct-at,
                      var(--_ctm-tab-lt-ct-at, var(--_ctm-dn-lt-ct-at))
                    );
                    border: 0;
                    background-color: var(
                      --_ctm-mob-dn-te-hr-bd-cr,
                      var(--_ctm-tab-dn-te-hr-bd-cr, var(--_ctm-dn-te-hr-bd-cr))
                    );
                    color: var(
                      --_ctm-mob-dn-hr-tt-cr,
                      var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
                    );
                    font-family: var(
                      --_ctm-mob-dn-hr-tt-ft-fy,
                      var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
                    );
                    text-transform: var(
                      --_ctm-mob-dn-hr-tt-tt-tm,
                      var(--_ctm-tab-dn-hr-tt-tt-tm, var(--_ctm-dn-hr-tt-tt-tm))
                    );
                    word-wrap: var(
                      --_ctm-mob-dn-hr-tt-wd-wp,
                      var(--_ctm-tab-dn-hr-tt-wd-wp, var(--_ctm-dn-hr-tt-wd-wp))
                    );
                    word-break: var(
                      --_ctm-mob-dn-hr-tt-wd-bk,
                      var(--_ctm-tab-dn-hr-tt-wd-bk, var(--_ctm-dn-hr-tt-wd-bk))
                    );
                    font-size: var(
                      --_ctm-mob-dn-hr-tt-ft-se,
                      var(--_ctm-tab-dn-hr-tt-ft-se, var(--_ctm-dn-hr-tt-ft-se))
                    );
                    font-weight: var(
                      --_ctm-mob-dn-hr-tt-ft-wt,
                      var(--_ctm-tab-dn-hr-tt-ft-wt, var(--_ctm-dn-hr-tt-ft-wt))
                    );
                    font-style: var(
                      --_ctm-mob-dn-hr-tt-ft-se-ic,
                      var(--_ctm-tab-dn-hr-tt-ft-se-ic, var(--_ctm-dn-hr-tt-ft-se-ic))
                    );
                    text-align: var(
                      --_ctm-mob-dn-hr-tt-tt-an,
                      var(--_ctm-tab-dn-hr-tt-an, var(--_ctm-dn-hr-tt-an))
                    );
                    letter-spacing: var(
                      --_ctm-mob-dn-hr-tt-lr-sg,
                      var(--_ctm-tab-dn-hr-tt-lr-sg, var(--_ctm-dn-hr-tt-lr-sg))
                    );
                    line-height: var(
                      --_ctm-mob-dn-hr-tt-le-ht,
                      var(--_ctm-tab-dn-hr-tt-le-ht, var(--_ctm-dn-hr-tt-le-ht))
                    );
                    text-decoration: var(
                      --_ctm-mob-dn-hr-tt-ue,
                      var(--_ctm-tab-dn-hr-tt-ue, var(--_ctm-dn-hr-tt-ue))
                    );
                  }
                }
              }
              tbody {
                tr {
                  padding: var(
                    --_ctm-mob-lt-rw-cl-pg,
                    var(--_ctm-tab-lt-rw-cl-pg, var(--_ctm-dn-lt-rw-cl-pg))
                  );
                  height: var(
                    --_ctm-mob-lt-rw-ht,
                    var(--_ctm-tab-lt-rw-ht, var(--_ctm-dn-lt-rw-ht))
                  );
                  background-color: var(
                    --_ctm-mob-dn-te-rw-bd-cr,
                    var(--_ctm-tab-dn-te-rw-bd-cr, var(--_ctm-dn-te-rw-bd-cr))
                  );
                  text-align: var(
                    --_ctm-mob-lt-ct-at,
                    var(--_ctm-tab-lt-ct-at, var(--_ctm-dn-lt-ct-at))
                  );
                  th,
                  td {
                    border: 0;
                    padding: inherit;
                    color: var(
                      --_ctm-mob-dn-te-rw-cr,
                      var(--_ctm-tab-dn-te-rw-cr, var(--_ctm-dn-te-rw-cr))
                    );
                    font-family: var(
                      --_ctm-mob-dn-te-rw-ft-fy,
                      var(--_ctm-tab-dn-te-rw-ft-fy, var(--_ctm-dn-te-rw-ft-fy))
                    );
                    text-transform: var(
                      --_ctm-mob-dn-te-rw-tt-tm,
                      var(--_ctm-tab-dn-te-rw-tt-tm, var(--_ctm-dn-te-rw-tt-tm))
                    );
                    word-wrap: var(
                      --_ctm-mob-dn-te-rw-wd-wp,
                      var(--_ctm-tab-dn-te-rw-wd-wp, var(--_ctm-dn-te-rw-wd-wp))
                    );
                    word-break: var(
                      --_ctm-mob-dn-te-rw-wd-bk,
                      var(--_ctm-tab-dn-te-rw-wd-bk, var(--_ctm-dn-te-rw-wd-bk))
                    );
                    font-size: var(
                      --_ctm-mob-dn-te-rw-ft-se,
                      var(--_ctm-tab-dn-te-rw-ft-se, var(--_ctm-dn-te-rw-ft-se))
                    );
                    font-weight: var(
                      --_ctm-mob-dn-te-rw-ft-wt,
                      var(--_ctm-tab-dn-te-rw-ft-wt, var(--_ctm-dn-te-rw-ft-wt))
                    );
                    font-style: var(
                      --_ctm-mob-dn-te-rw-ft-se-ic,
                      var(--_ctm-tab-dn-te-rw-ft-se-ic, var(--_ctm-dn-te-rw-ft-se-ic))
                    );
                    text-align: var(
                      --_ctm-mob-dn-te-rw-tt-an,
                      var(--_ctm-tab-dn-te-rw-tt-an, var(--_ctm-dn-te-rw-tt-an))
                    );
                    letter-spacing: var(
                      --_ctm-mob-dn-te-rw-lr-sg,
                      var(--_ctm-tab-dn-te-rw-lr-sg, var(--_ctm-dn-te-rw-lr-sg))
                    );
                    line-height: var(
                      --_ctm-mob-dn-te-rw-le-ht,
                      var(--_ctm-tab-dn-te-rw-le-ht, var(--_ctm-dn-te-rw-le-ht))
                    );
                    text-decoration: var(
                      --_ctm-mob-dn-te-rw-ue,
                      var(--_ctm-tab-dn-te-rw-ue, var(--_ctm-dn-te-rw-ue))
                    );
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
