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

[data-div-type="element"] {
  &[data-element-type="quickLinks"] {
    // width: var(--_sf-nw-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(var(--_ctm-ele-nw-wh-vl), var(--_sf-nw-wh)))
          )
      )
    );
    margin: var(--_ctm-mob-lt-mn, var(var(--_ctm-tab-lt-mn), var(--_ctm-lt-mn)));
    // aspect-ratio: 1 / var(--_sf-aspect-ratio);
    --_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-items-default-border="true"] {
    //   .quick__links__container .items__container .links__item {
    //     border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
    //     border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
    //     border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
    //     border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);
    //   }
    // }

    // &[data-items-hover-border="true"] {
    //   .quick__links__container .items__container .links__item:hover {
    //     border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
    //     border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
    //     border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
    //     border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
    //   }
    // }

    // &[data-items-default-shadow="true"] {
    //   .quick__links__container .items__container .links__item {
    //     box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
    //       prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
    //       prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
    //       prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
    //   }
    // }

    // &[data-items-hover-shadow="true"] {
    //   .quick__links__container .items__container .links__item:hover {
    //     box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
    //       prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
    //       prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
    //       prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
    //   }
    // }

    &[data-items-default-border="true"] {
      .quick__links__container .items__container .links__item,
      .quick__links__container
        .items__container
        .dropdown__container
        .est__dropdown__main
        .est__dropdown
        .list
        .list__option {
        border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
        border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
        border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
      }
    }

    &[data-items-hover-border="true"] {
      .quick__links__container .items__container .links__item:hover,
      .quick__links__container
        .items__container
        .dropdown__container
        .est__dropdown__main
        .est__dropdown
        .list
        .list__option:hover {
        border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
        border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
        border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
      }
    }

    &[data-items-default-shadow="true"] {
      .quick__links__container .items__container .links__item,
      .quick__links__container
        .items__container
        .dropdown__container
        .est__dropdown__main
        .est__dropdown
        .list
        .list__option {
        box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
          prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
          prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
          prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
      }
    }

    &[data-items-hover-shadow="true"] {
      .quick__links__container .items__container .links__item:hover,
      .quick__links__container
        .items__container
        .dropdown__container
        .est__dropdown__main
        .est__dropdown
        .list
        .list__option:hover {
        box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
          prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
          prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
          prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
      }
    }

    &[data-items-alignment="left"] {
      .quick__links__container {
        .items__container,
        .items__container .dropdown__container .est__dropdown__main .est__dropdown {
          justify-content: flex-start;
          align-items: flex-start;

          .est__dropdown__button,
          .list {
            justify-content: flex-start;
            align-items: flex-start;
          }
        }
      }
    }

    &[data-items-alignment="center"] {
      .quick__links__container {
        .items__container,
        .items__container .dropdown__container .est__dropdown__main .est__dropdown {
          justify-content: center;
          align-items: center;

          .est__dropdown__button,
          .list {
            justify-content: center;
            align-items: center;
          }
        }
      }
    }

    &[data-items-alignment="right"] {
      .quick__links__container {
        .items__container,
        .items__container .dropdown__container .est__dropdown__main .est__dropdown {
          justify-content: flex-end;
          align-items: flex-end;

          .est__dropdown__button,
          .list {
            justify-content: flex-end;
            align-items: flex-end;
          }
        }
      }
    }

    &[data-display-style="Vertical"] {
      .quick__links__container .items__container {
        display: flex;
        flex-direction: column;
        gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
      }
    }

    &[data-display-style="Wrap Horizontal"] {
      .quick__links__container .items__container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--_ctm-mob-lt-gp-bn-is, var(--_ctm-tab-gp-bn-is, var(--_ctm-lt-gp-bn-is)));
      }
    }

    &[data-text-position="top"] {
      .quick__links__container {
        flex-direction: column;
      }
    }

    &[data-text-position="bottom"] {
      .quick__links__container {
        flex-direction: column-reverse;
      }
    }

    &[data-text-position="left"] {
      .quick__links__container {
        flex-direction: row;
      }

      &[data-widget-alignment="top"] {
        .quick__links__container {
          align-items: flex-start;
        }
      }

      &[data-widget-alignment="center"] {
        .quick__links__container {
          align-items: center;
        }
      }

      &[data-widget-alignment="bottom"] {
        .quick__links__container {
          align-items: flex-end;
        }
      }
    }

    &[data-text-position="right"] {
      .quick__links__container {
        flex-direction: row-reverse;
      }

      &[data-widget-alignment="top"] {
        .quick__links__container {
          align-items: flex-start;
        }
      }

      &[data-widget-alignment="center"] {
        .quick__links__container {
          align-items: center;
        }
      }

      &[data-widget-alignment="bottom"] {
        .quick__links__container {
          align-items: flex-end;
        }
      }
    }

    &[data-widget-border="true"] {
      .quick__links__container {
        background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
        border-width: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-wh);
        border-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-cr);
        border-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-se);
        border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
        box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae)
          prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br)
          prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd)
          prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
        // border-color: var(
        //   --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
        //   var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
        // );
        // border-style: var(
        //   --_ctm-mob-dn-qk-ls-wt-dn-br-se,
        //   var(--_ctm-tab-dn-qk-ls-wt-dn-br-se, var(--_ctm-dn-qk-ls-wt-dn-br-se))
        // );
        // border-width: var(
        //   --_ctm-mob-dn-qk-ls-wt-dn-br-wh,
        //   var(--_ctm-tab-dn-qk-ls-wt-dn-br-wh, var(--_ctm-dn-qk-ls-wt-dn-br-wh))
        // );
      }
    }

    &[data-widget-shadow="false"] {
      --_show-shadow: none;
    }

    &[data-content-border="true"] {
      .header__container {
        border-color: var(
          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-cr,
          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-br-cr))
        );

        border-style: var(
          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-se,
          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-se, var(--_ctm-dn-qk-ls-tt-cr-dn-br-se))
        );

        border-width: var(
          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-wh,
          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-wh, var(--_ctm-dn-qk-ls-tt-cr-dn-br-wh))
        );
      }
    }

    &[data-content-shadow="false"] {
      --_show-text-content-shadow: none;
    }

    &[data-icon-background-shape="circle"] {
      .video__icon {
        border-radius: 50%;
      }
    }

    &[data-icon-background-shape="rectange"] {
      .video__icon {
        border-radius: 6px;
      }
    }

    .quick__links__container {
      gap: var(
        --_ctm-mob-dn-qk-ls-wt-lt-wt-tt-ad-im-sg,
        var(--_ctm-tab-dn-qk-ls-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-qk-ls-wt-lt-wt-tt-ad-im-sg))
      );
      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
      // background-color: var(
      //   --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
      //   var(--_ctm-tab-dn-qk-ls-wt-dn-bd-cr, var(--_ctm-dn-qk-ls-wt-dn-bd-cr))
      // );
      display: flex;
      // flex-direction: var(--_sf-fd-bn);
      justify-content: var(--_sf-jc, center);
      // box-shadow: var(
      //   --_show-shadow,
      //   var(
      //       --_ctm-mob-dn-qk-ls-wt-dn-sw-ae,
      //       var(--_ctm-tab-dn-qk-ls-wt-dn-sw-ae, var(--_ctm-dn-qk-ls-wt-dn-sw-ae))
      //     )
      //     var(
      //       --_ctm-mob-dn-qk-ls-wt-dn-sw-br,
      //       var(--_ctm-tab-dn-qk-ls-wt-dn-sw-br, var(--_ctm-dn-qk-ls-wt-dn-sw-br))
      //     )
      //     var(
      //       --_ctm-mob-dn-qk-ls-wt-dn-sw-sd,
      //       var(--_ctm-tab-dn-qk-ls-wt-dn-sw-sd, var(--_ctm-dn-qk-ls-wt-dn-sw-sd))
      //     )
      //     var(
      //       --_ctm-mob-dn-qk-ls-wt-dn-sw-cr,
      //       var(--_ctm-tab-dn-qk-ls-wt-dn-sw-cr, var(--_ctm-dn-qk-ls-wt-dn-sw-cr))
      //     )
      // );
      width: 100%;
      height: auto;
      // border-radius: var(
      //   --_ctm-mob-dn-qk-ls-wt-dn-br-rs,
      //   var(--_ctm-tab-dn-qk-ls-wt-dn-br-rs, var(--_ctm-dn-qk-ls-wt-dn-br-rs))
      // );
      background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);

      border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
      box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae)
        prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br)
        prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd)
        prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);

      .header__container {
        display: flex;
        flex-direction: column;
        padding: var(
            --_ctm-mob-dn-qk-ls-tt-lt-tt-vl-pg,
            var(--_ctm-tab-dn-qk-ls-tt-lt-tt-vl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-vl-pg))
          )
          var(
            --_ctm-mob-dn-qk-ls-tt-lt-tt-hl-pg,
            var(--_ctm-tab-dn-qk-ls-tt-lt-tt-hl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-hl-pg))
          );
        gap: var(
          --_ctm-mob-dn-qk-ls-tt-lt-te-ad-dn-sg,
          var(--_ctm-tab-dn-qk-ls-tt-lt-te-ad-dn-sg, var(--_ctm-dn-qk-ls-tt-lt-te-ad-dn-sg))
        );

        background-color: var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr, var(--_tst-dn-qk-ls-tt-cr-dn-bd-cr));
        background-color: var(
          --_ctm-mob-dn-qk-ls-tt-cr-dn-bd-cr,
          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-bd-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr))
        );
        border-radius: var(
          --_ctm-mob-dn-qk-ls-tt-cr-dn-br-rs,
          var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-rs, var(--_ctm-dn-qk-ls-tt-cr-dn-br-rs))
        );
        box-shadow: var(
          --_show-text-content-shadow,
          var(
              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-ae,
              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-ae, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-ae))
            )
            var(
              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-br,
              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-br, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-br))
            )
            var(
              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-sd,
              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-sd, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-sd))
            )
            var(
              --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-cr,
              var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-cr))
            )
        );

        h3 {
          font-family: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-fy);
          text-transform: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-tm);
          word-wrap: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-wp);
          word-break: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-wd-bk);
          font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se);
          color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr);
          font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt);
          font-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-ic);
          text-decoration: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ue);
          text-align: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-an);
          letter-spacing: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-lr-sg);
          line-height: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-le-ht);
          // color: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-cr,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-cr, var(--_ctm-dn-qk-ls-wt-dn-cr))
          // );
          // font-family: var(
          //   --_sf-hr-ff,
          //   var(
          //     --_ctm-mob-dn-qk-ls-wt-dn-ft-fy,
          //     var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy, var(--_ctm-dn-qk-ls-wt-dn-ft-fy))
          //   )
          // );
          // font-size: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ft-se,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se, var(--_ctm-dn-qk-ls-wt-dn-ft-se))
          // );
          // font-weight: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ft-wt,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt, var(--_ctm-dn-qk-ls-wt-dn-ft-wt))
          // );
          // font-style: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic))
          // );
          // text-align: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-tt-an,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an, var(--_ctm-dn-qk-ls-wt-dn-tt-an))
          // );
          // letter-spacing: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-lr-sg,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg, var(--_ctm-dn-qk-ls-wt-dn-lr-sg))
          // );
          // line-height: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-le-ht,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht, var(--_ctm-dn-qk-ls-wt-dn-le-ht))
          // );
          // text-decoration: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ue,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ue, var(--_ctm-dn-qk-ls-wt-dn-ue))
          // );
        }

        p {
          font-family: prepareMediaVariable(-dn-qk-ls-wt-dn-ft-fy-dc);
          text-transform: prepareMediaVariable(-dn-qk-ls-wt-dn-tt-tm-dc);
          word-wrap: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-wp-dc);
          word-break: prepareMediaVariable(-dn-qk-ls-wt-dn-wd-bk-dc);
          font-size: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-dc);
          color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-cr-dc);
          font-weight: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc);
          font-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc);
          text-decoration: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ue-dc);
          text-align: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-tt-an-dc);
          letter-spacing: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc);
          line-height: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-le-ht-dc);
          // color: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-cr-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-cr-dc, var(--_ctm-dn-qk-ls-wt-dn-cr-dc))
          // );
          // font-family: var(
          //   --_sf-hr-ff,
          //   var(
          //     --_ctm-mob-dn-qk-ls-wt-dn-ft-fy-dc,
          //     var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-fy-dc))
          //   )
          // );
          // font-size: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ft-se-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-dc))
          // );
          // font-weight: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ft-wt-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc))
          // );
          // font-style: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc))
          // );
          // text-align: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-tt-an-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an-dc, var(--_ctm-dn-qk-ls-wt-dn-tt-an-dc))
          // );
          // letter-spacing: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-lr-sg-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg-dc, var(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc))
          // );
          // line-height: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-le-ht-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht-dc, var(--_ctm-dn-qk-ls-wt-dn-le-ht-dc))
          // );
          // text-decoration: var(
          //   --_ctm-mob-dn-qk-ls-wt-dn-ue-dc,
          //   var(--_ctm-tab-dn-qk-ls-wt-dn-ue-dc, var(--_ctm-dn-qk-ls-wt-dn-ue-dc))
          // );
        }
      }

      .items__container {
        .dropdown__container {
          width: prepareMediaVariable(--_ctm-lt-dn-wh);
        }

        .links__item,
        .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
          display: block;
          font-family: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-fy);
          text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
          word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
          word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
          &.flex__overflow {
            white-space: normal;
            @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
          }
          font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
          color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
          font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
          font-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se-ic);
          text-decoration: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ue);
          text-align: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-an);
          letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-dt-se-lr-sg);
          line-height: prepareMediaVariable(--_ctm-dn-im-se-dt-se-le-ht);
          background-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-bd-cr);
          padding: prepareMediaVariable(--_ctm-dn-im-se-dt-se-pg);
          width: fit-content;
          border-radius: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-rs);

          &[data-has-link="true"] {
            cursor: pointer;
          }

          &:hover {
            font-family: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-fy);
            text-transform: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-tm);
            word-wrap: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-wp);
            word-break: prepareMediaVariable(--_ctm-dn-im-se-hr-se-wd-bk);
            font-size: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se);
            color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-cr);
            font-weight: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-wt);
            font-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ft-se-ic);
            text-decoration: prepareMediaVariable(--_ctm-dn-im-se-hr-se-ue);
            text-align: prepareMediaVariable(--_ctm-dn-im-se-hr-se-tt-an);
            letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-hr-se-lr-sg);
            line-height: prepareMediaVariable(--_ctm-dn-im-se-hr-se-le-ht);
            background-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-bd-cr);
            padding: prepareMediaVariable(--_ctm-dn-im-se-hr-se-pg);
            border-radius: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-rs);
          }
        }
      }

      .placeholder__text {
        display: flex !important;
        justify-content: space-between !important;
        color: var(--_gray-700) !important;
        border: 1px solid var(--_gray-400) !important;
        border-radius: 6px !important;
        padding: 8px 12px !important;
        background-color: #fff !important;
        width: 100% !important;
      }

      .est__dropdown .list {
        gap: var(
          --_ctm-mob-lt-dn-gp-bn-is,
          var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
        );
      }

      .items__container {
        .dropdown__container {
          .est__dropdown__main {
            .est__dropdown {
              .est__dropdown__button {
                .value__selected {
                  color: none !important;
                  border: 0px !important;
                  border-radius: 0px !important;
                  padding: 0px !important;
                  background-color: transparent;
                }

                .list {
                  width: var(
                    --_ctm-mob-lt-dn-wh,
                    var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))
                  ) !important;
                  gap: var(
                    --_ctm-mob-lt-dn-gp-bn-is,
                    var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
                  );
                  justify-content: flex-start;
                  align-items: flex-start;
                  height: auto;
                  display: flex;
                  justify-content: space-between;
                }
              }
            }
          }
        }
      }
    }
  }
}