@use "sass:map";
@use "sass:list";
$activeElementSelector: "[data-has-clicked='true']";
$root: "flex__buy";
$sfKey: "--_flex-buy-";
$tabHeader: "#{$root}__header";
$tabHeaderWrapper: "#{$tabHeader}__wrapper";
$tabBody: "#{$root}__body";
$tabBodyWrapper: #{$tabBody}__wrapper;

[data-div-type="element"] {
  &[data-element-type="buyForWithTabs"] {
    &[data-div-type="cms-buy-for-with-tabs-wrapper"] {
      background-color: var(--_base-white);
    }
    width: calc(
      1% *
        var(
          --_ctm-mob-buy-ele-nw-wh-vl,
          var(--_ctm-tab-buy-ele-nw-wh-vl, var(--_ctm-buy-ele-nw-wh-vl, auto))
        )
    );
    margin: var(
      --_ctm-mob-buy-lt-mn,
      var(--_ctm-tab-buy-lt-mn, var(--_ctm-buy-lt-mn, var(--_ctm-lt-mn)))
    );

    & > div {
      &.wrapper {
        width: 100%;
        padding: var(--_ctm-mob-buy-lt-pg, var(--_ctm-tab-buy-lt-pg, var(--_ctm-buy-lt-pg)));

        background-color: var(
          --_ctm-mob-buy-dn-tb-cr-bd-cr,
          var(--_ctm-tab-buy-dn-tb-cr-bd-cr, var(--_ctm-buy-dn-tb-cr-bd-cr))
        );
        // background-image: var(
        //   --_ctm-mob-buy-dn-bd-ie,
        //   var(--_ctm-tab-buy-dn-bd-ie, var(--_ctm-buy-dn-bd-ie))
        // );
        // background-attachment: var(
        //   --_ctm-mob-buy-dn-bd-at,
        //   var(--_ctm-tab-buy-dn-bd-at, var(--_ctm-buy-dn-bd-at))
        // );
        // background-position: var(
        //   --_ctm-mob-buy-dn-bd-pn,
        //   var(--_ctm-tab-buy-dn-bd-pn, var(--_ctm-buy-dn-bd-pn))
        // );
        // background-repeat: var(
        //   --_ctm-mob-buy-dn-bd-rt,
        //   var(--_ctm-tab-buy-dn-bd-rt, var(--_ctm-buy-dn-bd-rt))
        // );
        // background-size: var(
        //   --_ctm-mob-buy-dn-bd-se,
        //   var(--_ctm-tab-buy-dn-bd-se, var(--_ctm-buy-dn-bd-se))
        // );
        border-radius: var(
          --_hide-buy-own-border,
          var(
            --_ctm-mob-buy-dn-tb-cr-br-rs,
            var(--_ctm-tab-buy-dn-tb-cr-br-rs, var(--_ctm-buy-dn-tb-cr-br-rs))
          )
        );
        border-color: var(
          --_hide-buy-own-border,
          var(
            --_ctm-mob-buy-dn-tb-cr-br-cr,
            var(--_ctm-tab-buy-dn-tb-cr-br-cr, var(--_ctm-buy-dn-tb-cr-br-cr))
          )
        );
        border-style: var(
          --_hide-buy-own-border,
          var(
            --_ctm-mob-buy-dn-tb-cr-br-se,
            var(--_ctm-tab-buy-dn-tb-cr-br-se, var(--_ctm-buy-dn-tb-cr-br-se))
          )
        );
        border-width: var(
          --_hide-buy-own-border,
          var(
            --_ctm-mob-buy-dn-tb-cr-br-wh,
            var(--_ctm-tab-buy-dn-tb-cr-br-wh, var(--_ctm-buy-dn-tb-cr-br-wh))
          )
        );
        box-shadow: var(
          --_hide-buy-own-shadow,
          var(
              --_ctm-mob-buy-dn-tb-cr-sw-ae,
              var(--_ctm-tab-buy-dn-tb-cr-sw-ae, var(--_ctm-buy-dn-tb-cr-sw-ae))
            )
            var(
              --_ctm-mob-buy-dn-tb-cr-sw-br,
              var(--_ctm-tab-buy-dn-tb-cr-sw-br, var(--_ctm-buy-dn-tb-cr-sw-br))
            )
            var(
              --_ctm-mob-buy-dn-tb-cr-sw-sd,
              var(--_ctm-tab-buy-dn-tb-cr-sw-sd, var(--_ctm-buy-dn-tb-cr-sw-sd))
            )
            var(
              --_ctm-mob-buy-dn-tb-cr-sw-cr,
              var(--_ctm-tab-buy-dn-tb-cr-sw-cr, var(--_ctm-buy-dn-tb-cr-sw-cr))
            )
        );

        display: var(--_d-flex) !important;
        min-height: var(
          --_ctm-mob-buy-lt-ht,
          var(--_ctm-tab-buy-lt-ht, var(--_ctm-buy-lt-ht))
        ) !important;
        flex-direction: var(#{$sfKey}fd, column);

        &.hrz {
          #{$sfKey}fd: column;
          #{$sfKey}fd-header: row;
          #{$sfKey}fd-jst: var(
            --_ctm-mob-buy-lt-jy-ct,
            var(--_ctm-tab-buy-lt-jy-ct, var(--_ctm-buy-lt-jy-ct))
          );
        }
        &.vtl {
          #{$sfKey}fd: row;
          #{$sfKey}fd-header: column;
          #{$sfKey}fd-algn: var(
            --_ctm-mob-buy-lt-an-is,
            var(--_ctm-tab-buy-lt-an-is, var(--_ctm-buy-lt-an-is))
          );
        }

        & > div {
          &.#{$tabHeader} {
            display: var(--_d-flex);
            border-bottom: 1px solid var(--_gray-200);
            margin-bottom: 16px;
            width: 1200px;
            margin: 0 auto;

            &[data-hs-br="false"] {
              --_hide-btn-border: none;
            }
            &[data-hs-bs="false"] {
              --_hide-btn-shadow: none;
            }
            &[data-tl-vl="stretched"] {
              --_sf-tl-vl-al: space-between;
            }
            & > .#{$tabHeaderWrapper} {
              --_sf-gap-vl: var(
                --_ctm-mob-buy-lt-tb-sg,
                var(--_ctm-tab-buy-lt-tb-sg, var(--_ctm-buy-lt-tb-sg))
              );
              width: 100%;
              display: var(--_d-flex);
              flex-direction: var(#{$sfKey}fd-header, row);
              &:is(.vtl *) {
                justify-content: var(--_sf-tl-vl-al, var(#{$sfKey}fd-algn));
                row-gap: var(--_sf-gap-vl);
              }
              &:is(.hrz *) {
                justify-content: var(--_sf-tl-vl-al, var(#{$sfKey}fd-jst));
                column-gap: var(--_sf-gap-vl);

                &[data-ovf-vl="wrap"] {
                  flex-wrap: wrap;
                  margin: 0 auto;
                }
                &[data-ovf-vl="no wrap"] {
                  overflow-x: auto;
                  scrollbar-width: none;
                }
              }

              & > button {
                flex-basis: 33.3%;
                display: var(--_d-flex);
                padding-inline: var(
                  --_ctm-mob-buy-lt-hl-pg,
                  var(--_ctm-tab-buy-lt-hl-pg, var(--_ctm-buy-lt-hl-pg))
                );
                padding-block: var(
                  --_ctm-mob-buy-lt-vl-pg,
                  var(--_ctm-tab-buy-lt-vl-pg, var(--_ctm-buy-lt-vl-pg))
                );
                background-color: var(
                  --_sf-buy-sd-bg-cr,
                  var(
                    --_sf-buy-hr-bg-cr,
                    var(
                      --_ctm-mob-buy-dn-ts-bd-cr,
                      var(--_ctm-tab-buy-dn-ts-bd-cr, var(--_ctm-buy-dn-ts-bd-cr))
                    )
                  )
                );

                border-color: var(
                  --_hide-btn-border,
                  var(
                    --_sf-buy-sd-br-cr,
                    var(
                      --_sf-buy-hr-br-cr,
                      var(
                        --_ctm-mob-buy-dn-ts-br-cr,
                        var(--_ctm-tab-buy-dn-ts-br-cr, var(--_ctm-buy-dn-ts-br-cr))
                      )
                    )
                  )
                );
                border-style: var(
                  --_hide-btn-border,
                  var(
                    --_sf-buy-sd-br-sty,
                    var(
                      --_sf-buy-hr-br-sty,
                      var(
                        --_ctm-mob-buy-dn-ts-br-se,
                        var(--_ctm-tab-buy-dn-ts-br-se, var(--_ctm-buy-dn-ts-br-se))
                      )
                    )
                  )
                );
                border-width: var(
                  --_hide-btn-border,
                  var(
                    --_sf-buy-sd-br-wt,
                    var(
                      --_sf-buy-hr-br-wt,
                      var(
                        --_ctm-mob-buy-dn-ts-br-wh,
                        var(--_ctm-tab-buy-dn-ts-br-wh, var(--_ctm-buy-dn-ts-br-wh))
                      )
                    )
                  )
                );
                border-radius: var(
                  --_sf-buy-sd-br-rs,
                  var(
                    --_sf-buy-hr-br-rs,
                    var(
                      --_ctm-mob-buy-dn-ts-br-rs,
                      var(--_ctm-tab-buy-dn-ts-br-rs, var(--_ctm-buy-dn-ts-br-rs))
                    )
                  )
                );

                box-shadow: var(
                  --_hide-btn-shadow,
                  var(
                      --_sf-buy-sd-sw-ae,
                      var(
                        --_sf-buy-hr-sw-ae,
                        var(
                          --_ctm-mob-buy-dn-tb-cr-sw-ae,
                          var(--_ctm-tab-buy-dn-tb-cr-sw-ae, var(--_ctm-buy-dn-tb-cr-sw-ae))
                        )
                      )
                    )
                    var(
                      --_sf-buy-sd-sw-br,
                      var(
                        --_sf-buy-hr-sw-br,
                        var(
                          --_ctm-mob-buy-dn-tb-cr-sw-br,
                          var(--_ctm-tab-buy-dn-tb-cr-sw-br, var(--_ctm-buy-dn-tb-cr-sw-br))
                        )
                      )
                    )
                    var(
                      --_sf-buy-sd-sw-sd,
                      var(
                        --_sf-buy-hr-sw-sd,
                        var(
                          --_ctm-mob-buy-dn-tb-cr-sw-sd,
                          var(--_ctm-tab-buy-dn-tb-cr-sw-sd, var(--_ctm-buy-dn-tb-cr-sw-sd))
                        )
                      )
                    )
                    var(
                      --_sf-buy-sd-sw-cr,
                      var(
                        --_sf-buy-hr-sw-cr,
                        var(
                          --_ctm-mob-buy-dn-tb-cr-sw-cr,
                          var(--_ctm-tab-buy-dn-tb-cr-sw-cr, var(--_ctm-buy-dn-tb-cr-sw-cr))
                        )
                      )
                    )
                );

                &[data-is-active="true"] {
                  --_sf-buy-sd-bg-cr: var(
                    --_ctm-mob-buy-dn-ts-sd-se-bd-cr,
                    var(--_ctm-tab-buy-dn-ts-sd-se-bd-cr, var(--_ctm-buy-dn-ts-sd-se-bd-cr))
                  );

                  --_sf-buy-sd-br-cr: var(
                    --_ctm-mob-buy-dn-ts-sd-se-br-cr,
                    var(--_ctm-tab-buy-dn-ts-sd-se-br-cr, var(--_ctm-buy-dn-ts-sd-se-br-cr))
                  );
                  --_sf-buy-sd-br-wt: var(
                    --_ctm-mob-buy-dn-ts-sd-se-br-wh,
                    var(--_ctm-tab-buy-dn-ts-sd-se-br-wh, var(--_ctm-buy-dn-ts-sd-se-br-wh))
                  );
                  --_sf-buy-sd-br-sty: var(
                    --_ctm-mob-buy-dn-ts-sd-se-br-se,
                    var(--_ctm-tab-buy-dn-ts-sd-se-br-se, var(--_ctm-buy-dn-ts-sd-se-br-se))
                  );
                  --_sf-buy-sd-br-rs: var(
                    --_ctm-mob-buy-dn-ts-sd-se-br-rs,
                    var(--_ctm-tab-buy-dn-ts-sd-se-br-rs, var(--_ctm-buy-dn-ts-sd-se-br-rs))
                  );
                  --_sf-buy-sd-sw-ae: var(
                    --_ctm-mob-buy-dn-ts-sd-se-sw-ae,
                    var(--_ctm-tab-buy-dn-ts-sd-se-sw-ae, var(--_ctm-buy-dn-ts-sd-se-sw-ae))
                  );
                  --_sf-buy-sd-sw-cr: var(
                    --_ctm-mob-buy-dn-ts-sd-se-sw-cr,
                    var(--_ctm-tab-buy-dn-ts-sd-se-sw-cr, var(--_ctm-buy-dn-ts-sd-se-sw-cr))
                  );
                  --_sf-buy-sd-sw-sd: var(
                    --_ctm-mob-buy-dn-ts-sd-se-sw-sd,
                    var(--_ctm-tab-buy-dn-ts-sd-se-sw-sd, var(--_ctm-buy-dn-ts-sd-se-sw-sd))
                  );
                  --_sf-buy-sd-sw-br: var(
                    --_ctm-mob-buy-dn-ts-sd-se-sw-br,
                    var(--_ctm-tab-buy-dn-ts-sd-se-sw-br, var(--_ctm-buy-dn-ts-sd-se-sw-br))
                  );

                  --_sf-buy-sd-ft-fy: var(
                    --_ctm-mob-buy-dn-ts-sd-se-ft-fy,
                    var(--_ctm-tab-buy-dn-ts-sd-se-ft-fy, var(--_ctm-buy-dn-ts-sd-se-ft-fy))
                  );
                  --_sf-buy-sd-tt-tm: var(
                    --_ctm-mob-buy-dn-ts-sd-se-tt-tm,
                    var(--_ctm-tab-buy-dn-ts-sd-se-tt-tm, var(--_ctm-buy-dn-ts-sd-se-tt-tm))
                  );
                  --_sf-buy-sd-wd-wp: var(
                    --_ctm-mob-buy-dn-ts-sd-se-wd-wp,
                    var(--_ctm-tab-buy-dn-ts-sd-se-wd-wp, var(--_ctm-buy-dn-ts-sd-se-wd-wp))
                  );
                  --_sf-buy-sd-wd-bk: var(
                    --_ctm-mob-buy-dn-ts-sd-se-wd-bk,
                    var(--_ctm-tab-buy-dn-ts-sd-se-wd-bk, var(--_ctm-buy-dn-ts-sd-se-wd-bk))
                  );
                  --_sf-buy-sd-ft-sz: var(
                    --_ctm-mob-buy-dn-ts-sd-se-ft-se,
                    var(--_ctm-tab-buy-dn-ts-sd-se-ft-se, var(--_ctm-buy-dn-ts-sd-se-ft-se))
                  );
                  --_sf-buy-sd-ft-cr: var(
                    --_ctm-mob-buy-dn-ts-sd-se-cr,
                    var(--_ctm-tab-buy-dn-ts-sd-se-cr, var(--_ctm-buy-dn-ts-sd-se-cr))
                  );
                  --_sf-buy-sd-ft-wt: var(
                    --_ctm-mob-buy-dn-ts-sd-se-ft-wt,
                    var(--_ctm-tab-buy-dn-ts-sd-se-ft-wt, var(--_ctm-buy-dn-ts-sd-se-ft-wt))
                  );
                  --_sf-buy-sd-ft-sty: var(
                    --_ctm-mob-buy-dn-ts-sd-se-ft-se-ic,
                    var(--_ctm-tab-buy-dn-ts-sd-se-ft-se-ic, var(--_ctm-buy-dn-ts-sd-se-ft-se-ic))
                  );
                  --_sf-buy-sd-ft-tdc: var(
                    --_ctm-mob-buy-dn-ts-sd-se-ue,
                    var(--_ctm-tab-buy-dn-ts-sd-se-ue, var(--_ctm-buy-dn-ts-sd-se-ue))
                  );
                  --_sf-buy-sd-ft-tln: var(
                    --_ctm-mob-buy-dn-ts-sd-se-tt-an,
                    var(--_ctm-tab-buy-dn-ts-sd-se-tt-an, var(--_ctm-buy-dn-ts-sd-se-tt-an))
                  );
                  --_sf-buy-sd-ft-lts: var(
                    --_ctm-mob-buy-dn-ts-sd-se-lr-sg,
                    var(--_ctm-tab-buy-dn-ts-sd-se-lr-sg, var(--_ctm-buy-dn-ts-sd-se-lr-sg))
                  );
                  --_sf-buy-sd-ft-lht: var(
                    --_ctm-mob-buy-dn-ts-sd-se-le-ht,
                    var(--_ctm-tab-buy-dn-ts-sd-se-le-ht, var(--_ctm-buy-dn-ts-sd-se-le-ht))
                  );
                }

                &:not(.active):not(:disabled) {
                  &:hover {
                    --_sf-buy-hr-bg-cr: var(
                      --_ctm-mob-buy-dn-ts-hr-se-bd-cr,
                      var(--_ctm-tab-buy-dn-ts-hr-se-bd-cr, var(--_ctm-buy-dn-ts-hr-se-bd-cr))
                    );

                    --_sf-buy-hr-br-cr: var(
                      --_ctm-mob-buy-dn-ts-hr-se-br-cr,
                      var(--_ctm-tab-buy-dn-ts-hr-se-br-cr, var(--_ctm-buy-dn-ts-hr-se-br-cr))
                    );
                    --_sf-buy-hr-br-wt: var(
                      --_ctm-mob-buy-dn-ts-hr-se-br-wh,
                      var(--_ctm-tab-buy-dn-ts-hr-se-br-wh, var(--_ctm-buy-dn-ts-hr-se-br-wh))
                    );
                    --_sf-buy-hr-br-sty: var(
                      --_ctm-mob-buy-dn-ts-hr-se-br-se,
                      var(--_ctm-tab-buy-dn-ts-hr-se-br-se, var(--_ctm-buy-dn-ts-hr-se-br-se))
                    );
                    --_sf-buy-hr-br-rs: var(
                      --_ctm-mob-buy-dn-ts-hr-se-br-rs,
                      var(--_ctm-tab-buy-dn-ts-hr-se-br-rs, var(--_ctm-buy-dn-ts-hr-se-br-rs))
                    );
                    --_sf-buy-hr-sw-ae: var(
                      --_ctm-mob-buy-dn-ts-hr-se-sw-ae,
                      var(--_ctm-tab-buy-dn-ts-hr-se-sw-ae, var(--_ctm-buy-dn-ts-hr-se-sw-ae))
                    );
                    --_sf-buy-hr-sw-cr: var(
                      --_ctm-mob-buy-dn-ts-hr-se-sw-cr,
                      var(--_ctm-tab-buy-dn-ts-hr-se-sw-cr, var(--_ctm-buy-dn-ts-hr-se-sw-cr))
                    );
                    --_sf-buy-hr-sw-sd: var(
                      --_ctm-mob-buy-dn-ts-hr-se-sw-sd,
                      var(--_ctm-tab-buy-dn-ts-hr-se-sw-sd, var(--_ctm-buy-dn-ts-hr-se-sw-sd))
                    );
                    --_sf-buy-hr-sw-br: var(
                      --_ctm-mob-buy-dn-ts-hr-se-sw-br,
                      var(--_ctm-tab-buy-dn-ts-hr-se-sw-br, var(--_ctm-buy-dn-ts-hr-se-sw-br))
                    );

                    --_sf-buy-hr-ft-fy: var(
                      --_ctm-mob-buy-dn-ts-hr-se-ft-fy,
                      var(--_ctm-tab-buy-dn-ts-hr-se-ft-fy, var(--_ctm-buy-dn-ts-hr-se-ft-fy))
                    );
                    --_sf-buy-hr-tt-tm: var(
                      --_ctm-mob-buy-dn-ts-hr-se-tt-tm,
                      var(--_ctm-tab-buy-dn-ts-hr-se-tt-tm, var(--_ctm-buy-dn-ts-hr-se-tt-tm))
                    );
                    --_sf-buy-hr-wd-wp: var(
                      --_ctm-mob-buy-dn-ts-hr-se-wd-wp,
                      var(--_ctm-tab-buy-dn-ts-hr-se-wd-wp, var(--_ctm-buy-dn-ts-hr-se-wd-wp))
                    );
                    --_sf-buy-hr-wd-bk: var(
                      --_ctm-mob-buy-dn-ts-hr-se-wd-bk,
                      var(--_ctm-tab-buy-dn-ts-hr-se-wd-bk, var(--_ctm-buy-dn-ts-hr-se-wd-bk))
                    );
                    --_sf-buy-hr-ft-sz: var(
                      --_ctm-mob-buy-dn-ts-hr-se-ft-se,
                      var(--_ctm-tab-buy-dn-ts-hr-se-ft-se, var(--_ctm-buy-dn-ts-hr-se-ft-se))
                    );
                    --_sf-buy-hr-ft-cr: var(
                      --_ctm-mob-buy-dn-ts-hr-se-cr,
                      var(--_ctm-tab-buy-dn-ts-hr-se-cr, var(--_ctm-buy-dn-ts-hr-se-cr))
                    );
                    --_sf-buy-hr-ft-wt: var(
                      --_ctm-mob-buy-dn-ts-hr-se-ft-wt,
                      var(--_ctm-tab-buy-dn-ts-hr-se-ft-wt, var(--_ctm-buy-dn-ts-hr-se-ft-wt))
                    );
                    --_sf-buy-hr-ft-sty: var(
                      --_ctm-mob-buy-dn-ts-hr-se-ft-se-ic,
                      var(--_ctm-tab-buy-dn-ts-hr-se-ft-se-ic, var(--_ctm-buy-dn-ts-hr-se-ft-se-ic))
                    );
                    --_sf-buy-hr-ft-tdc: var(
                      --_ctm-mob-buy-dn-ts-hr-se-ue,
                      var(--_ctm-tab-buy-dn-ts-hr-se-ue, var(--_ctm-buy-dn-ts-hr-se-ue))
                    );
                    --_sf-buy-hr-ft-tln: var(
                      --_ctm-mob-buy-dn-ts-hr-se-tt-an,
                      var(--_ctm-tab-buy-dn-ts-hr-se-tt-an, var(--_ctm-buy-dn-ts-hr-se-tt-an))
                    );
                    --_sf-buy-hr-ft-lts: var(
                      --_ctm-mob-buy-dn-ts-hr-se-lr-sg,
                      var(--_ctm-tab-buy-dn-ts-hr-se-lr-sg, var(--_ctm-buy-dn-ts-hr-se-lr-sg))
                    );
                    --_sf-buy-hr-ft-lht: var(
                      --_ctm-mob-buy-dn-ts-hr-se-le-ht,
                      var(--_ctm-tab-buy-dn-ts-hr-se-le-ht, var(--_ctm-buy-dn-ts-hr-se-le-ht))
                    );
                  }
                }

                &:is([data-tl-vl="stretched"] > div.#{$tabHeaderWrapper} > *) {
                  flex: 1 0 auto;
                }

                &:disabled {
                  opacity: 0.5;
                  color: var(--_thm-cs-be-se-3);
                  cursor: default;
                }

                & > span {
                  // display: var(--_d-flex);
                  width: 100%;

                  &:is(.vtl *) {
                    width: max-content;
                  }
                  // width: max-content;

                  font-family: var(
                    --_sf-buy-sd-ft-fy,
                    var(
                      --_sf-buy-hr-ft-fy,
                      var(
                        --_ctm-mob-buy-dn-ts-ft-fy,
                        var(--_ctm-tab-buy-dn-ts-ft-fy, var(--_ctm-buy-dn-ts-ft-fy))
                      )
                    )
                  );
                  text-transform: var(
                    --_sf-buy-sd-tt-tm,
                    var(
                      --_sf-buy-hr-tt-tm,
                      var(
                        --_ctm-mob-buy-dn-ts-tt-tm,
                        var(--_ctm-tab-buy-dn-ts-tt-tm, var(--_ctm-buy-dn-ts-tt-tm))
                      )
                    )
                  );
                  word-wrap: var(
                    --_sf-buy-sd-wd-wp,
                    var(
                      --_sf-buy-hr-wd-wp,
                      var(
                        --_ctm-mob-buy-dn-ts-wd-wp,
                        var(--_ctm-tab-buy-dn-ts-wd-wp, var(--_ctm-buy-dn-ts-wd-wp))
                      )
                    )
                  );
                  word-break: var(
                    --_sf-buy-sd-wd-bk,
                    var(
                      --_sf-buy-hr-wd-bk,
                      var(
                        --_ctm-mob-buy-dn-ts-wd-bk,
                        var(--_ctm-tab-buy-dn-ts-wd-bk, var(--_ctm-buy-dn-ts-wd-bk))
                      )
                    )
                  );

                  font-size: var(
                    --_sf-buy-sd-ft-sz,
                    var(
                      --_sf-buy-hr-ft-sz,
                      var(
                        --_ctm-mob-buy-dn-ts-ft-se,
                        var(--_ctm-tab-buy-dn-ts-ft-se, var(--_ctm-buy-dn-ts-ft-se))
                      )
                    )
                  );
                  color: var(
                    --_sf-buy-sd-ft-cr,
                    var(
                      --_sf-buy-hr-ft-cr,
                      var(
                        --_ctm-mob-buy-dn-ts-cr,
                        var(--_ctm-tab-buy-dn-ts-cr, var(--_ctm-buy-dn-ts-cr))
                      )
                    )
                  );
                  font-weight: var(
                    --_sf-buy-sd-ft-wt,
                    var(
                      --_sf-buy-hr-ft-wt,
                      var(
                        --_ctm--mob-buy-dn-ts-ft-wt,
                        var(--_ctm-tab-buy-dn-ts-ft-wt, var(--_ctm-buy-dn-ts-ft-wt))
                      )
                    )
                  );
                  font-style: var(
                    --_sf-buy-sd-ft-sty,
                    var(
                      --_sf-buy-hr-ft-sty,
                      var(
                        --_ctm-mob-buy-dn-ts-ft-se-ic,
                        var(--_ctm-tab-buy-dn-ts-ft-se-ic, var(--_ctm-buy-dn-ts-ft-se-ic, normal))
                      )
                    )
                  );
                  text-decoration: var(
                    --_sf-buy-sd-ft-tdc,
                    var(
                      --_sf-buy-hr-ft-tdc,
                      var(
                        --_ctm-mob-buy-dn-ts-ue,
                        var(--_ctm-tab-buy-dn-ts-ue, var(--_ctm-buy-dn-ts-ue))
                      )
                    )
                  );
                  // text-align: var(
                  //   --_sf-buy-sd-ft-tln,
                  //   var(
                  //     --_sf-buy-hr-ft-tln,
                  //     var(
                  //       --_ctm-mob-buy-dn-ts-tt-an,
                  //       var(--_ctm-tab-buy-dn-ts-tt-an, var(--_ctm-buy-dn-ts-tt-an))
                  //     )
                  //   )
                  // );
                  text-align: center;
                  letter-spacing: var(
                    --_sf-buy-sd-ft-lts,
                    var(
                      --_sf-buy-hr-ft-lts,
                      var(
                        --_ctm-mob-buy-dn-ts-lr-sg,
                        var(--_ctm-tab-buy-dn-ts-lr-sg, var(--_ctm-buy-dn-ts-lr-sg))
                      )
                    )
                  );
                  line-height: var(
                    --_sf-buy-sd-ft-lht,
                    var(
                      --_sf-buy-hr-ft-lht,
                      var(
                        --_ctm-mob-buy-dn-ts-le-ht,
                        var(--_ctm-tab-buy-dn-ts-le-ht, var(--_ctm-buy-dn-ts-le-ht))
                      )
                    )
                  );
                }
              }
            }
          }

          &.#{$tabBody} {
            display: var(--_d-flex);
            flex: 1 1 auto;
            margin-top: 24px;
            height: 100%;

            & > div {
              &.#{$tabBodyWrapper} {
                display: var(--_d-grid);
                grid-template-columns: 100%;
                grid-template-rows: 100%;
                width: 100%;
              }
            }
          }
        }
      }
    }

    // &[data-view-state="full"] {
    //   width: auto;
    //   margin: 0;
    //   justify-self: stretch !important;
    //   align-self: stretch !important;
    //   cursor: auto;
    //   &:is(#{$activeElementSelector}) {
    //     & > div {
    //       &[data-div-type="wrapper__layer"] {
    //         --_sf-vt-zz: visible;
    //         --_sf-op-zz: 1;
    //       }
    //     }
    //   }
    // }
  }
}