@sc-360-v2/storefront-cms-library 0.5.73 → 0.5.75

package/dist/employee-bulk-order.scss

@@ -18,7 +18,6 @@
   height: 100%;
   width: 100%;
   overflow: auto;
-
   .employee-products {
     font-weight: 600;
     font-size: 14px;
@@ -28,10 +27,8 @@
     align-items: center;
     justify-content: right;
     padding-left: 30px;
-
     .products_header {
       width: 100%;
-
       .hr_line {
         position: relative;
         text-align: center;
@@ -40,7 +37,6 @@
         font-size: 24px;
         z-index: -1;
         width: 100%;
-
         &::before {
           content: "";
           position: absolute;
@@ -48,11 +44,9 @@
           left: 0;
           width: 100%;
           height: 1px;
-          background: var(--_gray-200);
-          /* line color */
+          background: var(--_gray-200); /* line color */
           z-index: -1;
         }
-
         span {
           padding: 8px 12px;
           display: inline-block;
@@ -62,12 +56,10 @@
       }
     }
   }
-
   .employee-content-section {
     display: flex;
     height: calc(100% - 70px);
     width: 100%;
-
     .employees-section-title {
       writing-mode: vertical-rl;
       transform: rotate(180deg);
@@ -81,7 +73,6 @@
       top: 0;
       height: 100%;
       position: relative;
-
       &:before,
       &:after {
         content: "";
@@ -91,27 +82,21 @@
         position: relative;
         left: -10px;
       }
-
       &:before {
         top: -14px;
       }
-
       &:after {
         top: 14px;
       }
-
       .title {
         background: #ffffff;
         height: max-content;
       }
     }
-
     .employee-content {
       width: calc(100% - 29px);
       display: flex;
-
       .em_content {
-
         // display: flex;
         .add-entity-section {
           width: 250px;
@@ -121,7 +106,6 @@
           border-bottom: none;
           border-right: none;
           border-radius: 6px;
-
           .svg_icon {
             position: absolute;
             display: flex;
@@ -132,22 +116,18 @@
             justify-content: center;
             border-radius: 50%;
             cursor: pointer;
-
             svg {
               path {
                 stroke: #fff;
               }
             }
           }
-
           .em_add-product {
             position: absolute;
             right: 0;
-
             .dropdown-with-input-section {
               border: 0;
               background-color: transparent;
-
               .dropdown-input-section {
                 width: 0;
                 height: 0;
@@ -159,44 +139,36 @@
                 }
               }
             }
-
             .svg_icon {
               right: -10px;
               top: -10px;
             }
           }
-
           .em_add-employee {
             position: absolute;
             bottom: 0;
-
             .dropdown-with-input-section {
               border: 0;
               background-color: transparent;
-
               &:focus-within {
                 border: 0;
                 outline: 0;
               }
             }
-
             .dropdown-menu {
               top: 38px;
             }
-
             .svg_icon {
               left: -10px;
               bottom: -10px;
             }
           }
-
           .em_add-product-disabled {
             pointer-events: none;
             opacity: 0.5;
             cursor: default;
           }
         }
-
         .employees-section {
           height: calc(100% - 88px);
           overflow: auto;
@@ -211,24 +183,19 @@
             gap: 12px;
             border-bottom: 1px solid var(--_gray-200);
             cursor: pointer;
-
             &:not(&.selected):hover {
               background-color: var(--_primary-25);
             }
-
             &:first-child {
               border-top: 1px solid var(--_gray-200);
             }
-
             // height: 112px;
             width: 100%;
-
             .em_data {
               display: flex;
               // align-items: baseline;
               gap: 10px;
               margin-bottom: 6px;
-
               .em_profile {
                 width: 32px;
                 height: 32px;
@@ -241,33 +208,27 @@
                 font-weight: 600;
                 flex-shrink: 0;
                 overflow: hidden;
-
                 img {
                   max-width: 100%;
                   max-height: 100%;
                   object-fit: contain;
                 }
               }
-
               .em_info {
                 display: grid;
                 gap: 4px;
-
                 .em_name_section {
                   display: flex;
                   align-items: center;
-
                   .em_name {
                     width: 158px;
                     color: var(--_gray-900);
                     font-size: 14px;
                     font-weight: 600;
                   }
-
                   .svg_icon {
                     display: flex;
                     cursor: pointer;
-
                     &:hover {
                       svg path {
                         stroke: var(--_error-700);
@@ -275,49 +236,41 @@
                     }
                   }
                 }
-
                 .em_code {
                   width: 158px;
                   color: var(--_gray-600);
                   font-size: 12px;
                 }
               }
-
               .em_profile_text {
                 width: 100%;
                 text-align: center;
               }
             }
-
             .em_entity-status {
               display: flex;
               gap: 10px;
               margin-left: 14px;
               margin-top: 12px;
             }
-
             .emp_action_btns {
               display: flex;
               gap: 8px;
               margin-top: 12px;
-
               .discard_btn {
                 padding: 8px 16px;
                 border-radius: 4px;
                 width: 100%;
-
                 &:hover {
                   background-color: var(--_gray-200);
                 }
               }
-
               .save_btn {
                 padding: 8px 16px;
                 border-radius: 4px;
                 width: 100%;
                 color: var(--_primary-400);
                 border: 1px solid var(--_primary-400);
-
                 &:hover {
                   background-color: var(--_primary-50);
                 }
@@ -325,12 +278,10 @@
             }
           }
         }
-
         .employee_card.selected {
           background: var(--_primary-50);
           border-bottom: 2px solid var(--_primary-400);
         }
-
         .em_empty_section {
           width: 100%;
           height: 100%;
@@ -341,7 +292,6 @@
           border-top: 1px solid var(--_gray-200);
         }
       }
-
       .products-section {
         width: calc(100% - 250px);
         height: 100%;
@@ -349,7 +299,6 @@
         border-right: 0;
         display: flex;
         overflow-x: auto;
-
         .em_product {
           min-width: 320px;
           width: 320px;
@@ -359,38 +308,31 @@
           border-top: 0;
           display: flex;
           flex-direction: column;
-
           &:hover {
             box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
           }
-
           .em_product-data {
             width: 100%;
             border-bottom: 1px solid var(--_gray-200);
-
             .em_product-info {
               border-bottom: 1px solid var(--_gray-200);
               height: 68px;
-
               .product-card {
                 display: grid;
                 width: 100%;
                 gap: 8px;
                 grid-template-columns: 40px auto;
-
                 .image-section {
                   border-radius: 50%;
                   width: 32px;
                   height: 32px;
                   overflow: hidden;
                   background: var(--_gray-100);
-
                   img {
                     width: 100%;
                     border-radius: 2px;
                   }
                 }
-
                 .product-card-info {
                   display: flex;
                   justify-content: space-between;
@@ -398,32 +340,27 @@
                   gap: 12px;
                   width: 100%;
                 }
-
                 .info-section {
                   display: flex;
                   flex-direction: column;
                   justify-content: center;
-
                   .header {
                     width: 100%;
                     display: flex;
                     align-items: center;
                     justify-content: space-between;
                     position: relative;
-
                     .product-name {
                       font-weight: 600;
                       font-size: 16px;
                       color: #1a1a1a;
                     }
                   }
-
                   .em_p_code_s {
                     display: flex;
                     gap: 4px;
                     font-size: 12px;
                   }
-
                   .item-number,
                   .quota {
                     font-size: 14px;
@@ -436,10 +373,8 @@
                     margin-left: 4px;
                   }
                 }
-
                 .svg_icon {
                   cursor: pointer;
-
                   &:hover {
                     svg path {
                       stroke: var(--_error-700);
@@ -448,31 +383,26 @@
                 }
               }
             }
-
             .selecte_variants_for_cart {
               height: 68px;
               overflow: auto;
               padding: 8px;
               color: var(--_gray-600);
-
               .variant_info {
                 display: flex;
                 justify-content: center;
                 align-items: center;
                 height: 100%;
                 border-radius: 4px;
-
                 &:has(.error) {
                   color: var(--_gray-400);
                   background-color: var(--_base-white);
                 }
-
                 &.error {
                   color: var(--_error-700);
                   background-color: var(--_error-50);
                 }
               }
-
               .variantOptionValues {
                 height: 24px;
                 color: #475467;
@@ -483,17 +413,14 @@
                 align-items: center;
                 padding: 4px 8px;
                 cursor: pointer;
-
                 &.active_vr {
                   background-color: var(--_primary-25);
                   color: var(--_primary-500);
                   border-radius: 4px !important;
                   line-height: 14px;
                 }
-
                 &:hover {
                   color: var(--_primary-400);
-
                   .variantOptionValues_actions {
                     opacity: 1;
                   }
@@ -504,22 +431,18 @@
                     }
                   }
                 }
-
                 .variantOptionValues_text {
                   width: calc(100% - 40px);
                   padding-right: 4px;
                 }
-
                 .variantOptionValues_actions {
                   display: flex;
                   gap: 8px;
                   align-items: center;
                   // width: 40px;
                   opacity: 0;
-
                   .svg_icon {
                     display: flex;
-
                     svg {
                       width: 18px;
                       height: 18px;
@@ -528,23 +451,19 @@
                 }
               }
             }
-
             .em_product-variant,
             .em_product-info {
               // height: 50%;
               padding: 8px;
             }
-
             .em_product-variant {
               height: 68px;
-
               .em_variant-status {
                 display: flex;
                 gap: 10px;
               }
             }
           }
-
           .validation-info {
             background-color: var(--_error-50);
             color: var(--_error-700);
@@ -553,7 +472,6 @@
             padding-block: 4px 6px;
             margin-top: -1px;
           }
-
           .em_pr_actions {
             display: flex;
             justify-content: end;
@@ -562,21 +480,17 @@
             align-items: center;
             border-bottom: 1px solid #d0d5dd;
             padding: 0 12px;
-
             .action {
               font-size: 14px;
               cursor: pointer;
             }
-
             .discard {
               color: #475467;
             }
-
             .save {
               color: #243dc6;
             }
           }
-
           .qty_exist_info {
             background-color: var(--_warning-50);
             color: var(--_warning-500);
@@ -584,7 +498,6 @@
             text-align: center;
             border-bottom: 1px solid var(--_warning-200);
           }
-
           .product-option-details {
             height: calc(100% - 214px);
             width: 100%;
@@ -592,20 +505,16 @@
             padding: 8px;
             flex-grow: 1;
             overflow-y: auto;
-
             .em_product_options {
               display: flex;
               flex-direction: column;
               gap: 12px;
-
               .em_p_variant_options {
                 display: flex;
                 flex-direction: column;
                 gap: 16px;
-
                 .em_p_opt {
                   margin-bottom: 4px;
-
                   .em_opt_name {
                     font-size: 12px;
                     color: #101828;
@@ -613,7 +522,6 @@
                     display: block;
                     margin-bottom: 6px;
                   }
-
                   .em_p_opt_values {
                     display: flex;
                     gap: 8px;
@@ -622,25 +530,21 @@
 
                     .em_opt_val {
                       cursor: pointer;
-
                       &:hover {
                         // scale: 1.01;
                         transition: all 0.2s;
                       }
                     }
-
                     .em_opt_val.selected {
                       border: 1px solid var(--_primary-400);
                       color: var(--_primary-400);
                       font-weight: 600;
                     }
-
                     .em_opt_val.not-avl {
                       position: relative;
                       overflow: hidden;
                       cursor: not-allowed;
                       pointer-events: none;
-
                       &:after {
                         content: "";
                         width: 100%;
@@ -654,7 +558,6 @@
                         overflow: hidden;
                       }
                     }
-
                     .em_opt_val_swatch {
                       min-width: 28px;
                       min-height: 28px;
@@ -666,7 +569,6 @@
                       display: flex;
                       align-items: center;
                       justify-content: center;
-
                       &.selected {
                         min-width: 45px;
                         border-radius: 20px;
@@ -674,7 +576,6 @@
                         border: 2px solid var(--_base-white);
                       }
                     }
-
                     .em_opt_val_single {
                       min-width: 32px;
                       min-height: 32px;
@@ -691,7 +592,6 @@
                       align-items: center;
                       justify-content: center;
                     }
-
                     .em_opt_val_single.selected {
                       background: var(--_primary-25);
                     }
@@ -704,14 +604,12 @@
               }
             }
           }
-
           .product-qty-section {
             height: 56.74px;
             display: flex;
             gap: 8px;
             padding: 8px;
             border-top: 1px solid #dde0e6;
-
             input {
               height: 100%;
               width: 50%;
@@ -721,13 +619,11 @@
               font-weight: 600;
               font-size: 16px;
               color: #101828;
-
               &:focus {
                 border: 1px solid var(--_primary-300);
                 outline: 2px solid var(--_primary-100);
               }
             }
-
             .add_to_cart_btn_for_employee_bulk {
               height: 100%;
               width: 50%;
@@ -735,18 +631,15 @@
               border-radius: 4px;
               color: var(--_base-white);
               font-size: 16px;
-
               &:hover {
                 background-color: var(--_primary-500);
               }
             }
           }
-
           .invalid_qty {
             border: #f51605 1px solid !important;
           }
         }
-
         .invalid_em_pr {
           border: #f51605 1px solid !important;
         }
@@ -759,13 +652,11 @@
     display: flex;
     justify-content: right;
     gap: 12px;
-
     .employee_product_action {
       padding: 12px 16px;
       color: var(--_gray-600);
       border-radius: 6px;
       cursor: pointer;
-
       &:hover {
         background-color: var(--_primary-25);
       }
@@ -786,13 +677,11 @@
   .icon_with_label_section {
     display: flex;
     gap: 4px;
-
     .svg_icon {
       svg path {
         stroke: var(--_primary-400);
       }
     }
-
     .label_elm {
       color: var(--_primary-400);
       font-size: 14px;
@@ -806,7 +695,6 @@
       height: 100%;
       width: 100%;
       background-color: var(--_gray-50);
-
       .em_quota_container {
         display: flex;
         flex-direction: column;
@@ -861,7 +749,6 @@
             align-items: center;
             gap: 4px;
             color: #444;
-
             &:not(:last-child):after {
               content: "";
               display: inline-block;
@@ -900,7 +787,6 @@
             display: flex;
             align-items: center;
             flex-wrap: wrap;
-
             svg {
               display: flex;
             }
@@ -916,14 +802,11 @@
             .user-item {
               display: flex;
               align-items: center;
-
-              &>span {
+              & > span {
                 display: inline-block;
                 margin-right: 4px;
               }
-
               color: #555;
-
               &:not(:last-child):after {
                 content: "";
                 display: inline-block;
@@ -940,7 +823,6 @@
               }
             }
           }
-
           .user-info-right {
             .save-btn {
               padding: 8px 16px;
@@ -957,7 +839,6 @@
             padding: 6px;
             border-radius: 4px;
             color: var(--_gray-600);
-
             &:hover {
               background: var(--_error-50);
               color: var(--_error-700);
@@ -1078,10 +959,8 @@
             }
           }
         }
-
         // employee checkout flow end
       }
-
       .em_chk_container {
         display: flex;
         gap: 24px;
@@ -1094,7 +973,6 @@
         .chk_section {
           // emp checkout started
           width: calc(100% - 400px);
-
           .chk_checkout_accordion {
             display: flex;
             padding: var(--_ctm-lt-pg);
@@ -1116,19 +994,15 @@
               // gap: var(--_ctm-lt-an-hg-ad-ve-gp);
               flex-direction: column;
               transition: max-height 800ms ease-in;
-
               &.open {
                 transition: max-height 800ms ease-in;
-
                 .accordion-header {
                   background-color: var(--_gray-200);
                 }
-
                 .accordion-body {
                   transition: max-height 800ms ease-in;
                   max-height: 2000px;
                   padding-block: 12px 24px;
-
                   .shipping-address {
                     max-height: fit-content;
                     transition: max-height 800ms ease-in;
@@ -1162,7 +1036,6 @@
                     display: flex;
                   }
                 }
-
                 .edit-btn {
                   cursor: pointer;
                   color: var(--_primary-400);
@@ -1180,7 +1053,6 @@
                 max-height: 0px;
                 overflow: hidden;
                 padding: 0;
-
                 // shipping address
                 .shipping-address {
                   transition: max-height 800ms ease-in;
@@ -1191,7 +1063,6 @@
 
                   .btn_link {
                     color: var(--_primary-400);
-
                     &:hover {
                       text-decoration: underline;
                     }
@@ -1219,7 +1090,6 @@
                     align-items: center;
                     font-weight: 600;
                     color: var(--_gray-900);
-
                     .icon {
                       display: flex;
                       align-items: center;
@@ -1286,7 +1156,6 @@
                     font-size: 12px;
                     color: #ff0000;
                   }
-
                   label {
                     display: flex;
                     align-items: center;
@@ -1332,7 +1201,7 @@
                     }
                   }
 
-                  input[type="checkbox"]:checked+label {
+                  input[type="checkbox"]:checked + label {
                     .custom-checkbox {
                       background-color: #004dff;
                       border-color: #004dff;
@@ -1483,17 +1352,14 @@
                     svg {
                       width: var(--_ctm-dn-me-sg-as-dn-dd-in-in-se);
                       height: var(--_ctm-dn-me-sg-as-dn-dd-in-in-se);
-
                       path {
                         stroke: var(--_ctm-dn-me-sg-as-dn-dd-in-in-c1);
                         // Overrides the stroke-width presentation attribute baked into the icon markup.
                         stroke-width: prepareMediaVariable(--_ctm-dn-me-sg-as-dn-dd-in-se-wh, 1.25);
                       }
                     }
-
                     &:hover {
                       cursor: pointer;
-
                       svg {
                         path {
                           stroke: var(--_error-700);
@@ -1501,7 +1367,6 @@
                       }
                     }
                   }
-
                   .chk_shiping_address_form_input {
                     padding: 8px 12px;
                     width: -webkit-fill-available;
@@ -1591,15 +1456,14 @@
                       width: 20px;
                       margin-right: 12px;
                       height: 20px;
-                      border: 1px solid transparent;
-                      /* blue ring */
+                      border: 1px solid transparent; /* blue ring */
                       border-radius: 50%;
                       display: inline-block;
                       box-sizing: border-box;
                       background-color: white;
                       transition: all 0.2s ease;
 
-                      input[type="radio"]:checked+.radio-style {
+                      input[type="radio"]:checked + .radio-style {
                         background-color: var(--_thm-py-bs-dt-se-bd-cr);
                         border: 6px solid;
                       }
@@ -1638,7 +1502,6 @@
 
                     .custom_radio {
                       position: relative;
-
                       input[type="radio"] {
                         margin-right: 12px;
                         width: 16px;
@@ -1647,7 +1510,6 @@
                         cursor: pointer;
                         display: none;
                       }
-
                       .radio-style {
                         width: 20px;
                         height: 20px;
@@ -1658,8 +1520,7 @@
                         box-sizing: border-box;
                         transition: all 0.2s;
                       }
-
-                      input[type="radio"]:checked+.radio-style {
+                      input[type="radio"]:checked + .radio-style {
                         background-color: var(--_base-white);
                         border: 5px solid var(--_thm-py-bs-dt-se-br-cr);
                       }
@@ -1675,7 +1536,6 @@
                   .order_level_shipping {
                     display: flex;
                     gap: 24px;
-
                     .order_level_shipping_img {
                       width: 120px;
                       height: 120px;
@@ -1690,12 +1550,10 @@
                   display: flex;
                   flex-direction: column;
                   gap: var(--_ctm-lt-pt-os-gp-bn-cs);
-
                   .gift_crd_chk_payment_option {
                     border: 1px solid var(--_gray-300);
                     border-radius: 4px;
                     margin-bottom: 12px;
-
                     .add_gift_card {
                       display: flex;
                       gap: 12px;
@@ -1719,7 +1577,6 @@
                           font-weight: 600;
                         }
                       }
-
                       .gc_tertiary_btn {
                         color: var(--_primary-400);
 
@@ -1729,26 +1586,21 @@
                         }
                       }
                     }
-
                     .chk_gft_crd_wrapper {
                       display: flex;
                       justify-content: space-between;
                       align-items: center;
                       padding: 16px;
-
-                      &>button {
+                      & > button {
                         color: var(--_primary-400);
-
                         &:hover {
                           text-decoration: underline;
                         }
                       }
-
                       &_item {
                         display: flex;
                         align-items: center;
                         gap: 16px;
-
                         &_icon {
                           width: 40px;
                           height: 40px;
@@ -1758,35 +1610,28 @@
                           justify-content: center;
                           align-items: center;
                         }
-
                         &_info {
                           display: flex;
                           flex-direction: column;
-
                           &_title {
                             font-size: 14px;
                             margin-bottom: 4px;
                             font-weight: 600;
                           }
-
                           &_desc {
                             display: flex;
-
                             &_value {
                               font-size: 12px;
                               color: var(--_gray-600);
                             }
-
                             &_label {
                               font-size: 12px;
                               color: var(--_gray-900);
                             }
                           }
                         }
-
                         &_pin {
                           margin-left: 36px;
-
                           input[type="number"] {
                             border: 1px solid var(--_gray-300);
                             border-radius: 4px;
@@ -1794,12 +1639,10 @@
                             width: 95px;
                             height: 44px;
                             padding-inline: 10px;
-
                             &:disabled {
                               opacity: 0.8;
                               cursor: not-allowed;
                             }
-
                             &:focus {
                               outline: 2px solid var(--_primary-100);
                               border: 1px solid var(--_primary-300);
@@ -1818,17 +1661,14 @@
                         align-items: center;
                         gap: 8px;
                         padding-left: 10px;
-
                         input[type="number"] {
                           background-color: var(--_base-white);
                           padding-right: 10px;
-
                           &:disabled {
                             opacity: 0.8;
                             cursor: not-allowed;
                           }
                         }
-
                         &:focus-within {
                           outline: 2px solid var(--_primary-100);
                           border: 1px solid var(--_primary-300);
@@ -1836,9 +1676,7 @@
                       }
                     }
                   }
-
                   .payment_program {
-
                     // padding: 0 12px;
                     .payment_program_header {
                       display: flex;
@@ -1852,19 +1690,16 @@
                         display: flex;
                         justify-content: space-between;
                         align-items: center;
-
                         &_title {
                           font-size: 14px;
                           font-weight: 600;
                           color: var(--_gray-600);
                         }
-
                         .payment_program_header_pds {
                           &_label {
                             font-size: 14px;
                             color: var(--_gray-600);
                           }
-
                           &_value {
                             font-size: 14px;
                             color: var(--_gray-900);
@@ -1891,41 +1726,34 @@
                         display: flex;
                         justify-content: space-between;
                         gap: 8px;
-
                         &:not(:first-child) {
                           border-top: 1px solid var(--_gray-200);
                         }
-
                         .pp_ppm_section_label {
                           font-size: 14px;
                           font-weight: 700;
                           color: var(--_gray-900);
                         }
-
                         .pp_ppm_section_value {
                           font-size: 14px;
                           font-weight: 700;
                           color: var(--_gray-600);
-
                           .pp_ppm_section_value_lable {
                             font-weight: 500;
                             color: var(--_gray-500);
                           }
                         }
                       }
-
                       .payment_methods {
                         // padding: 12px;
                         display: grid;
                         gap: 8px;
-
                         .chk_payment_option {
                           .chk_payment_options_heading {
                             padding: 16px;
                             display: flex;
                             justify-content: space-between;
                           }
-
                           .chk_payment_section_wrapper {
                             width: 100%;
                             display: flex;
@@ -1937,35 +1765,28 @@
                               justify-content: space-between;
                               align-items: center;
                               width: 100%;
-
                               .chk_payment_section_col_left {
                                 display: flex;
                                 gap: 12px;
-
                                 svg {
                                   width: 24px;
                                   height: 24px;
                                 }
-
                                 .chk_payment_section_method {
                                   display: flex;
                                   flex-direction: column;
-
                                   .chk_payment_section_method_name {
                                     font-size: 14px;
                                     font-weight: 700;
                                     line-height: 20px;
                                     color: var(--_gray-700);
                                   }
-
-                                  &>div {
+                                  & > div {
                                     display: flex;
-
                                     .label {
                                       font-size: 12px;
                                       color: var(--_gray-500);
                                     }
-
                                     .price {
                                       font-size: 12px;
                                       color: var(--_gray-900);
@@ -1973,7 +1794,6 @@
                                   }
                                 }
                               }
-
                               &_col_right {
                                 .chk_currency_inp {
                                   height: 44px;
@@ -1986,15 +1806,12 @@
                                   align-items: center;
                                   padding-inline: 12px;
                                   gap: 12px;
-
                                   &:focus-within {
                                     border: 1px solid var(--_primary-200);
                                     outline: 2px solid var(--_primary-50);
                                   }
-
                                   input {
                                     height: inherit;
-
                                     &:disabled {
                                       opacity: 0.8;
                                       cursor: not-allowed;
@@ -2018,31 +1835,24 @@
                               justify-content: space-between;
                               gap: 80px;
                               padding: 16px;
-
                               .chk_pmnt_other_options_left_container {
                                 display: flex;
                                 gap: 12px;
-
                                 .chk_pmnt_option_info_wrapper {
                                   display: flex;
                                   gap: 12px;
-
                                   .cards {
                                     display: flex;
                                     flex-direction: column;
                                     gap: 8px;
-
                                     .chk_payment_options_name {
                                       font-weight: 600;
                                     }
-
                                     span {
                                       font-size: 12px;
-
                                       .chk_payment_options_label {
                                         color: var(--_gray-600);
                                       }
-
                                       .chk_payment_options_value {
                                         color: var(--_gray-900);
                                       }
@@ -2050,7 +1860,6 @@
                                   }
                                 }
                               }
-
                               .chk_pmnt_other_options_container {
                                 padding: 16px;
                               }
@@ -2071,7 +1880,6 @@
                               display: flex;
                               gap: 12px;
                               align-items: flex-start;
-
                               .chk_payment_option__info_wrapper {
                                 display: flex;
                                 gap: 0px;
@@ -2179,15 +1987,12 @@
                             }
                           }
                         }
-
                         .add_new_credit_card {
                           padding: 16px 16px 0px 16px;
                           display: flex;
                           justify-content: space-between;
-
                           .cc_tertiary_btn {
                             color: var(--_primary-400);
-
                             &:hover {
                               text-decoration: underline;
                             }
@@ -2211,48 +2016,39 @@
                             align-items: center;
                             padding-inline: 12px;
                             gap: 12px;
-
                             &:focus-within {
                               border: 1px solid var(--_primary-200);
                               outline: 2px solid var(--_primary-50);
                             }
-
                             input {
                               height: inherit;
                             }
                           }
-
                           .chk_payment_cred_section_col_left {
                             .chk_payment_cred_section_col_left_crd_details {
                               display: flex;
                               gap: 80px;
                               align-items: center;
-
-                              &>div {
+                              & > div {
                                 display: flex;
                                 gap: 12px;
-
                                 .card_icon {
                                   width: 60px;
                                   height: 40px;
                                   border-radius: 4px;
                                 }
-
                                 .card_details {
                                   .card_details_num {
                                     font-size: 12px;
                                     font-weight: 600;
                                     color: var(--_gray-900);
                                   }
-
-                                  &>div {
+                                  & > div {
                                     display: flex;
-
                                     .card_details_label {
                                       font-size: 12px;
                                       color: var(--_gray-500);
                                     }
-
                                     .card_details_value {
                                       font-size: 12px;
                                       color: var(--_gray-900);
@@ -2267,7 +2063,6 @@
                         .chk_payment_remove_card {
                           padding-inline: 16px;
                           margin-bottom: 16px;
-
                           .error_msg {
                             font-size: 12px;
                             color: var(--_error-700);
@@ -2282,7 +2077,10 @@
                     display: flex;
                     flex-direction: column;
                     background-color: var(--_base-white);
-                    box-shadow: var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-ae) var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-br) var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-sd) var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-cr);
+                    box-shadow: var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-ae)
+                      var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-br)
+                      var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-sd)
+                      var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-cr);
 
                     &_form_container {
                       border-radius: var(--_ctm-dn-pt-os-cr-dn-br-rs);
@@ -2296,7 +2094,6 @@
                       font-size: 16px;
                       color: var(--_gray-900);
                       font-weight: 600;
-
                       &.pl_0 {
                         padding-left: 0px;
                       }
@@ -2330,7 +2127,6 @@
                         letter-spacing: var(--_ctm-dn-sg-md-dn-hg-dn-lr-sg);
                         text-decoration: var(--_ctm-dn-sg-md-dn-hg-dn-ue);
                       }
-
                       .icon {
                         cursor: pointer;
                       }
@@ -2444,7 +2240,7 @@
                       }
                     }
 
-                    input[type="checkbox"]:checked+label {
+                    input[type="checkbox"]:checked + label {
                       .custom-checkbox {
                         background-color: #004dff;
                         border-color: #004dff;
@@ -2486,10 +2282,8 @@
                     justify-content: space-between;
                     border-bottom: 1px solid var(--_gray-100);
                     font-weight: 600;
-
                     .gc_tertiary_btn {
                       color: var(--_primary-400);
-
                       &:hover {
                         text-decoration: underline;
                       }
@@ -2505,21 +2299,17 @@
                       border-bottom: 1px solid var(--_gray-200);
                       display: flex;
                       justify-content: space-between;
-
                       .payment_options_heading {
                         font-size: 14px;
                         font-weight: 600;
                       }
-
                       .chk_primary_btn_link {
                         color: var(--_primary-400);
-
                         &:hover {
                           text-decoration: underline;
                         }
                       }
                     }
-
                     // gift card styles
 
                     // .chk_gft_crd_wrapper {
@@ -2558,12 +2348,10 @@
                       justify-content: space-between;
                       align-items: center;
                       padding: 16px 16px 0 16px;
-
                       &_item {
                         display: flex;
                         align-items: center;
                         gap: 16px;
-
                         &_icon {
                           width: 40px;
                           height: 40px;
@@ -2573,35 +2361,28 @@
                           justify-content: center;
                           align-items: center;
                         }
-
                         &_info {
                           display: flex;
                           flex-direction: column;
-
                           &_title {
                             font-size: 14px;
                             margin-bottom: 4px;
                             font-weight: 600;
                           }
-
                           &_desc {
                             display: flex;
-
                             &_value {
                               font-size: 12px;
                               color: var(--_gray-600);
                             }
-
                             &_label {
                               font-size: 12px;
                               color: var(--_gray-900);
                             }
                           }
                         }
-
                         &_pin {
                           margin-left: 36px;
-
                           input[type="number"] {
                             border: 1px solid var(--_gray-300);
                             border-radius: 4px;
@@ -2609,7 +2390,6 @@
                             width: 95px;
                             height: 44px;
                             padding-inline: 10px;
-
                             &:focus {
                               outline: 2px solid var(--_primary-100);
                               border: 1px solid var(--_primary-300);
@@ -2628,12 +2408,10 @@
                         align-items: center;
                         gap: 8px;
                         padding-left: 10px;
-
                         input[type="number"] {
                           background-color: var(--_base-white);
                           padding-right: 10px;
                         }
-
                         &:focus-within {
                           outline: 2px solid var(--_primary-100);
                           border: 1px solid var(--_primary-300);
@@ -2642,7 +2420,6 @@
 
                       .chk_gft_crd_wrapper_btn {
                         color: var(--_primary-400);
-
                         &:hover {
                           text-decoration: un;
                         }
@@ -2655,31 +2432,24 @@
                       justify-content: space-between;
                       gap: 80px;
                       padding: 16px;
-
                       .chk_pmnt_other_options_left_container {
                         display: flex;
                         gap: 12px;
-
                         .chk_pmnt_option_info_wrapper {
                           display: flex;
                           gap: 12px;
-
                           .cards {
                             display: flex;
                             flex-direction: column;
                             gap: 8px;
-
                             .chk_payment_options_name {
                               font-weight: 600;
                             }
-
                             span {
                               font-size: 12px;
-
                               .chk_payment_options_label {
                                 color: var(--_gray-600);
                               }
-
                               .chk_payment_options_value {
                                 color: var(--_gray-900);
                               }
@@ -2687,7 +2457,6 @@
                           }
                         }
                       }
-
                       .chk_pmnt_other_options_container {
                         padding: 16px;
                       }
@@ -2708,8 +2477,7 @@
                       display: flex;
                       gap: 12px;
                       align-items: flex-start;
-
-                      &>div {
+                      & > div {
                         display: flex;
                         gap: 12px;
                       }
@@ -2826,7 +2594,8 @@
                   font-weight: var(--_ctm-dn-it-bx-dn-ft-wt);
                   line-height: var(--_ctm-dn-it-bx-dn-le-ht);
                   letter-spacing: var(--_ctm-dn-it-bx-dn-lr-sg);
-                  box-shadow: var(--_ctm-dn-it-bx-dn-sw-ae) var(--_ctm-dn-it-bx-dn-sw-br) var(--_ctm-dn-it-bx-dn-sw-sd) var(--_ctm-dn-it-bx-dn-sw-cr);
+                  box-shadow: var(--_ctm-dn-it-bx-dn-sw-ae) var(--_ctm-dn-it-bx-dn-sw-br)
+                    var(--_ctm-dn-it-bx-dn-sw-sd) var(--_ctm-dn-it-bx-dn-sw-cr);
                   text-align: var(--_ctm-dn-it-bx-dn-tt-an);
                   text-decoration: var(--_ctm-dn-it-bx-dn-ue);
                 }
@@ -2840,7 +2609,6 @@
                   input[type="checkbox"] {
                     display: none;
                   }
-
                   .payment_program_title {
                     font-size: 14px;
                     font-weight: 500;
@@ -2923,7 +2691,7 @@
                     }
                   }
 
-                  input[type="checkbox"]:checked+label {
+                  input[type="checkbox"]:checked + label {
                     .custom-checkbox {
                       background-color: #004dff;
                       border-color: #004dff;
@@ -2934,12 +2702,10 @@
                     }
                   }
                 }
-
                 .chk_address_actions {
                   display: flex;
                   gap: 12px;
                 }
-
                 .chk_payment-card__note {
                   padding: 8px 6px;
                   display: flex;
@@ -2953,7 +2719,6 @@
                     svg {
                       width: var(--_ctm-dn-pt-os-dn-ne-dn-in-se);
                       height: var(--_ctm-dn-pt-os-dn-ne-dn-in-se);
-
                       path {
                         stroke: var(--_ctm-dn-pt-os-dn-ne-dn-in-c1);
                         // Overrides the stroke-width presentation attribute baked into the icon markup.
@@ -3022,7 +2787,6 @@
                       &:has(.chk_saved_address_button.selected) {
                         display: flex !important;
                       }
-
                       .chk_saved_address_button {
                         display: flex;
                         align-items: center;
@@ -3046,27 +2810,22 @@
           .chk_cred_form_details {
             border-top: 1px solid var(--_gray-100);
             padding: 16px;
-
             .chk_basic_form_title {
               font-size: 14px;
               margin-bottom: 16px;
               font-weight: 600;
             }
-
             .chk_form_fields {
               h3 {
                 font-size: 14px;
                 margin-bottom: 8px;
               }
-
               display: flex;
               flex-direction: column;
               gap: 24px;
               width: 500px;
-
               .chk_form_field {
                 width: 100%;
-
                 &.expiry_details {
                   width: 80px;
                 }
@@ -3080,24 +2839,20 @@
                   font-size: 14px;
                   color: var(--_gray-600);
                 }
-
                 .chk_form_field_inp {
                   height: 40px;
                   border: 1px solid var(--_gray-300);
                   border-radius: 4px;
                   padding-inline: 10px;
-
                   &:placeholder-shown {
                     color: var(--_gray-400);
                     padding-left: 16px;
                   }
-
                   &:focus {
                     border: 1px solid var(--_primary-300);
                     outline: 2px solid var(--_primary-100);
                   }
                 }
-
                 .error_msg {
                   display: block;
                   color: var(--_error-700);
@@ -3119,7 +2874,7 @@
                   input[type="checkbox"] {
                     display: none;
 
-                    &:checked+.custom-checkbox::after {
+                    &:checked + .custom-checkbox::after {
                       opacity: 1;
                     }
                   }
@@ -3149,11 +2904,9 @@
                   }
                 }
               }
-
               .expiry_details {
                 display: flex;
                 gap: 12px;
-
                 .cvv_inp {
                   width: 110px;
                 }
@@ -3165,13 +2918,11 @@
           .chk_gift_card_details {
             border-top: 1px solid var(--_gray-300);
             padding: 16px;
-
             .chk_gift_card_form {
               display: flex;
               flex-direction: column;
               gap: 16px;
               max-width: 480px;
-
               .chk_gift_cart_form_title {
                 font-size: 14px;
                 font-weight: 600;
@@ -3181,45 +2932,37 @@
                 display: flex;
                 gap: 12px;
                 width: 100%;
-
                 .chk_gift_inp_field {
                   display: flex;
                   flex-direction: column;
                   gap: 6px;
                   width: 100%;
-
                   label {
                     color: var(--_gray-600);
                   }
-
                   .chk_gift_inp {
                     border: 1px solid var(--_gray-300);
                     border-radius: 6px;
                     height: 40px;
                     padding-inline: 10px;
-
                     &:placeholder-shown {
                       padding-left: 10px;
                       color: var(--_gray-400);
                     }
-
                     &:focus {
                       border: 1px solid var(--_primary-300);
                       outline: 2px solid var(--_primary-100);
                     }
                   }
-
                   &.pin {
                     width: 110px;
                   }
-
                   .error_msg {
                     display: block;
                     color: var(--_error-700);
                     font-size: 12px;
                   }
                 }
-
                 .error_msg {
                   color: var(--_error-700);
                   font-size: 14px;
@@ -3227,48 +2970,40 @@
               }
             }
           }
-
           .chk_form_actions {
             display: flex;
             gap: 12px;
-
             .chk_sav_btn {
               padding: 12px 16px;
               background-color: var(--_primary-400);
               border-radius: 6px;
               color: var(--_base-white);
-
               &:hover {
                 background-color: var(--_primary-500);
               }
             }
-
             .chk_can_btn {
               padding: 12px 16px;
               background-color: transparent;
               border-radius: 6px;
               color: var(--_gray-600);
               padding-inline: 10px;
-
               &:hover {
                 background-color: var(--_gray-50);
                 color: var(--_gray-900);
               }
             }
           }
-
           .tertiary_primary_btn {
             font-size: 12px;
             color: var(--_primary-400);
             display: inline-flex;
             width: fit-content;
-
             &:hover {
               color: var(--_primary-500);
               text-decoration: underline;
             }
           }
-
           .chk_primary_bnt {
             padding: 12px 24px;
             background-color: var(--_primary-400);
@@ -3276,12 +3011,10 @@
             font-weight: 600;
             border-radius: 6px;
             width: max-content;
-
             &:hover {
               background-color: var(--_primary-500);
             }
           }
-
           .chk_secondary_bnt {
             padding: 16px 24px;
             background-color: transparent;
@@ -3294,7 +3027,6 @@
               color: var(--_gray-900);
             }
           }
-
           // emp checkout end
         }
 
@@ -3325,7 +3057,6 @@
               background: #f5f5f5;
               border-bottom: 1px solid #d0d5dd;
               border-radius: 4px 4px 0 0;
-
               .icon svg {
                 path {
                   stroke: #d0d5dd;
@@ -3356,7 +3087,6 @@
               flex-direction: column;
               width: 100%;
               gap: 16px;
-
               .cart_summary_products_container {
                 display: flex;
                 width: 100%;
@@ -3391,7 +3121,6 @@
                       .cart_summary_product_content {
                         display: flex;
                         flex-direction: column;
-
                         // pt-wt-pt-qy-ft-fy
                         .cart_summary_heading_text {
                           color: var(--_gray-600);
@@ -3404,7 +3133,6 @@
                           font-weight: 400;
                           color: var(--_gray-400);
                         }
-
                         .cart_summary_qty_value {
                           font-size: 12px;
                           font-weight: 400;
@@ -3412,61 +3140,128 @@
                         }
 
                         .cart_summary_estimatedDate_text {
-                          font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy)));
-                          color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr)));
-                          font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt)));
-                          font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se)));
-                          text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue)));
-                          letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg)));
-                          line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-le-ht)));
-                          font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)));
-                          text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-tt-an)));
+                          font-family: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy)
+                            )
+                          );
+                          color: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-cr,
+                            var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr, var(--_ctm-dn-pt-wt-pt-ed-de-cr))
+                          );
+                          font-weight: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt)
+                            )
+                          );
+                          font-size: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se)
+                            )
+                          );
+                          text-decoration: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ue,
+                            var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue, var(--_ctm-dn-pt-wt-pt-ed-de-ue))
+                          );
+                          letter-spacing: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg)
+                            )
+                          );
+                          line-height: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-le-ht,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-le-ht)
+                            )
+                          );
+                          font-style: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic)
+                            )
+                          );
+                          text-align: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-tt-an,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-tt-an)
+                            )
+                          );
                         }
-
                         .cart_summary_estimatedDate_value {
-                          font-family: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)));
-                          color: var(--_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc)));
-                          font-weight: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)));
-                          font-size: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)));
-                          text-decoration: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc)));
-                          letter-spacing: var(--_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)));
-                          line-height: var(--_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)));
-                          font-style: var(--_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)));
-                          text-align: var(--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
-                              var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc,
-                                var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)));
+                          font-family: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-fy-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-fy-dc)
+                            )
+                          );
+                          color: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-cr-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-cr-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-cr-dc)
+                            )
+                          );
+                          font-weight: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-wt-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-wt-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-wt-dc)
+                            )
+                          );
+                          font-size: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-dc)
+                            )
+                          );
+                          text-decoration: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ue-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ue-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ue-dc)
+                            )
+                          );
+                          letter-spacing: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-lr-sg-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-lr-sg-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-lr-sg-dc)
+                            )
+                          );
+                          line-height: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-le-ht-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-le-ht-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-le-ht-dc)
+                            )
+                          );
+                          font-style: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-ft-se-ic-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-ft-se-ic-dc)
+                            )
+                          );
+                          text-align: var(
+                            --_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
+                            var(
+                              --_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc,
+                              var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc)
+                            )
+                          );
                         }
                       }
                     }
