@gofynd/theme-template 3.2.10 → 3.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/components/accordion/accordion.js +1 -1
  2. package/dist/components/address-form/address-form.js +1 -1
  3. package/dist/components/address-form/form-input-selector.js +1 -1
  4. package/dist/components/address-form/v2/address-form.js +1 -1
  5. package/dist/components/bag/bag.css +433 -0
  6. package/dist/components/bag/bag.js +1 -0
  7. package/dist/components/blog-page/blog-page.js +1 -1
  8. package/dist/components/compare-product-card/compare-product-card.js +1 -1
  9. package/dist/components/filter-modal/filter-modal.css +26 -10
  10. package/dist/components/filter-modal/filter-modal.js +2 -1
  11. package/dist/components/filter-modal/filter-modal.js.LICENSE.txt +25 -0
  12. package/dist/components/form-builder/form-builder.js +1 -1
  13. package/dist/components/google-map/v2/google-map.js +1 -1
  14. package/dist/components/index.css +1 -1
  15. package/dist/components/index.js +1 -1
  16. package/dist/components/order-shipment/order-shipment.css +434 -5
  17. package/dist/components/order-shipment/order-shipment.js +1 -1
  18. package/dist/components/product-card/product-card.js +1 -1
  19. package/dist/components/profile-navigation/profile-navigation.css +1 -1
  20. package/dist/components/quantity-control/quantity-control.js +1 -1
  21. package/dist/components/range-slider/range-slider.css +26 -10
  22. package/dist/components/range-slider/range-slider.js +2 -1
  23. package/dist/components/range-slider/range-slider.js.LICENSE.txt +25 -0
  24. package/dist/components/shipment-item/shipment-item.css +434 -11
  25. package/dist/components/shipment-item/shipment-item.js +1 -1
  26. package/dist/components/shipment-tracking/shipment-tracking.js +1 -1
  27. package/dist/components/shipments-update-item/shipments-update-item.css +441 -28
  28. package/dist/components/shipments-update-item/shipments-update-item.js +1 -1
  29. package/dist/helper/hooks/index.js +1 -1
  30. package/dist/helper/hooks/useAddressAutofill.js +1 -0
  31. package/dist/index.css +674 -303
  32. package/dist/index.js +1 -1
  33. package/dist/index.js.LICENSE.txt +20 -0
  34. package/dist/page-layouts/auth/mobile-number/mobile-number.js +1 -1
  35. package/dist/page-layouts/cart/Components/chip-item/chip-image.css +411 -0
  36. package/dist/page-layouts/cart/Components/chip-item/chip-image.js +1 -0
  37. package/dist/page-layouts/cart/Components/chip-item/chip-item.css +411 -0
  38. package/dist/page-layouts/cart/Components/chip-item/chip-item.js +1 -1
  39. package/dist/page-layouts/cart/Components/coupon/coupon.js +1 -1
  40. package/dist/page-layouts/cart/Components/delivery-location/delivery-location.js +1 -1
  41. package/dist/page-layouts/compare/compare.js +1 -1
  42. package/dist/page-layouts/login/component/login-otp/login-otp.js +1 -1
  43. package/dist/page-layouts/login/component/login-password/login-password.js +1 -1
  44. package/dist/page-layouts/login/component/soacial-login-button/apple-login-button.css +373 -0
  45. package/dist/page-layouts/login/component/soacial-login-button/apple-login-button.js +1 -0
  46. package/dist/page-layouts/login/component/soacial-login-button/facebook-login-button.css +373 -0
  47. package/dist/page-layouts/login/component/soacial-login-button/facebook-login-button.js +1 -0
  48. package/dist/page-layouts/login/component/soacial-login-button/google-login-button.css +375 -0
  49. package/dist/page-layouts/login/component/soacial-login-button/google-login-button.js +1 -0
  50. package/dist/page-layouts/login/component/social-login-button/apple-login-button.js +1 -1
  51. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.js +1 -1
  52. package/dist/page-layouts/plp/Components/filter-item/filter-item.css +26 -10
  53. package/dist/page-layouts/plp/Components/filter-item/filter-item.js +2 -1
  54. package/dist/page-layouts/plp/Components/filter-item/filter-item.js.LICENSE.txt +25 -0
  55. package/dist/page-layouts/plp/Components/filter-list/filter-list.css +26 -10
  56. package/dist/page-layouts/plp/Components/filter-list/filter-list.js +2 -1
  57. package/dist/page-layouts/plp/Components/filter-list/filter-list.js.LICENSE.txt +25 -0
  58. package/dist/page-layouts/plp/Components/filter-tags/filter-tags.js +1 -1
  59. package/dist/page-layouts/single-checkout/address/single-address.js +1 -1
  60. package/dist/page-layouts/single-checkout/payment/card-form.js +1 -1
  61. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.js +1 -1
  62. package/dist/page-layouts/single-checkout/payment/checkout-payment.js +1 -1
  63. package/dist/pages/blog/blog.js +1 -1
  64. package/dist/pages/blog/index.js +1 -1
  65. package/dist/pages/cart/cart.css +411 -0
  66. package/dist/pages/cart/cart.js +1 -1
  67. package/dist/pages/cart/index.css +411 -0
  68. package/dist/pages/cart/index.js +1 -1
  69. package/dist/pages/checkout/checkout.js +1 -1
  70. package/dist/pages/checkout/index.js +1 -1
  71. package/dist/pages/edit-profile/edit-profile.js +1 -1
  72. package/dist/pages/edit-profile/index.js +1 -1
  73. package/dist/pages/index.css +729 -358
  74. package/dist/pages/index.js +1 -1
  75. package/dist/pages/index.js.LICENSE.txt +20 -0
  76. package/dist/pages/login/index.css +292 -292
  77. package/dist/pages/login/index.js +1 -1
  78. package/dist/pages/login/login.css +292 -292
  79. package/dist/pages/login/login.js +1 -1
  80. package/dist/pages/order/order-tracking-details/order-tracking-details.css +435 -16
  81. package/dist/pages/order/order-tracking-details/order-tracking-details.js +1 -1
  82. package/dist/pages/order-status/index.css +895 -6
  83. package/dist/pages/order-status/index.js +1 -1
  84. package/dist/pages/order-status/order-status.css +895 -6
  85. package/dist/pages/order-status/order-status.js +1 -1
  86. package/dist/pages/product-listing/index.css +26 -10
  87. package/dist/pages/product-listing/index.js +1 -1
  88. package/dist/pages/product-listing/index.js.LICENSE.txt +20 -0
  89. package/dist/pages/product-listing/product-listing.css +26 -10
  90. package/dist/pages/product-listing/product-listing.js +1 -1
  91. package/dist/pages/product-listing/product-listing.js.LICENSE.txt +20 -0
  92. package/dist/pages/profile/components/add-phone-modal/add-phone-modal.js +1 -1
  93. package/dist/pages/profile/phone/index.js +1 -1
  94. package/dist/pages/profile/phone/phone.js +1 -1
  95. package/dist/pages/register/index.js +1 -1
  96. package/dist/pages/register/register.js +1 -1
  97. package/dist/pages/wishlist/index.js +1 -1
  98. package/dist/pages/wishlist/wishlist.js +1 -1
  99. package/package.json +2 -1
