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

[data-div-type="element"] {
  &[data-element-type="searchResultsHeading"] {
    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)))
          )
      )
    );
    height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));

    // aspect-ratio: 1 / var(--_sf-aspect-ratio);
    position: relative;

    & > .wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

    .search__results__heading__section {
      display: flex;
      align-items: center;
      cursor: pointer;
      gap: 8px;
      .search__results__heading {
        position: relative;
        .search__results__count {
          color: var(
            --_ctm-mob-dn-sh-rs-nr-cr,
            var(--_ctm-tab-dn-sh-rs-nr-cr, var(--_ctm-dn-sh-rs-nr-cr))
          );
          font-family: var(
            --_ctm-mob-dn-sh-rs-nr-ft-fy,
            var(--_ctm-tab-dn-sh-rs-nr-ft-fy, var(--_ctm-dn-sh-rs-nr-ft-fy))
          );
          text-transform: var(
            --_ctm-mob-dn-sh-rs-nr-tt-tm,
            var(--_ctm-tab-dn-sh-rs-nr-tt-tm, var(--_ctm-dn-sh-rs-nr-tt-tm))
          );
          word-wrap: var(
            --_ctm-mob-dn-sh-rs-nr-wd-wp,
            var(--_ctm-tab-dn-sh-rs-nr-wd-wp, var(--_ctm-dn-sh-rs-nr-wd-wp))
          );
          word-break: var(
            --_ctm-mob-dn-sh-rs-nr-wd-bk,
            var(--_ctm-tab-dn-sh-rs-nr-wd-bk, var(--_ctm-dn-sh-rs-nr-wd-bk))
          );
          font-size: var(
            --_ctm-mob-dn-sh-rs-nr-ft-se,
            var(--_ctm-tab-dn-sh-rs-nr-ft-se, var(--_ctm-dn-sh-rs-nr-ft-se))
          );
          font-weight: var(
            --_ctm-mob-dn-sh-rs-nr-ft-wt,
            var(--_ctm-tab-dn-sh-rs-nr-ft-wt, var(--_ctm-dn-sh-rs-nr-ft-wt))
          );
          font-style: var(
            --_ctm-mob-dn-sh-rs-nr-ft-se-ic,
            var(--_ctm-tab-dn-sh-rs-nr-ft-se-ic, var(--_ctm-dn-sh-rs-nr-ft-se-ic))
          );
          text-align: var(
            --_ctm-mob-dn-sh-rs-nr-tt-an,
            var(--_ctm-tab-dn-sh-rs-nr-tt-an, var(--_ctm-dn-sh-rs-nr-tt-an))
          );
          letter-spacing: var(
            --_ctm-mob-dn-sh-rs-nr-lr-sg,
            var(--_ctm-tab-dn-sh-rs-nr-lr-sg, var(--_ctm-dn-sh-rs-nr-lr-sg))
          );
          line-height: var(
            --_ctm-mob-dn-sh-rs-nr-le-ht,
            var(--_ctm-tab-dn-sh-rs-nr-le-ht, var(--_ctm-dn-sh-rs-nr-le-ht))
          );
          text-decoration: var(
            --_ctm-mob-dn-sh-rs-nr-ue,
            var(--_ctm-tab-dn-sh-rs-nr-ue, var(--_ctm-dn-sh-rs-nr-ue))
          );
          border-color: var(
            --_ctm-mob-dn-sh-rs-nr-br-cr,
            var(--_ctm-tab-dn-sh-rs-nr-br-cr, var(--_ctm-dn-sh-rs-nr-br-cr))
          );
          border-radius: var(
            --_ctm-mob-dn-sh-rs-nr-br-rs,
            var(--_ctm-tab-dn-sh-rs-nr-br-rs, var(--_ctm-dn-sh-rs-nr-br-rs))
          );
          background-color: var(
            --_ctm-mob-dn-sh-rs-nr-bd-cr,
            var(--_ctm-tab-dn-sh-rs-nr-bd-cr, var(--_ctm-dn-sh-rs-nr-bd-cr))
          );
          border-style: var(
            --_ctm-mob-dn-sh-rs-nr-br-se,
            var(--_ctm-tab-dn-sh-rs-nr-br-se, var(--_ctm-dn-sh-rs-nr-br-se))
          );
          border-width: var(
            --_ctm-mob-dn-sh-rs-nr-br-wh,
            var(--_ctm-tab-dn-sh-rs-nr-br-wh, var(--_ctm-dn-sh-rs-nr-br-wh))
          );
          box-shadow: var(
            --_show-text-content-shadow,
            var(
                --_ctm-mob-dn-sh-rs-nr-sw-ae,
                var(--_ctm-tab-dn-sh-rs-nr-sw-ae, var(--_ctm-dn-sh-rs-nr-sw-ae))
              )
              var(
                --_ctm-mob-dn-sh-rs-nr-sw-br,
                var(--_ctm-tab-dn-sh-rs-nr-sw-br, var(--_ctm-dn-sh-rs-nr-sw-br))
              )
              var(
                --_ctm-mob-dn-sh-rs-nr-sw-sd,
                var(--_ctm-tab-dn-sh-rs-nr-sw-sd, var(--_ctm-dn-sh-rs-nr-sw-sd))
              )
              var(
                --_ctm-mob-dn-sh-rs-nr-sw-cr,
                var(--_ctm-tab-dn-sh-rs-nr-sw-cr, var(--_ctm-dn-sh-rs-nr-sw-cr))
              )
          );
        }

        .search__other__text {
          color: var(--_ctm-mob-dn-or-tt-cr, var(--_ctm-tab-dn-or-tt-cr, var(--_ctm-dn-or-tt-cr)));
          font-family: var(
            --_ctm-mob-dn-or-tt-ft-fy,
            var(--_ctm-tab-dn-or-tt-ft-fy, var(--_ctm-dn-or-tt-ft-fy))
          );
          text-transform: var(
            --_ctm-mob-dn-or-tt-tt-tm,
            var(--_ctm-tab-dn-or-tt-tt-tm, var(--_ctm-dn-or-tt-tt-tm))
          );
          word-wrap: var(
            --_ctm-mob-dn-or-tt-wd-wp,
            var(--_ctm-tab-dn-or-tt-wd-wp, var(--_ctm-dn-or-tt-wd-wp))
          );
          word-break: var(
            --_ctm-mob-dn-or-tt-wd-bk,
            var(--_ctm-tab-dn-or-tt-wd-bk, var(--_ctm-dn-or-tt-wd-bk))
          );
          font-size: var(
            --_ctm-mob-dn-or-tt-ft-se,
            var(--_ctm-tab-dn-or-tt-ft-se, var(--_ctm-dn-or-tt-ft-se))
          );
          font-weight: var(
            --_ctm-mob-dn-or-tt-ft-wt,
            var(--_ctm-tab-dn-or-tt-ft-wt, var(--_ctm-dn-or-tt-ft-wt))
          );
          font-style: var(
            --_ctm-mob-dn-or-tt-ft-se-ic,
            var(--_ctm-tab-dn-or-tt-ft-se-ic, var(--_ctm-dn-or-tt-ft-se-ic))
          );
          text-align: var(
            --_ctm-mob-dn-or-tt-tt-an,
            var(--_ctm-tab-dn-or-tt-tt-an, var(--_ctm-dn-or-tt-tt-an))
          );
          letter-spacing: var(
            --_ctm-mob-dn-or-tt-lr-sg,
            var(--_ctm-tab-dn-or-tt-lr-sg, var(--_ctm-dn-or-tt-lr-sg))
          );
          line-height: var(
            --_ctm-mob-dn-or-tt-le-ht,
            var(--_ctm-tab-dn-or-tt-le-ht, var(--_ctm-dn-or-tt-le-ht))
          );
          text-decoration: var(
            --_ctm-mob-dn-or-tt-ue,
            var(--_ctm-tab-dn-or-tt-ue, var(--_ctm-dn-or-tt-ue))
          );
          background-color: var(
            --_ctm-mob-dn-or-tt-bd-cr,
            var(--_ctm-tab-dn-or-tt-bd-cr, var(--_ctm-dn-or-tt-bd-cr))
          );
          border-color: var(
            --_ctm-mob-dn-or-tt-br-cr,
            var(--_ctm-tab-dn-or-tt-br-cr, var(--_ctm-dn-or-tt-br-cr))
          );
          border-style: var(
            --_ctm-mob-dn-or-tt-br-se,
            var(--_ctm-tab-dn-or-tt-br-se, var(--_ctm-dn-or-tt-br-se))
          );
          border-width: var(
            --_ctm-mob-dn-or-tt-br-wh,
            var(--_ctm-tab-dn-or-tt-br-wh, var(--_ctm-dn-or-tt-br-wh))
          );
          border-radius: var(
            --_ctm-mob-dn-or-tt-br-rs,
            var(--_ctm-tab-dn-or-tt-br-rs, var(--_ctm-dn-or-tt-br-rs))
          );
          box-shadow: var(
            --_show-text-content-shadow,
            var(
                --_ctm-mob-dn-or-tt-sw-ae,
                var(--_ctm-tab-dn-or-tt-sw-ae, var(--_ctm-dn-or-tt-sw-ae))
              )
              var(
                --_ctm-mob-dn-or-tt-sw-br,
                var(--_ctm-tab-dn-or-tt-sw-br, var(--_ctm-dn-or-tt-sw-br))
              )
              var(
                --_ctm-mob-dn-or-tt-sw-sd,
                var(--_ctm-tab-dn-or-tt-sw-sd, var(--_ctm-dn-or-tt-sw-sd))
              )
              var(
                --_ctm-mob-dn-or-tt-sw-cr,
                var(--_ctm-tab-dn-or-tt-sw-cr, var(--_ctm-dn-or-tt-sw-cr))
              )
          );
        }

        .search__keyword__text {
          color: var(--_ctm-mob-dn-sh-kd-cr, var(--_ctm-tab-dn-sh-kd-cr, var(--_ctm-dn-sh-kd-cr)));
          font-family: var(
            --_ctm-mob-dn-sh-kd-ft-fy,
            var(--_ctm-tab-dn-sh-kd-ft-fy, var(--_ctm-dn-sh-kd-ft-fy))
          );
          text-transform: var(
            --_ctm-mob-dn-sh-kd-tt-tm,
            var(--_ctm-tab-dn-sh-kd-tt-tm, var(--_ctm-dn-sh-kd-tt-tm))
          );
          word-wrap: var(
            --_ctm-mob-dn-sh-kd-wd-wp,
            var(--_ctm-tab-dn-sh-kd-wd-wp, var(--_ctm-dn-sh-kd-wd-wp))
          );
          word-break: var(
            --_ctm-mob-dn-sh-kd-wd-bk,
            var(--_ctm-tab-dn-sh-kd-wd-bk, var(--_ctm-dn-sh-kd-wd-bk))
          );
          font-size: var(
            --_ctm-mob-dn-sh-kd-ft-se,
            var(--_ctm-tab-dn-sh-kd-ft-se, var(--_ctm-dn-sh-kd-ft-se))
          );
          font-weight: var(
            --_ctm-mob-dn-sh-kd-ft-wt,
            var(--_ctm-tab-dn-sh-kd-ft-wt, var(--_ctm-dn-sh-kd-ft-wt))
          );
          font-style: var(
            --_ctm-mob-dn-sh-kd-ft-se-ic,
            var(--_ctm-tab-dn-sh-kd-ft-se-ic, var(--_ctm-dn-sh-kd-ft-se-ic))
          );
          text-align: var(
            --_ctm-mob-dn-sh-kd-tt-an,
            var(--_ctm-tab-dn-sh-kd-tt-an, var(--_ctm-dn-sh-kd-tt-an))
          );
          letter-spacing: var(
            --_ctm-mob-dn-sh-kd-lr-sg,
            var(--_ctm-tab-dn-sh-kd-lr-sg, var(--_ctm-dn-sh-kd-lr-sg))
          );
          line-height: var(
            --_ctm-mob-dn-sh-kd-le-ht,
            var(--_ctm-tab-dn-sh-kd-le-ht, var(--_ctm-dn-sh-kd-le-ht))
          );
          text-decoration: var(
            --_ctm-mob-dn-sh-kd-ue,
            var(--_ctm-tab-dn-sh-kd-ue, var(--_ctm-dn-sh-kd-ue))
          );
          background-color: var(
            --_ctm-mob-dn-sh-kd-bd-cr,
            var(--_ctm-tab-dn-sh-kd-bd-cr, var(--_ctm-dn-sh-kd-bd-cr))
          );
          border-color: var(
            --_ctm-mob-dn-sh-kd-br-cr,
            var(--_ctm-tab-dn-sh-kd-br-cr, var(--_ctm-dn-sh-kd-br-cr))
          );
          border-style: var(
            --_ctm-mob-dn-sh-kd-br-se,
            var(--_ctm-tab-dn-sh-kd-br-se, var(--_ctm-dn-sh-kd-br-se))
          );
          border-width: var(
            --_ctm-mob-dn-sh-kd-br-wh,
            var(--_ctm-tab-dn-sh-kd-br-wh, var(--_ctm-dn-sh-kd-br-wh))
          );
          border-radius: var(
            --_ctm-mob-dn-sh-kd-br-rs,
            var(--_ctm-tab-dn-sh-kd-br-rs, var(--_ctm-dn-sh-kd-br-rs))
          );
          box-shadow: var(
            --_show-text-content-shadow,
            var(
                --_ctm-mob-dn-sh-kd-sw-ae,
                var(--_ctm-tab-dn-sh-kd-sw-ae, var(--_ctm-dn-sh-kd-sw-ae))
              )
              var(
                --_ctm-mob-dn-sh-kd-sw-br,
                var(--_ctm-tab-dn-sh-kd-sw-br, var(--_ctm-dn-sh-kd-sw-br))
              )
              var(
                --_ctm-mob-dn-sh-kd-sw-sd,
                var(--_ctm-tab-dn-sh-kd-sw-sd, var(--_ctm-dn-sh-kd-sw-sd))
              )
              var(
                --_ctm-mob-dn-sh-kd-sw-cr,
                var(--_ctm-tab-dn-sh-kd-sw-cr, var(--_ctm-dn-sh-kd-sw-cr))
              )
          );
        }
      }
    }

    .search__results__count[data-show-shadow="false"],
    .search__other__text[data-show-shadow="false"],
    .search__keyword__text[data-show-shadow="false"] {
      --_show-text-content-shadow: none;
    }
  }
}