@@ -3496,7 +3291,6 @@
                   font-size: 16px;
                   line-height: 24px;
                   height: 40px;
-
                   &::placeholder {
                     font-size: 14px;
                   }
@@ -3516,67 +3310,57 @@
                   color: red;
                 }
               }
-
               .subtotal_wrapper {
                 display: flex;
                 align-items: center;
                 gap: 16px;
                 align-self: stretch;
                 justify-content: space-between;
-
                 .cart_summary_number_text {
                   color: #667085;
                   font-weight: 400;
                   font-size: 14px;
                   text-align: left;
                 }
-
                 .cart_summary_number_value {
                   color: #101828;
                   font-size: 14px;
                   font-weight: 600;
                 }
               }
-
               .cart_summary_content_details_wrapper {
                 display: flex;
                 flex-direction: column;
                 gap: 8px;
-
                 .cart_summary_shippingLabel_text {
                   color: #667085;
                   font-weight: 400;
                   font-size: 14px;
                   text-align: left;
                 }
-
                 .cart_summary_shippingLabel_value {
                   color: #101828;
                   font-size: 14px;
                   font-weight: 600;
                 }
-
                 .cart_summary_tax_text {
                   color: #667085;
                   font-weight: 400;
                   font-size: 14px;
                   text-align: left;
                 }
-
                 .cart_summary_tax_value {
                   color: #101828;
                   font-size: 14px;
                   font-weight: 600;
                 }
               }