@@ -1308,11 +1308,7 @@ h5,
1308
1308
  }
1309
1309
  .order-shipment__orderItem____zenT .order-shipment__shipmentData___sofy3 .order-shipment__shipmentLeft___o0Q0q {
1310
1310
  display: table-cell;
1311
- }
1312
- .order-shipment__orderItem____zenT .order-shipment__shipmentData___sofy3 .order-shipment__shipmentLeft___o0Q0q img {
1313
- width: 80px;
1314
- height: 100px;
1315
- object-fit: cover;
1311
+ flex-basis: 80px;
1316
1312
  }
1317
1313
  .order-shipment__orderItem____zenT .order-shipment__shipmentData___sofy3 .order-shipment__shipmentLeft___o0Q0q #order-shipment__total-item___SOgWJ {
1318
1314
  text-align: center;
@@ -1876,6 +1872,439 @@ h5,
1876
1872
  transform: rotate(180deg);
1877
1873
  }
1878
1874
 
1875
+ /**color by character**/
1876
+ /** Font family **/
1877
+ /** Font weight **/
1878
+ .bag__display-block___U_YPF {
1879
+ display: block;
1880
+ }
1881
+ .bag__inline-block___EsCVB,
1882
+ .bag__inlineBlock___mp9L4 {
1883
+ display: inline-block;
1884
+ }
1885
+ .bag__flex-row___H3VDQ {
1886
+ display: flex;
1887
+ }
1888
+ .bag__flex-column___vZxz5,
1889
+ .bag__flexColumn___PMS89 {
1890
+ display: flex;
1891
+ flex-direction: column;
1892
+ }
1893
+ .bag__flex-align-center___T8aC5,
1894
+ .bag__flexAlignCenter___LYNna {
1895
+ display: flex;
1896
+ align-items: center;
1897
+ }
1898
+ .bag__flex-justify-center___jSKCp,
1899
+ .bag__flexJustifyCenter___bjZwp {
1900
+ display: flex;
1901
+ justify-content: center;
1902
+ }
1903
+ .bag__flex-center___O2Ft5,
1904
+ .bag__flexCenter___bzHaa {
1905
+ display: flex;
1906
+ justify-content: center;
1907
+ align-items: center;
1908
+ }
1909
+ .bag__justify-start___hUS24,
1910
+ .bag__justifyStart___MdodZ {
1911
+ justify-content: flex-start;
1912
+ }
1913
+ .bag__justify-end___BxxBk,
1914
+ .bag__justifyEnd___izoJ2 {
1915
+ justify-content: flex-end;
1916
+ }
1917
+ .bag__justify-between___uaJOI,
1918
+ .bag__justifyBetween___oYcC6 {
1919
+ justify-content: space-between;
1920
+ }
1921
+ .bag__justify-around___ZUg_l,
1922
+ .bag__justifyAround___ad67N {
1923
+ justify-content: space-around;
1924
+ }
1925
+ .bag__justify-evenly___YZ1NQ,
1926
+ .bag__justifyEvenly___QBJUu {
1927
+ justify-content: space-evenly;
1928
+ }
1929
+ h1,
1930
+ .bag__h1___yv4sn {
1931
+ font-weight: 700;
1932
+ font-size: 28px;
1933
+ line-height: 42px;
1934
+ letter-spacing: -0.03em;
1935
+ color: var(--textHeading, #26201a);
1936
+ }
1937
+ @media only screen and (min-width: 769px) {
1938
+ h1,
1939
+ .bag__h1___yv4sn {
1940
+ font-size: 36px;
1941
+ line-height: 48px;
1942
+ }
1943
+ }
1944
+ h2,
1945
+ .bag__h2___Nv1Up {
1946
+ font-weight: 700;
1947
+ font-size: 28px;
1948
+ line-height: 36px;
1949
+ letter-spacing: -0.03em;
1950
+ color: var(--textHeading, #26201a);
1951
+ }
1952
+ @media only screen and (min-width: 769px) {
1953
+ h2,
1954
+ .bag__h2___Nv1Up {
1955
+ font-size: 32px;
1956
+ line-height: 42px;
1957
+ }
1958
+ }
1959
+ h3,
1960
+ .bag__h3___qasNP {
1961
+ font-weight: 700;
1962
+ letter-spacing: -0.02em;
1963
+ color: var(--textHeading, #26201a);
1964
+ font-size: 24px;
1965
+ line-height: 32px;
1966
+ }
1967
+ @media only screen and (min-width: 769px) {
1968
+ h3,
1969
+ .bag__h3___qasNP {
1970
+ font-weight: 700;
1971
+ letter-spacing: -0.02em;
1972
+ color: var(--textHeading, #26201a);
1973
+ font-size: 28px;
1974
+ line-height: 36px;
1975
+ }
1976
+ }
1977
+ h4,
1978
+ .bag__h4___Hokuw {
1979
+ font-weight: 600;
1980
+ letter-spacing: -0.02em;
1981
+ color: var(--textHeading, #26201a);
1982
+ font-size: 16px;
1983
+ line-height: 1.5;
1984
+ }
1985
+ @media only screen and (min-width: 769px) {
1986
+ h4,
1987
+ .bag__h4___Hokuw {
1988
+ font-weight: 600;
1989
+ letter-spacing: -0.02em;
1990
+ color: var(--textHeading, #26201a);
1991
+ font-size: 20px;
1992
+ line-height: 1.5;
1993
+ }
1994
+ }
1995
+ h5,
1996
+ .bag__h5___ESfMQ {
1997
+ font-weight: 600;
1998
+ font-size: 14px;
1999
+ line-height: 16px;
2000
+ letter-spacing: -0.02em;
2001
+ color: var(--textHeading, #26201a);
2002
+ }
2003
+ @media only screen and (min-width: 769px) {
2004
+ h5,
2005
+ .bag__h5___ESfMQ {
2006
+ font-size: 16px;
2007
+ line-height: 18px;
2008
+ }
2009
+ }
2010
+ .bag__b1___EZ4So {
2011
+ font-weight: 400;
2012
+ font-size: 14px;
2013
+ line-height: 18px;
2014
+ letter-spacing: -0.02em;
2015
+ color: var(--textBody, #3c3131);
2016
+ }
2017
+ @media only screen and (min-width: 769px) {
2018
+ .bag__b1___EZ4So {
2019
+ font-size: 16px;
2020
+ line-height: 20px;
2021
+ }
2022
+ }
2023
+ .bag__b-small___tjwxK,
2024
+ .bag__bSmall___DZHZ3,
2025
+ .bag__b2___E69Dc {
2026
+ font-weight: 400;
2027
+ letter-spacing: -0.02em;
2028
+ color: var(--textBody, #3c3131);
2029
+ font-size: 12px;
2030
+ line-height: 16px;
2031
+ }
2032
+ @media only screen and (min-width: 769px) {
2033
+ .bag__b-small___tjwxK,
2034
+ .bag__bSmall___DZHZ3,
2035
+ .bag__b2___E69Dc {
2036
+ font-weight: 400;
2037
+ letter-spacing: -0.02em;
2038
+ color: var(--textBody, #3c3131);
2039
+ font-size: 14px;
2040
+ line-height: 18px;
2041
+ }
2042
+ }
2043
+ .bag__d1___Lrxkl {
2044
+ font-size: 36px;
2045
+ font-weight: 700;
2046
+ line-height: 48px;
2047
+ letter-spacing: -0.02em;
2048
+ }
2049
+ @media only screen and (min-width: 769px) {
2050
+ .bag__d1___Lrxkl {
2051
+ font-size: 64px;
2052
+ line-height: 85px;
2053
+ letter-spacing: -0.03em;
2054
+ }
2055
+ }
2056
+ .bag__caption-medium___M57y8,
2057
+ .bag__captionMedium___j4lTh {
2058
+ font-size: 12px;
2059
+ line-height: 1.5;
2060
+ letter-spacing: -0.02em;
2061
+ font-weight: 500;
2062
+ }
2063
+ @media only screen and (max-width: 480px) {
2064
+ .bag__caption-medium___M57y8,
2065
+ .bag__captionMedium___j4lTh {
2066
+ font-size: 11px;
2067
+ }
2068
+ }
2069
+ .bag__caption-semi-bold___NA_Qp,
2070
+ .bag__captionSemiBold___zsquN {
2071
+ font-size: 12px;
2072
+ line-height: 1.5;
2073
+ letter-spacing: -0.02em;
2074
+ font-weight: 600;
2075
+ }
2076
+ @media only screen and (max-width: 480px) {
2077
+ .bag__caption-semi-bold___NA_Qp,
2078
+ .bag__captionSemiBold___zsquN {
2079
+ font-size: 11px;
2080
+ }
2081
+ }
2082
+ .bag__btn-link___uaItG,
2083
+ .bag__btnLink___b1JQA {
2084
+ font-weight: 500;
2085
+ letter-spacing: -0.02em;
2086
+ font-size: 12px;
2087
+ line-height: 14px;
2088
+ border-radius: var(--buttonRadius, 0px);
2089
+ cursor: pointer;
2090
+ color: var(--buttonLink, #b1655b);
2091
+ text-decoration: underline;
2092
+ background: none;
2093
+ border: none;
2094
+ }
2095
+ @media only screen and (min-width: 769px) {
2096
+ .bag__btn-link___uaItG,
2097
+ .bag__btnLink___b1JQA {
2098
+ font-weight: 500;
2099
+ letter-spacing: -0.02em;
2100
+ font-size: 14px;
2101
+ line-height: 16px;
2102
+ }
2103
+ }
2104
+ .bag__btn-link___uaItG:hover,
2105
+ .bag__btnLink___b1JQA:hover {
2106
+ color: var(--buttonLinkL1, #c1847c);
2107
+ }
2108
+ .bag__btn-link___uaItG:disabled,
2109
+ .bag__btnLink___b1JQA:disabled {
2110
+ color: var(--buttonLinkL2, #d0a39d);
2111
+ }
2112
+ .bag__btn-link___uaItG:active,
2113
+ .bag__btnLink___b1JQA:active {
2114
+ opacity: 0.8;
2115
+ }
2116
+ .bag__user-select-none___oSvos,
2117
+ .bag__userSelectNone___jEqdR {
2118
+ user-select: none;
2119
+ -moz-user-select: none;
2120
+ -webkit-user-select: none;
2121
+ -ms-user-select: none;
2122
+ }
2123
+ .bag__margin-0-auto___e_rAQ,
2124
+ .bag__margin0auto___E90Pt {
2125
+ margin: 0 auto;
2126
+ }
2127
+ .bag__base-page-container___ylIRR,
2128
+ .bag__basePageContainer___FZo_C {
2129
+ max-width: 1440px !important;
2130
+ }
2131
+ .bag__remove-scroll___Hav2e,
2132
+ .bag__removeScroll___dGbiR {
2133
+ overflow-y: hidden !important;
2134
+ }
2135
+ .bag__mr-5___y1uvv,
2136
+ .bag__mr5___pK91S {
2137
+ margin-inline-end: 30px !important;
2138
+ }
2139
+ .bag__mr-2____ZqxC,
2140
+ .bag__mr2___xpjOo {
2141
+ margin-inline-end: 5px !important;
2142
+ }
2143
+ .bag__py-5___ltsEk,
2144
+ .bag__py5___R7BsT {
2145
+ padding-top: 1.875rem !important;
2146
+ padding-bottom: 1.875rem !important;
2147
+ }
2148
+ .bag__view-all-text____8XpL,
2149
+ .bag__viewAllText___np2Kg {
2150
+ font-size: 20px;
2151
+ font-weight: 400;
2152
+ text-transform: lowercase;
2153
+ text-decoration: underline;
2154
+ }
2155
+ .bag__view-all-mobile___dWe4_,
2156
+ .bag__viewAllMobile___bmkJR {
2157
+ display: none;
2158
+ }
2159
+ @media only screen and (max-width: 768px) {
2160
+ .bag__view-all-mobile___dWe4_,
2161
+ .bag__viewAllMobile___bmkJR {
2162
+ display: flex;
2163
+ align-items: center;
2164
+ justify-content: center;
2165
+ margin-top: 40px;
2166
+ }
2167
+ }
2168
+ @media only screen and (max-width: 480px) {
2169
+ .bag__view-all-mobile___dWe4_,
2170
+ .bag__viewAllMobile___bmkJR {
2171
+ margin-top: 24px;
2172
+ }
2173
+ }
2174
+ .bag__accent-btn___HbLIk,
2175
+ .bag__accentBtn___NeiAY {
2176
+ background-color: var(--accentColor);
2177
+ color: #fff;
2178
+ }
2179
+ .bag__no-scroll___xqcXk,
2180
+ .bag__noScroll___j6iDv {
2181
+ overflow-y: hidden;
2182
+ }
2183
+ .bag__hide-overflow___Egp3N,
2184
+ .bag__hideOverflow___drczI {
2185
+ overflow: hidden;
2186
+ }
2187
+ .bag__markdown-body___X7Cfk h6 {
2188
+ margin-top: 0 !important;
2189
+ margin-bottom: 0 !important;
2190
+ }
2191
+ @media only screen and (max-width: 480px) {
2192
+ .bag__markdown-body___X7Cfk {
2193
+ font-size: 12px !important;
2194
+ padding: 5px !important;
2195
+ }
2196
+ }
2197
+ .bag__view3d-canvas___de3_F {
2198
+ width: 100%;
2199
+ height: 100%;
2200
+ }
2201
+ @media only screen and (max-width: 480px) {
2202
+ .bag__view-mobile-up___iRON6 {
2203
+ display: none !important;
2204
+ }
2205
+ }
2206
+ @media only screen and (min-width: 481px) {
2207
+ .bag__view-mobile___IW_HG {
2208
+ display: none !important;
2209
+ }
2210
+ }
2211
+ .bag__bagImg___F1kfj {
2212
+ min-width: 80px;
2213
+ object-fit: cover;
2214
+ border-radius: var(--buttonRadius, 0px);
2215
+ overflow: hidden;
2216
+ }
2217
+ .bag__bagImg___F1kfj img {
2218
+ object-fit: cover;
2219
+ }
2220
+ .bag__bundleImg___TEyPU {
2221
+ display: grid;
2222
+ grid-template-columns: repeat(2, 1fr);
2223
+ grid-template-rows: repeat(2, 1fr);
2224
+ padding: 4px;
2225
+ gap: 4px;
2226
+ aspect-ratio: var(--aspectRatio);
2227
+ border: 1px solid var(--dividerStokes, #d4d1d1);
2228
+ border-radius: var(--buttonRadius, 0px);
2229
+ }
2230
+ .bag__bundleImg___TEyPU .bag__bundleImgItem___slqOT {
2231
+ display: flex;
2232
+ border-radius: calc(var(--buttonRadius, 0px) / 2);
2233
+ overflow: hidden;
2234
+ position: relative;
2235
+ }
2236
+ .bag__bundleImg___TEyPU .bag__bundleImgItem___slqOT .bag__itemImg___tRLBP {
2237
+ display: flex;
2238
+ }
2239
+ .bag__bundleImg___TEyPU .bag__bundleImgItem___slqOT .bag__bundleCount___C799t {
2240
+ position: absolute;
2241
+ inset: 0;
2242
+ display: flex;
2243
+ align-items: center;
2244
+ justify-content: center;
2245
+ color: #FFF;
2246
+ background-color: #1F1F1FA3;
2247
+ font-size: 16px;
2248
+ font-weight: 700;
2249
+ line-height: 140%;
2250
+ }
2251
+
2252
+ /**color by character**/
2253
+ /** Font family **/
2254
+ /** Font weight **/
2255
+ .fy-image__imageWrapper___wKmP2 {
2256
+ overflow: hidden;
2257
+ position: relative;
2258
+ }
2259
+ .fy-image__imageWrapper___wKmP2 picture {
2260
+ display: flex;
2261
+ align-items: center;
2262
+ background-color: var(--bg-color, transparent);
2263
+ }
2264
+ .fy-image__imageWrapper___wKmP2 .fy-image__overlay___Dx1Ju {
2265
+ position: absolute;
2266
+ background-color: var(--overlay-bgcolor);
2267
+ z-index: 1;
2268
+ opacity: 0.4;
2269
+ height: 100%;
2270
+ width: 100%;
2271
+ }
2272
+ .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86 {
2273
+ width: 100%;
2274
+ height: 100%;
2275
+ object-fit: contain;
2276
+ }
2277
+ @-moz-document url-prefix() {
2278
+ .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR[alt=""] {
2279
+ font-size: 0;
2280
+ text-indent: -9999px;
2281
+ color: transparent;
2282
+ line-height: 0;
2283
+ letter-spacing: -1000px;
2284
+ -webkit-text-fill-color: transparent;
2285
+ text-shadow: none;
2286
+ }
2287
+ .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR[alt=""]::before,
2288
+ .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR[alt=""]::after {
2289
+ display: none;
2290
+ content: none;
2291
+ }
2292
+ .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR .fy-image__imageWrapper___wKmP2 .fy-image__fyImg___yIv86.fy-image__firefoxAltFix___hSfDR {
2293
+ transition: opacity 0.2s ease-in-out;
2294
+ }
2295
+ }
2296
+ .fy-image__imageWrapper___wKmP2.fy-image__fill___rFWVY .fy-image__fyImg___yIv86 {
2297
+ object-fit: cover;
2298
+ }
2299
+ .fy-image__imageWrapper___wKmP2.fy-image__fixedAspRatio___fyXGS picture {
2300
+ aspect-ratio: var(--aspect-ratio-mobile);
2301
+ }
2302
+ @media only screen and (min-width: 769px) {
2303
+ .fy-image__imageWrapper___wKmP2.fy-image__fixedAspRatio___fyXGS picture {
2304
+ aspect-ratio: var(--aspect-ratio-desktop);
2305
+ }
2306
+ }
2307
+
1879
2308
  /**color by character**/
1880
2309
  /** Font family **/
1881
2310
  /** Font weight **/
@@ -2222,17 +2651,7 @@ h5,
2222
2651
  width: 24px;
2223
2652
  }
2224
2653
  .shipment-item__bagItem___YVBW1 .shipment-item__bagImg___BQldP {
2225
- display: flex;
2226
- }
2227
- .shipment-item__bagItem___YVBW1 .shipment-item__bagImg___BQldP img {
2228
- width: 80px;
2229
- object-fit: cover;
2230
- cursor: pointer;
2231
- }
2232
- @media only screen and (max-width: 480px) {
2233
- .shipment-item__bagItem___YVBW1 .shipment-item__bagImg___BQldP img {
2234
- height: 100px;
2235
- }
2654
+ flex: 0 0 80px;
2236
2655
  }
2237
2656
  .shipment-item__bagItem___YVBW1 .shipment-item__label___SjeMm {
2238
2657
  display: flex;