// UOM Selector styles for addProductsTab context // This partial is imported inside [data-element-type="addProductsTab"] // // CSS variable path prefix: // design.productPanelDesign.uomSelectorDesign.uomDesign.* // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-dn-* // // design.productPanelDesign.uomSelectorDesign.uomLayout.* // → --_ctm-[mob/tab]-dn-pt-pl-dn-um-sr-dn-um-lt-* .uom__selector { width: 100%; .uom__container { width: 100%; // uomTitleStyle .each__wraper { background-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-bd-cr) ) ); border-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-cr) ) ); border-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-se) ) ); border-width: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-wh) ) ); border-radius: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-br-rs) ) ); box-shadow: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-ae) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-br) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-sd) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-sw-cr) ) ); white-space: nowrap; padding: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-pg) ) ); .each { color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-cr) ) ); font-family: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-fy) ) ); text-transform: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-tm) ) ); word-wrap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-wp) ) ); word-break: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-wd-bk) ) ); font-size: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se) ) ); font-weight: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-wt) ) ); font-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ft-se-ic) ) ); text-align: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-tt-an) ) ); letter-spacing: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-lr-sg) ) ); line-height: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-le-ht) ) ); text-decoration: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-um-te-se-ue) ) ); } } // productPrice .price__wraper { background-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-bd-cr) ) ); border-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-cr) ) ); border-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-se) ) ); border-width: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-wh) ) ); border-radius: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-br-rs) ) ); box-shadow: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-ae) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-br) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-sd) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-sw-cr) ) ); white-space: nowrap; padding: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-pg) ) ); .price { color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-cr) ) ); font-family: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-fy) ) ); text-transform: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-tm) ) ); word-wrap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-wp) ) ); word-break: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-wd-bk) ) ); font-size: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se) ) ); font-weight: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-wt) ) ); font-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ft-se-ic) ) ); text-align: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-tt-an) ) ); letter-spacing: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-lr-sg) ) ); line-height: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-le-ht) ) ); text-decoration: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pt-pe-ue) ) ); } } // actualPrice .actual__price__wraper { background-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-bd-cr) ) ); border-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-cr) ) ); border-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-se) ) ); border-width: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-wh) ) ); border-radius: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-br-rs) ) ); box-shadow: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-ae) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-br) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-sd) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-sw-cr) ) ); white-space: nowrap; padding: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-pg) ) ); .actual__price { color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-cr) ) ); font-family: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-fy) ) ); text-transform: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-tm) ) ); word-wrap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-wp) ) ); word-break: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-wd-bk) ) ); font-size: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se) ) ); font-weight: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-wt) ) ); font-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ft-se-ic) ) ); text-align: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-tt-an) ) ); letter-spacing: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-lr-sg) ) ); line-height: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-le-ht) ) ); text-decoration: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-al-pe-ue) ) ); } } // savings .saving__amount__wraper { background-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-bd-cr) ) ); border-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-cr) ) ); border-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-se) ) ); border-width: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-wh) ) ); border-radius: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-br-rs) ) ); box-shadow: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-ae) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-br) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-sd) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-sw-cr) ) ); white-space: nowrap; padding: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-pg) ) ); .saving__amount { color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-cr) ) ); font-family: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-fy) ) ); text-transform: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-tm) ) ); word-wrap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-wp) ) ); word-break: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-wd-bk) ) ); font-size: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se) ) ); font-weight: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-wt) ) ); font-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ft-se-ic) ) ); text-align: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-tt-an) ) ); letter-spacing: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-lr-sg) ) ); line-height: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-le-ht) ) ); text-decoration: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-ss-ue) ) ); } } // pricePerUnit .units__wraper { background-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-bd-cr) ) ); border-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-cr) ) ); border-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-se) ) ); border-width: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-wh) ) ); border-radius: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-br-rs) ) ); box-shadow: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-ae) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-br) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-sd) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-sw-cr) ) ); white-space: nowrap; padding: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-pg) ) ); .units { color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-cr) ) ); font-family: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-fy) ) ); text-transform: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-tm) ) ); word-wrap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-wp) ) ); word-break: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-wd-bk) ) ); font-size: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se) ) ); font-weight: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-wt) ) ); font-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ft-se-ic) ) ); text-align: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-tt-an) ) ); letter-spacing: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-lr-sg) ) ); line-height: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-le-ht) ) ); text-decoration: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-pe-pr-ut-ue) ) ); } } .stack { display: flex; flex-direction: column; // itemStyle.defaultState .item { display: flex; align-items: center; justify-content: center; flex-direction: column; white-space: nowrap; gap: 4px; flex-shrink: 0; cursor: pointer; padding: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-vl-pg) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-hl-pg) ) ); background-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-bd-cr) ) ); border-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-cr) ) ); border-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-se) ) ); border-width: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-wh) ) ); border-radius: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-br-rs) ) ); box-shadow: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-ae) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-br) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-sd) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-dt-se-sw-cr) ) ); } // itemStyle.selectedState .active { display: flex; justify-content: center; flex-direction: column; gap: 4px; cursor: pointer; padding: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-vl-pg) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-hl-pg) ) ); background-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-bd-cr) ) ); border-color: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-cr) ) ); border-style: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-se) ) ); border-width: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-wh) ) ); border-radius: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-br-rs) ) ); box-shadow: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-ae) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-br) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-sd) ) ) var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-dn-im-se-sd-se-sw-cr) ) ); .off__price { font-size: 12px; display: flex; justify-content: space-around; gap: 10px; align-items: center; } } .off__price { font-size: 12px; display: flex; justify-content: space-around; gap: 10px; align-items: center; } // layout.itemSpacing .horizontal { display: flex; flex-direction: row; flex-wrap: wrap; overflow-y: auto; gap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg) ) ); &:not([data-overflow-items="Wrap"]) { flex-wrap: nowrap; .item { min-width: 120px; } } &[data-overflow-items="None"] { overflow: hidden; } } .vertical { display: flex; flex-direction: column; overflow-y: auto; row-gap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg) ) ); .item { flex-direction: row; justify-content: space-between; align-items: center; .right__side__content { display: flex; gap: 20px; align-items: center; div { display: flex; gap: 1px; flex-direction: column; justify-content: right; align-items: center; } } } } .grid { display: grid; grid-template-columns: repeat( var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-is-pr-rw) ) ), minmax(auto, 1fr) ); gap: var( --_ctm-mob-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg, var( --_ctm-tab-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg, var(--_ctm-dn-pt-pl-dn-um-sr-dn-um-lt-im-sg) ) ); .item { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; cursor: pointer; } } } } }