-
               .cart_summary_total_wrapper {
                 display: flex;
                 flex-direction: column;
                 gap: 8px;
                 border-top: 1px dashed var(--_gray-300);
                 padding-top: 12px;
-
                 .subtotal_wrapper {
                   display: flex;
                   align-items: center;
@@ -3589,7 +3373,6 @@
                     font-weight: 600;
                     color: #101828;
                   }
-
                   .cart_summary_subTotal_value {
                     font-size: 16px;
                     font-weight: 600;
@@ -3601,7 +3384,6 @@
                     font-weight: 600;
                     color: #101828;
                   }
-
                   .cart_summary_total_value {
                     font-size: 20px;
                     font-weight: 600;
@@ -3622,12 +3404,10 @@
               font-weight: 600;
               color: var(--_gray-900);
             }
-
             .cart_summary_product_text {
               font-size: 14px;
               color: var(--_gray-600);
             }
-
             .cart_summary_secondary_text {
               color: var(--_ctm-dn-sy-tt-dn-cr);
               font-family: var(--_ctm-dn-sy-tt-dn-ft-fy);
@@ -3667,7 +3447,6 @@
                 font-weight: 600;
               }
             }
-
             .cart_summary_placeOrder_btn_wrapper {
               padding: 12px;
               width: 100%;
@@ -3680,7 +3459,6 @@
               text-align: center;
               font-size: 16px;
               font-weight: 600;
-
               &:hover {
                 padding: 12px;
                 width: 100%;
@@ -3708,7 +3486,6 @@
               text-align: center;
               font-size: 16px;
               font-weight: 600;
-
               &:hover {
                 padding: 12px;
                 width: 100%;
@@ -3729,7 +3506,6 @@
               font-size: 14px;
               font-weight: 400;
             }
-
             .coupon_code_text {
               color: #243dc6;
               font-size: 14px;
@@ -3746,11 +3522,9 @@
     &:hover {
       text-decoration: underline;
     }
-
     &.link {
       color: var(--_primary-400);
     }
-
     &.primary {
       padding: 12px 24px;
       background-color: var(--_primary-400);
@@ -3771,33 +3545,27 @@
     border-radius: 6px;
     padding: 16px;
     color: #333333;
-
     .each-order {
       border: 1px solid var(--_gray-200);
       border-radius: 8px;
       padding: 16px;
-
       .order-header {
         border-bottom: 1px solid #eaecf0;
         padding-bottom: 24px;
-
         .user-info {
           display: flex;
           flex-direction: column;
           padding-bottom: 12px;
           margin-bottom: 12px;
           border-bottom: 1px solid var(--_gray-200);
-
           h3 {
             font-size: 20px;
             font-weight: 700;
             color: var(--_gray-900);
             line-height: 30px;
             margin-bottom: 6px;
-
             span {
               margin-left: 6px;
-
               svg {
                 path {
                   stroke: #475467;
@@ -3805,35 +3573,28 @@
               }
             }
           }
-
           .user-meta-list {
             display: flex;
             align-items: center;
             gap: 12px;
-
             .meta-item {
               display: flex;
               flex-direction: row;
               align-items: center;
-
               .meta-icon {
                 display: flex;
-
                 svg {
                   width: 18px;
                   height: 18px;
                 }
-
                 padding-right: 6px;
               }
-
               .meta-text {
                 font-size: 12px;
                 font-weight: 400;
                 color: #475467;
                 line-height: 18px;
               }
-
               &:not(:first-child)::before {
                 content: "";
                 display: inline-block;
@@ -3873,26 +3634,21 @@
           flex-direction: column;
           justify-content: center;
           gap: 8px;
-
           .success_toast_header {
             display: flex;
             gap: 6px;
             align-items: center;
-
             .success__dropdown__icon {
               display: flex;
-
               svg {
                 width: 24px;
                 height: 24px;
-
                 path {
                   stroke: #099250;
                   fill: #fff;
                 }
               }
             }
-
             h2 {
               color: #101828;
               font-size: 20px;
@@ -3909,27 +3665,22 @@
           }
         }
       }
-
       .order-failed {
         background-color: var(--_error-100);
         border: 1px solid var(--_error-200);
-
         .success__dropdown__icon {
           svg path {
             stroke: var(--_error-700) !important;
           }
         }
       }
-
       .order-pending {
         background-color: #f5f6f9;
         border: 1px solid #c5d2fc;
-
         svg path {
           stroke: var(--_primary-700);
         }
       }
-
       .error_toast_message_wrapper {
         display: flex;
         justify-content: space-between;
@@ -3938,29 +3689,24 @@
         border-radius: 6px;
         border: 1px solid #fda29b;
         padding: 12px;
-
         .error_toast_message_left_section {
           display: flex;
           flex-direction: column;
           gap: 8px;
-
           .error_toast_message_header {
             display: flex;
             gap: 8px;
             align-items: center;
-
             h2 {
               color: #101828;
               font-size: 24px;
               font-weight: 600;
               line-height: 32px;
             }
-
             .error__dropdown__icon {
               svg {
                 width: 32px;
                 height: 32px;
-
                 path {
                   stroke: #d92d20;
                   fill: #ffffff;
@@ -3969,7 +3715,6 @@
               }
             }
           }
-
           p {
             color: #475467;
             font-size: 14px;
@@ -3977,7 +3722,6 @@
             line-height: 20px;
           }
         }
-
         .error_message_btn {
           background-color: #243dc6;
           color: #ffffff;
@@ -3999,7 +3743,6 @@
         display: flex;
         flex-direction: column;
         gap: 16px;
-
         .order_info_header {
           font-size: 14px;
           font-weight: 600;
@@ -4008,7 +3751,6 @@
           border: 1px solid #eaecf0;
           border-radius: 6px;
           background: #f5f5f5;
-
           span {
             font-size: 14px;
             font-weight: 600;
@@ -4016,12 +3758,10 @@
           }
         }
       }
-
       .quick-actions-section {
         display: flex;
         flex-direction: column;
         gap: 16px;
-
         .quick_actions_header {
           font-size: 14px;
           font-weight: 600;
@@ -4030,7 +3770,6 @@
           border: 1px solid #eaecf0;
           border-radius: 6px;
           background: #f5f5f5;
-
           span {
             font-size: 14px;
             font-weight: 600;
@@ -4042,7 +3781,6 @@
       .order-info {
         display: flex;
         flex-direction: column;
-
         /* space between the two rows */
         .order-row {
           display: grid;
@@ -4063,7 +3801,7 @@
           }
 
           /* Each individual info‐cell styling */
-          >div {
+          > div {
             strong {
               display: block;
               font-size: 14px;
@@ -4081,14 +3819,12 @@
               color: var(--_gray-900);
               line-height: 30px;
             }
-
             .delivery_address {
               font-size: 14px;
               font-weight: 400;
               color: var(--_gray-400);
               line-height: 20px;
             }
-
             .shipping-type {
               font-size: 14px;
               font-weight: 400;
@@ -4107,7 +3843,6 @@
               display: inline-flex;
               align-items: center;
               gap: 8px;
-
               &::before {
                 content: "";
                 display: inline-block;
@@ -4115,18 +3850,14 @@
                 height: 6px;
                 border-radius: 50%;
               }
-
               &.success {
                 background-color: var(--_success-200);
-
                 &::before {
                   background-color: var(--_success-700);
                 }
               }
-
               &.failed {
                 background-color: var(--_error-100);
-
                 &::before {
                   background-color: var(--_error-700);
                 }
@@ -4148,7 +3879,6 @@
               color: #0040c1;
               display: inline-block;
               height: 22px;
-
               &::before {
                 content: "";
                 display: inline-block;
@@ -4184,7 +3914,6 @@
         gap: 8px;
         padding: 8px;
         color: #243dc6;
-
         .action-button {
           padding: 8px;
           font-size: 14px;
@@ -4251,19 +3980,16 @@
               color: #475467;
               font-weight: 400;
             }
-
             .item-qty {
               font-size: 12px;
               font-weight: 400;
               color: #475467;
-
               span {
                 font-size: 12px;
                 font-weight: 400;
                 color: #101828;
               }
             }
-
             .estimated-delivery {
               margin: 0;
               font-size: 12px;
@@ -4289,13 +4015,11 @@
 
         .show-more-wrapper {
           margin: 32px 16px 16px 0px;
-
           button {
             padding: 12px 16px;
             color: var(--_primary-400);
             font-weight: 600;
             border-radius: 6px;
-
             &:hover {
               background-color: var(--_primary-25);
             }
@@ -4333,4 +4057,4 @@
       }
     }
   }
-}
+}