@salla.sa/twilight-tailwind-theme 1.0.136 → 1.0.138

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.
package/index.js CHANGED
@@ -1,18 +1,18 @@
1
1
  const plugin = require('tailwindcss/plugin')
2
2
 
3
- module.exports = plugin(function ({addUtilities, addVariant, matchUtilities, theme}) {
3
+ module.exports = plugin(function ({ addUtilities, addVariant, matchUtilities, theme }) {
4
4
  addVariant('border', ['&:focus'])
5
5
 
6
6
  addUtilities({
7
- '.s-hidden': {'@apply hidden': {}},
8
- '.s-has-error': {'@apply border-red-400 focus:border-red-500': {}},
9
- '.rounded-icon': {'@apply w-16 h-16 flex justify-center items-center rounded-full text-3xl': {}},
10
- '.form-input': {'@apply w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary dark:focus:border-primary sm:text-sm border-gray-200 dark:bg-gray-600 dark:border-gray-600 rounded-md': {}},
11
- '.btn': {'@apply transition duration-300 flex-1 inline-flex justify-center items-center px-6 pb-2.5 pt-2 text-sm font-bold rounded-md hover:opacity-80 whitespace-nowrap': {}},
12
- '.btn-primary': {'@apply text-primary-reverse border border-primary bg-primary': {}},
13
- '.btn-danger': {'@apply bg-red-400 text-white hover:opacity-80': {}},
14
- '.btn-outline': {'@apply text-gray-400 bg-white shadow-sm hover:text-gray-600 border border-gray-200': {}},
15
- '.btn-outline-primary': {'@apply border border-primary text-primary hover:bg-primary hover:text-primary-reverse': {}},
7
+ '.s-hidden': { '@apply hidden': {} },
8
+ '.s-has-error': { '@apply border-red-400 focus:border-red-500': {} },
9
+ '.rounded-icon': { '@apply w-16 h-16 flex justify-center items-center rounded-full text-3xl': {} },
10
+ '.form-input': { '@apply w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary dark:focus:border-primary sm:text-sm border-gray-200 dark:bg-gray-600 dark:border-gray-600 rounded-md': {} },
11
+ '.btn': { '@apply transition duration-300 flex-1 inline-flex justify-center items-center px-6 pb-2.5 pt-2 text-sm font-bold rounded-md hover:opacity-80 whitespace-nowrap': {} },
12
+ '.btn-primary': { '@apply text-primary-reverse border border-primary bg-primary': {} },
13
+ '.btn-danger': { '@apply bg-red-400 text-white hover:opacity-80': {} },
14
+ '.btn-outline': { '@apply text-gray-400 bg-white shadow-sm hover:text-gray-600 border border-gray-200': {} },
15
+ '.btn-outline-primary': { '@apply border border-primary text-primary hover:bg-primary hover:text-primary-reverse': {} },
16
16
  });
17
17
 
18
18
  // todo :: move it to global
@@ -23,6 +23,22 @@ module.exports = plugin(function ({addUtilities, addVariant, matchUtilities, the
23
23
  'border-right-color': '#9f7171 !important',
24
24
  'background-color': '#f98181'
25
25
  }
26
+ },
27
+ '.styled-scrollbar': {
28
+ '&::-webkit-scrollbar': {
29
+ 'width': '5px'
30
+ },
31
+ '&::-webkit-scrollbar-track': {
32
+ 'background-color': '#eee'
33
+ },
34
+ '&::-webkit-scrollbar-thumb': {
35
+ 'background-color': 'var(--color-primary)',
36
+ 'border-radius': '10px',
37
+ '-webkit-border-radius': '10px',
38
+ '-moz-border-radius': '10px',
39
+ '-ms-border-radius': '10px',
40
+ '-o-border-radius': '10px'
41
+ }
26
42
  }
27
43
  });
28
44
 
@@ -55,7 +71,7 @@ module.exports = plugin(function ({addUtilities, addVariant, matchUtilities, the
55
71
  'elastic': 'cubic-bezier(0.55, 0, 0.1, 1)',
56
72
  },
57
73
  screens: {
58
- 'xxs': {'min': '380px', 'max': '479px'},
74
+ 'xxs': { 'min': '380px', 'max': '479px' },
59
75
  'xs': '480px',
60
76
  },
61
77
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salla.sa/twilight-tailwind-theme",
3
- "version": "1.0.136",
3
+ "version": "1.0.138",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Salla twilight",
package/safe-list-css.txt CHANGED
@@ -3,20 +3,7 @@ s-ltr
3
3
  s-input
4
4
  s-hidden
5
5
  s-block
6
- s-branches-title
7
- s-branches-input-wrap
8
- s-branches-input
9
- s-branches-label
10
- s-branches-select
11
- s-branches-space-v
12
- s-branches-sr-only
13
- s-branches-is-closed
14
- s-branches-closed-badge
15
- s-branches-clickable
16
- s-branches-submit
17
- s-branches-color-red
18
- s-branches-color-green
19
- s-branches-color-gray
6
+ s-scrollbar
20
7
  s-button-wrap
21
8
  s-button-wrap[width='wide']
22
9
  s-button-wrap[type='submit']
@@ -25,10 +12,13 @@ s-button-wrap[type='reset']
25
12
  s-button-wrap[loading] .s-button-loader-center .s-button-text
26
13
  s-button-element:not(:disabled):not([loading])
27
14
  s-button-btn
15
+ s-button-wrap svg
28
16
  s-button-icon
29
17
  s-button-icon .s-button-text
30
18
  s-button-icon.s-button-large
19
+ s-button-icon.s-button-large svg
31
20
  s-button-icon.s-button-small
21
+ s-button-icon.s-button-small svg
32
22
  s-button-icon.s-button-small .s-button-loader:before
33
23
  s-button-link
34
24
  s-button-disabled
@@ -87,11 +77,18 @@ s-localization-modal-label
87
77
  s-localization-modal-flag
88
78
  s-localization-modal-currency
89
79
  s-localization-modal-select
80
+ s-localization-modal-skeleton-content
81
+ s-localization-modal-skeleton-item
82
+ s-localization-modal-skeleton-item-flex
83
+ s-localization-modal-skeleton-item-flex salla-skeleton
90
84
  s-login-modal-sub-title
91
85
  s-login-modal-main-btn
92
86
  s-login-modal-main-btn-icon
87
+ s-login-modal-main-btn-icon svg
93
88
  s-login-modal-main-btn-text
94
- s-login-modal-main-btn-arrow
89
+ s-login-modal-main-btn-arrow svg
90
+ s-login-modal-header-icon
91
+ s-login-modal-header-icon svg
95
92
  s-login-modal-label
96
93
  s-login-modal-input
97
94
  s-login-modal-link
@@ -100,18 +97,19 @@ s-login-modal-wrapper
100
97
  s-login-modal-tab
101
98
  s-login-modal-active
102
99
  s-login-modal-unactive
103
- [dir='ltr'] s-login-modal-main-btn .arrow
100
+ [dir='rtl'] s-login-modal-main-btn-arrow
104
101
  s-loyalty-prize-item
105
102
  s-loyalty-prize-item-selected
106
- s-loyalty-prize-item-selected > .s-loyalty-prize-item-check
103
+ s-loyalty-prize-item-selected .s-loyalty-prize-item-check
104
+ s-loyalty-prize-item-selected .s-loyalty-prize-item-check > div
107
105
  s-loyalty-prize-item-image
108
- s-loyalty-prize-item-check
109
- s-loyalty-prize-item-check > svg
110
106
  s-loyalty-prize-item-title
107
+ s-loyalty-prize-item-check
111
108
  s-loyalty-prize-item-subtitle
112
109
  s-loyalty-prize-item-points
113
110
  s-loyalty-program-redeem-btn
114
111
  s-loyalty-header
112
+ s-loyalty-skeleton .s-list-tile-item-content
115
113
  s-loyalty-header-icon
116
114
  s-loyalty-header-icon > img
117
115
  s-loyalty-header-title
@@ -120,19 +118,42 @@ s-loyalty-activator-icon
120
118
  s-loyalty-activator-icon > svg
121
119
  s-loyalty-confirmation-modal-conten
122
120
  s-loyalty-confirmation-actions
121
+ s-loyalty-widget .s-list-tile-item
122
+ s-loyalty-widget-icon
123
+ s-loyalty-widget-icon > svg
124
+ s-loyalty-after-exchange .s-list-tile-item
125
+ s-loyalty-after-exchange .s-list-tile-item .s-list-tile-item-title
126
+ s-loyalty-after-exchange-reset
127
+ s-loyalty-after-exchange-reset button
128
+ s-loyalty-after-exchange-reset button span
129
+ s-loyalty-after-exchange-reset button svg
130
+ s-loyalty-after-exchange-reset button:hover svg
131
+ s-loyalty-after-exchange-action
132
+ s-loyalty-placeholder
133
+ s-loyalty-skeleton .s-loyalty-header-subtitle > salla-skeleton
134
+ s-loyalty-skeleton .s-loyalty-prize-item-subtitle > salla-skeleton
135
+ s-loyalty-skeleton .s-loyalty-header-title
136
+ s-loyalty-skeleton-cards
137
+ s-loyalty-skeleton .s-loyalty-prize-item
138
+ s-loyalty-skeleton .s-loyalty-prize-item .s-skeleton-wrapper
139
+ s-loyalty-skeleton .s-loyalty-prize-item-check
123
140
  s-modal-container
124
141
  s-modal-wrapper
125
142
  s-modal-loader
126
- s-modal-close
143
+ s-modal-close svg
127
144
  s-modal-header
128
145
  s-modal-header-inner
129
146
  s-modal-header-content
130
147
  s-modal-header-img
131
148
  s-modal-icon
149
+ s-modal-icon svg
132
150
  s-modal-bg-normal
133
151
  s-modal-bg-success
152
+ s-modal-bg-success svg
134
153
  s-modal-bg-error
154
+ s-modal-bg-error svg
135
155
  s-modal-bg-primary
156
+ s-modal-bg-primary svg
136
157
  s-modal-title
137
158
  s-modal-sub-title
138
159
  s-modal-title-below
@@ -157,6 +178,7 @@ s-modal-full
157
178
  s-offer-modal-body
158
179
  s-offer-modal-badge
159
180
  s-offer-modal-badge-icon
181
+ s-offer-modal-badge-icon svg
160
182
  s-offer-modal-badge-text
161
183
  s-offer-modal-product
162
184
  s-offer-modal-product-image-wrap
@@ -167,6 +189,8 @@ s-offer-modal-product-name
167
189
  s-offer-modal-product-price
168
190
  s-offer-modal-product-old-price
169
191
  s-offer-modal-btn-wrap
192
+ s-offer-modal-header-icon
193
+ s-offer-modal-header-icon svg
170
194
  s-offer-modal-footer
171
195
  s-offer-modal-expiry
172
196
  s-offer-modal-remember-label
@@ -175,6 +199,7 @@ s-offer-modal-scrolled-slider-wrap
175
199
  s-offer-modal-slider-nav
176
200
  s-offer-modal-nav-btn
177
201
  s-offer-modal-nav-btn-icon
202
+ s-offer-modal-nav-btn-icon svg
178
203
  s-offer-modal-next-btn
179
204
  [dir='rtl'] s-offer-modal-next-btn
180
205
  s-offer-modal-prev-btn
@@ -195,6 +220,7 @@ s-placeholder-icon-sm > svg
195
220
  s-placeholder-icon-md > svg
196
221
  s-placeholder-icon-lg > svg
197
222
  s-placeholder-icon-xl > svg
223
+ s-placeholder-wrapper
198
224
  s-product-availability-wrap
199
225
  s-product-availability-subscribed
200
226
  s-product-availability-subs-icon
@@ -206,9 +232,15 @@ s-product-availability-footer-btn
206
232
  s-product-availability-error-msg
207
233
  s-product-size-guide-block
208
234
  s-product-size-guide-placeholder
235
+ s-product-size-guide-skeleton-table
236
+ s-product-size-guide-skeleton-table td
237
+ s-product-size-guide-skeleton-content
238
+ s-product-size-guide-skeleton-header
239
+ s-product-size-guide-skeleton-header > salla-skeleton
209
240
  s-quantity-input-container
210
241
  s-quantity-input-input
211
242
  s-quantity-input-button
243
+ s-quantity-input-button svg
212
244
  s-rating-modal-wrapper
213
245
  s-rating-modal-footer
214
246
  s-rating-modal-btn
@@ -234,6 +266,7 @@ s-rating-modal-product-img
234
266
  s-rating-modal-product-title
235
267
  s-rating-modal-thanks
236
268
  s-rating-modal-icon
269
+ s-rating-modal-icon svg
237
270
  s-rating-modal-thanks-title
238
271
  s-rating-modal-thanks-msg
239
272
  s-rating-modal-thanks-btn
@@ -245,12 +278,49 @@ s-rating-modal-bg-primary
245
278
  unicode
246
279
  s-rating-stars-wrapper
247
280
  s-rating-stars-btn-star
248
- s-rating-stars-large
249
- s-rating-stars-medium
250
- s-rating-stars-small
251
- s-rating-stars-mini
281
+ s-rating-stars-large svg
282
+ s-rating-stars-medium svg
283
+ s-rating-stars-small svg
284
+ s-rating-stars-mini svg
252
285
  s-rating-stars-hovered
253
286
  s-rating-stars-selected
287
+ s-scopes-title
288
+ s-scopes-header
289
+ s-scopes-header-icon
290
+ s-scopes-header-icon svg
291
+ s-scopes-header-title
292
+ s-scopes-header-subtitle
293
+ s-scopes-search-wrapper
294
+ s-scopes-search-icon
295
+ s-scopes-search-icon svg
296
+ s-scopes-search-input
297
+ s-scopes-input-wrap
298
+ s-scopes-input
299
+ s-scopes-label
300
+ s-scopes-select
301
+ s-scopes-container
302
+ s-scopes-sr-only
303
+ s-scopes-is-closed
304
+ s-scopes-closed-badge
305
+ s-scopes-clickable
306
+ s-scopes-submit
307
+ s-scopes-color-red
308
+ s-scopes-color-green
309
+ s-scopes-color-gray
310
+ s-scopes-hidden
311
+ s-scopes-input-wrap.is-hidden-branch
312
+ s-scopes-wrap
313
+ s-scopes-wrap .s-placeholder-wrapper
314
+ s-scopes-footer
315
+ s-scopes-modal .s-modal-header
316
+ s-scopes-skeleton .s-list-tile-item-content
317
+ s-scopes-skeleton .s-scopes-header-title > salla-skeleton
318
+ s-scopes-skeleton .s-scopes-header-subtitle > salla-skeleton
319
+ s-scopes-skeleton .s-scopes-skeleton-scopes > salla-skeleton
320
+ s-scopes-skeleton .s-scopes-skeleton-search
321
+ s-scopes-skeleton .s-scopes-skeleton-search > salla-skeleton
322
+ s-scopes-skeleton .s-list-tile-item-icon
323
+ s-scopes-skeleton-btn
254
324
  s-search-container
255
325
  s-search-oval
256
326
  s-search-inline
@@ -259,6 +329,7 @@ s-search-container-open .s-search-input
259
329
  s-search-no-results .s-search-input
260
330
  s-search-input
261
331
  s-search-icon-wrap
332
+ s-search-icon svg
262
333
  s-search-spinner-loader
263
334
  s-search-results
264
335
  s-search-no-results
@@ -275,6 +346,22 @@ s-search-modal .s-modal-wrapper
275
346
  s-search-modal .s-modal-spacer
276
347
  s-search-modal .s-modal-body
277
348
  s-search-modal .s-modal-close
349
+ s-skeleton-wrapper
350
+ s-skeleton-item
351
+ s-skeleton-item-circular
352
+ s-social-share-wrapper
353
+ s-social-share-btn span
354
+ s-social-share-btn span svg
355
+ s-social-share-list
356
+ s-social-share-list.opened
357
+ s-social-share-list a
358
+ s-social-share-list a:hover svg
359
+ s-social-share-icon svg
360
+ s-swiper-container
361
+ s-swiper-button-next
362
+ s-swiper-button-next svg
363
+ s-swiper-button-prev
364
+ s-swiper-button-prev svg
278
365
  s-tabs-bg-normal
279
366
  s-tabs-header
280
367
  s-tabs-header-item
package/utilities.json CHANGED
@@ -1 +1 @@
1
- {".s-has-error":{"@apply !border-red-500 !text-red-500":{}},".s-ltr":{"direction":"ltr"},".s-input":{"@apply appearance-none form-input":{}},".s-hidden":{"@apply hidden":{}},".s-block":{"@apply block":{}},".s-branches-title":{"@apply text-sm text-gray-600 mb-6":{}},".s-branches-input-wrap":{"@apply flex items-center":{}},".s-branches-input":{"@apply rtl:ml-3 ltr:mr-3 focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-branches-label":{"@apply flex items-center justify-between text-sm font-medium text-gray-700 flex-grow":{}},".s-branches-select":{"@apply w-full h-10 transition-colors duration-300 border-gray-200 focus:border-primary text-sm rounded-md appearance-none px-4":{}},".s-branches-space-v":{"@apply space-y-5":{}},".s-branches-sr-only":{"@apply sr-only":{}},".s-branches-is-closed":{"@apply opacity-50":{}},".s-branches-closed-badge":{"@apply text-red-400":{}},".s-branches-clickable":{"@apply cursor-pointer":{}},".s-branches-submit":{"@apply mt-6":{}},".s-branches-color-red":{"@apply text-red-400":{}},".s-branches-color-green":{"@apply text-green-500":{}},".s-branches-color-gray":{"@apply text-gray-400":{}},".s-button-wrap":{"@apply pointer-events-none":{}},".s-button-wrap[width='wide']":{"@apply w-full":{}},".s-button-wrap[type='submit']":{"@apply appearance-none":{}},".s-button-wrap[type='button']":{"@apply appearance-none":{}},".s-button-wrap[type='reset']":{"@apply appearance-none":{}},".s-button-wrap[loading] .s-button-loader-center .s-button-text":{"@apply opacity-0":{}},".s-button-element:not(:disabled):not([loading])":{"@apply pointer-events-auto":{}},".s-button-btn":{"@apply relative transition duration-300 inline-flex flex-1 justify-center items-center px-6 pb-2.5 pt-2 text-sm font-bold rounded-md hover:opacity-80 whitespace-nowrap flex-row-reverse select-none border-solid":{}},".s-button-icon":{"@apply relative inline-flex justify-center items-center transition duration-300 mx-1 !p-0 !rounded-full w-10 h-10 font-medium flex-shrink-0 !leading-none":{}},".s-button-icon .s-button-text":{"@apply flex":{}},".s-button-icon.s-button-large":{"@apply w-14 h-14":{}},".s-button-icon.s-button-small":{"@apply w-6 h-6":{}},".s-button-icon.s-button-small .s-button-loader:before":{"@apply w-3.5 h-3.5":{}},".s-button-link":{"@apply text-primary hover:opacity-70 px-1 py-0.5 transition duration-300":{}},".s-button-disabled":{"@apply opacity-50":{}},".s-button-fill-none":{"@apply !bg-transparent !border-0":{}},".s-button-outline":{"@apply border border-[color:currentColor] hover:border-transparent":{}},".s-button-outline .s-button-loader:before":{"@apply border-t-[color:currentColor] border-l-[color:currentColor]":{}},".s-button-solid .s-button-loader:before":{"@apply border-t-white border-r-white border-b-white/20 border-l-white/20":{}},".s-button-primary":{"@apply bg-primary text-primary-reverse hover:bg-primary-d":{}},".s-button-success":{"@apply bg-green-500 text-white hover:bg-green-600":{}},".s-button-danger":{"@apply bg-red-400 text-white hover:bg-red-500":{}},".s-button-warning":{"@apply bg-amber-400 text-white hover:bg-amber-500":{}},".s-button-gray":{"@apply bg-gray-400 text-white hover:bg-gray-500":{}},".s-button-dark":{"@apply bg-gray-700 text-white hover:bg-gray-800":{}},".s-button-light":{"@apply bg-gray-50 text-gray-400 hover:bg-gray-100":{}},".s-button-primary-outline":{"@apply text-primary hover:bg-primary hover:text-primary-reverse":{}},".s-button-success-outline":{"@apply text-green-500 hover:bg-green-500 hover:text-white":{}},".s-button-danger-outline":{"@apply text-red-400 hover:bg-red-400 hover:text-white":{}},".s-button-warning-outline":{"@apply text-amber-400 hover:bg-amber-400 hover:text-white":{}},".s-button-gray-outline":{"@apply text-gray-400 hover:bg-gray-400 hover:text-white":{}},".s-button-dark-outline":{"@apply text-gray-700 hover:bg-gray-700 hover:text-white":{}},".s-button-light-outline":{"@apply text-gray-500 bg-white !border-gray-200 hover:!border-gray-200":{}},".s-button-primary-link":{"@apply text-primary":{}},".s-button-success-link":{"@apply text-green-500":{}},".s-button-danger-link":{"@apply text-red-400":{}},".s-button-warning-link":{"@apply text-amber-400":{}},".s-button-gray-link":{"@apply text-gray-400":{}},".s-button-dark-link":{"@apply text-gray-700":{}},".s-button-light-link":{"@apply text-gray-500":{}},".s-button-small":{"@apply text-xs px-4 pb-1.5 pt-1 rounded-sm":{}},".s-button-large":{"@apply text-xl px-8 pb-4 pt-4":{}},".s-button-wide":{"@apply w-full":{}},".s-button-text":{"@apply transition-opacity duration-300 items-center pointer-events-none truncate":{}},".s-button-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-4 before:h-4 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-button-loader-after .s-button-loader":{"@apply flex-row":{}},".s-button-loader-start.s-button-element":{"@apply rtl:pl-8 ltr:pr-8 rtl:pr-10 ltr:pl-10":{}},".s-button-loader-start .s-button-loader":{"@apply absolute rtl:right-2 ltr:left-2":{}},".s-button-loader-end.s-button-element":{"@apply rtl:pr-8 ltr:pl-8 rtl:pl-10 ltr:pr-10":{}},".s-button-loader-end .s-button-loader":{"@apply absolute rtl:left-2 ltr:right-2":{}},".s-button-loader-center .s-button-loader":{"@apply absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2 !m-0":{}},".s-infinite-scroll-wrapper":{"@apply text-center mt-4":{}},".s-infinite-scroll-last":{"@apply m-0 text-center":{}},".s-infinite-scroll-error":{"@apply m-0 text-center":{}},".s-list-tile-item":{"@apply p-3 relative flex text-gray-900 no-underline bg-white items-center":{}},".s-list-tile-item-href":{"@apply cursor-pointer":{}},".s-list-tile-item-icon":{"@apply mr-4 shrink-0":{}},".s-list-tile-item-title":{"@apply text-base text-primary font-primary":{}},".s-list-tile-item-subtitle":{"@apply text-sm font-primary":{}},".s-loading-fill-color":{"@apply fill-primary":{}},".s-localization-modal-title":{"@apply text-base font-medium text-gray-900":{}},".s-localization-modal-section":{"@apply mb-8":{}},".s-localization-modal-label-slot":{"@apply flex-grow":{}},".s-localization-modal-section-inner":{"@apply space-y-4 mt-4":{}},".s-localization-modal-item":{"@apply flex items-center":{}},".s-localization-modal-input":{"@apply focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-localization-modal-label":{"@apply rtl:mr-3 ltr:ml-3 flex items-center justify-between text-sm font-medium text-gray-700 flex-grow cursor-pointer":{}},".s-localization-modal-flag":{"@apply rounded-sm":{}},".s-localization-modal-currency":{"@apply text-gray-400":{}},".s-localization-modal-select":{"@apply appearance-none w-full h-10 transition-colors duration-300 border-gray-200 focus:border-primary text-sm rounded-md px-4 text-gray-500":{}},".s-login-modal-sub-title":{"@apply text-sm text-gray-400 mb-2.5":{}},".s-login-modal-main-btn":{"@apply flex justify-between items-center flex-1 min-w-0 mb-2.5 box-content relative rounded-md border border-gray-200 bg-white py-5 rtl:pl-4 ltr:pr-4 rtl:pr-5 ltr:pl-5 rtl:space-x-reverse space-x-3 transition-all duration-300 hover:bg-gray-50":{}},".s-login-modal-main-btn-icon":{"@apply bg-primary w-12 h-12 text-lg text-white rounded-icon flex-shrink-0":{}},".s-login-modal-main-btn-text":{"@apply flex-1 font-bold p-3":{}},".s-login-modal-main-btn-arrow":{"@apply text-primary text-xl":{}},".s-login-modal-label":{"@apply block text-sm font-medium text-gray-700 mb-2":{}},".s-login-modal-input":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-3":{}},".s-login-modal-link":{"@apply text-sm text-primary block text-center mt-6":{}},".s-login-modal-error-message":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-login-modal-wrapper":{"@apply transition-all duration-300 ease-elastic":{}},".s-login-modal-tab":{"@apply transition-all duration-500":{}},".s-login-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-login-modal-unactive":{"@apply opacity-0 translate-x-3":{}},"[dir='ltr'] .s-login-modal-main-btn .arrow":{"transform":"scale(-1)"},".s-loyalty-prize-item":{"@apply w-64 bg-white bg-cover text-3xl rounded overflow-hidden mb-2 text-left rtl:text-right border border-gray-300 cursor-pointer":{}},".s-loyalty-prize-item-selected":{"@apply border border-primary border-solid shadow ease-in-out duration-300 transition-all !-translate-y-0.5":{}},".s-loyalty-prize-item-selected > .s-loyalty-prize-item-check":{"@apply block absolute top-2 left-2 rtl:right-2 fill-white rounded-full bg-primary":{}},".s-loyalty-prize-item-image":{"@apply w-full object-cover bg-cover h-52":{}},".s-loyalty-prize-item-check":{"@apply hidden":{}},".s-loyalty-prize-item-check > svg":{"@apply w-5 h-5":{}},".s-loyalty-prize-item-title":{"@apply px-2 text-sm font-bold text-primary font-primary mt-2":{}},".s-loyalty-prize-item-subtitle":{"@apply px-2 mt-3 text-xs font-normal":{}},".s-loyalty-prize-item-points":{"@apply mt-2 p-2 flex justify-center items-center text-sm text-gray-500 border-t border-gray-300":{}},".s-loyalty-program-redeem-btn":{"@apply transition-all duration-300 ease-in-out overflow-hidden":{}},".s-loyalty-header":{"@apply mb-5 block":{}},".s-loyalty-header-icon":{"@apply bg-[#ff9e011a] rounded-full flex justify-center items-center h-24 w-24 relative":{}},".s-loyalty-header-icon > img":{"@apply h-12 w-12":{}},".s-loyalty-header-title":{"@apply text-xl mb-2 text-primary":{}},".s-loyalty-header-subtitle":{"@apply text-sm text-gray-800":{}},".s-loyalty-activator-icon":{"@apply h-12 w-12 rounded-full bg-red-600 flex justify-center items-center":{}},".s-loyalty-activator-icon > svg":{"@apply fill-white":{}},".s-loyalty-confirmation-modal-conten":{"@apply pb-5":{}},".s-loyalty-confirmation-actions":{"@apply flex justify-between items-center mt-5 p-5 pt-2 space-x-5":{}},".s-modal-container":{"@apply fixed z-50 inset-0 overflow-hidden":{}},".s-modal-wrapper":{"@apply flex items-end justify-center h-full overflow-y-auto text-center sm:block":{}},".s-modal-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-10 before:h-10 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-modal-close":{"@apply absolute z-1 rtl:left-4 ltr:right-4 top-4 sm:rtl:left-4 sm:ltr:right-5 sm:top-5 text-red-400 hover:text-red-500 transition border-none bg-transparent text-lg cursor-pointer":{}},".s-modal-header":{"@apply flex sm:flex-col":{}},".s-modal-header-inner":{"@apply mb-5 flex sm:block items-center":{}},".s-modal-header-content":{"@apply flex flex-col rtl:pl-10 ltr:pr-10 sm:rtl:pl-0 sm:ltr:pr-0":{}},".s-modal-header-img":{"@apply max-w-[150px] mx-auto sm:mb-4":{}},".s-modal-icon":{"@apply flex-shrink-0 rtl:ml-2 ltr:mr-2 sm:rtl:ml-0 sm:ltr:mr-0 sm:mx-auto inline-flex items-center justify-center w-16 h-16 sm:h-20 sm:w-20 rounded-full sm:mb-4 text-3xl text-gray-400 border border-solid border-gray-200":{}},".s-modal-bg-normal":{"@apply bg-white":{}},".s-modal-bg-success":{"@apply bg-green-100 border-green-300 text-green-600":{}},".s-modal-bg-error":{"@apply bg-red-100 border-red-300 text-red-600":{}},".s-modal-bg-primary":{"@apply bg-primary border-primary text-primary-reverse":{}},".s-modal-title":{"@apply sm:mb-2 text-lg leading-6 font-bold text-gray-900":{}},".s-modal-sub-title":{"@apply sm:mb-2 text-sm text-gray-500":{}},".s-modal-title-below":{"@apply order-10":{}},".s-modal-body-slot":{"@apply w-full":{}},".s-modal-body":{"@apply relative overflow-hidden sm:overflow-visible inline-block bg-white rounded-b-none sm:rounded-b-lg rounded-lg rtl:text-right ltr:text-left shadow-xl transform transition-all w-full ease-in duration-200 translate-y-4 sm:translate-y-0 sm:scale-95 sm:my-8":{}},".s-modal-padding":{"@apply p-4 pt-6 sm:p-8":{}},".s-modal-spacer":{"@apply inline-block h-screen":{}},".s-modal-align-middle":{"@apply align-middle":{}},".s-modal-align-top":{"@apply align-top":{}},".s-modal-align-bottom":{"@apply align-bottom":{}},".s-modal-overlay":{"@apply fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity ease-in duration-200":{}},".s-modal-overlay-leaving":{"@apply opacity-0":{}},".s-modal-entering":{"@apply ease-out duration-300 opacity-100 translate-y-0 sm:scale-100":{}},".s-modal-leaving":{"@apply opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95":{}},".s-modal-is-center":{"@apply sm:text-center items-center":{}},".s-modal-xs":{"@apply sm:w-[380px]":{}},".s-modal-sm":{"@apply sm:w-[480px]":{}},".s-modal-md":{"@apply md:w-[768px]":{}},".s-modal-lg":{"@apply w-[992px]":{}},".s-modal-xl":{"@apply w-[1280px]":{}},".s-modal-full":{"@apply w-full md:w-[calc(100%-70px)] h-full md:h-[calc(100%-70px)]":{}},".s-offer-modal-body":{"display":"flex","overflow-x":"auto","margin-left":"-32px","margin-right":"-32px","padding-left":"32px","padding-right":"32px","gap":"24px","padding-bottom":"32px","-webkit-overflow-scrolling":"touch","&::-webkit-scrollbar":{"display":"none"}},".s-offer-modal-badge":{"@apply rtl:ml-2.5 ltr:ml-2.5 bg-gray-100 py-2.5 px-4 rounded-3xl inline-flex items-center text-gray-500 justify-center text-sm mb-2.5":{}},".s-offer-modal-badge-icon":{"@apply font-medium rtl:ml-1.5 ltr:ml-1.5":{}},".s-offer-modal-badge-text":{"@apply -translate-y-0.5":{}},".s-offer-modal-product":{"@apply flex flex-col flex-grow flex-shrink-0 w-[70%] sm:w-[40%] lg:w-[28%]":{}},".s-offer-modal-product-image-wrap":{"@apply block relative overflow-hidden h-32 rounded-md mb-4 bg-gray-50":{}},".s-offer-modal-product-image":{"@apply h-full w-full object-cover":{}},".s-offer-modal-not-available":{"@apply grayscale":{}},".s-offer-modal-product-info":{"@apply mb-4":{}},".s-offer-modal-product-name":{"@apply flex flex-col justify-start items-baseline text-base text-gray-800 hover:text-primary leading-6 mb-1.5 transition-colors":{}},".s-offer-modal-product-price":{"@apply w-full flex items-center mb-5 md:mb-0 rtl:sm:mr-2 ltr:sm:ml-2 font-bold text-sm":{}},".s-offer-modal-product-old-price":{"@apply text-gray-400 line-through text-xs mx-1":{}},".s-offer-modal-btn-wrap":{"@apply mt-auto":{}},".s-offer-modal-footer":{"@apply flex flex-col sm:flex-row justify-between text-sm text-gray-400 sm:mt-8":{}},".s-offer-modal-expiry":{"@apply mb-5 md:mb-0":{}},".s-offer-modal-remember-label":{"@apply flex rtl:sm:mr-2 ltr:sm:ml-2 text-sm font-medium cursor-pointer transition-colors hover:text-gray-500":{}},".s-offer-modal-remember-input":{"@apply focus:ring-transparent h-6 w-6 text-primary border-gray-200 rounded-md":{}},".s-offer-modal-scrolled-slider-wrap":{"@apply relative":{}},".s-offer-modal-slider-nav":{"@apply hidden sm:block pointer-events-none overflow-hidden -mx-8 absolute top-0 h-full w-[calc(100%+64px)]":{}},".s-offer-modal-nav-btn":{"@apply absolute top-0 h-full w-20 opacity-0 transition duration-300 flex justify-center items-center":{}},".s-offer-modal-nav-btn-icon":{"@apply w-10 h-10 transition-shadow shadow-lg hover:shadow-sm rounded-full bg-white text-primary inline-flex justify-center items-center text-xl":{}},".s-offer-modal-next-btn":{"@apply rtl:left-0 ltr:right-0 translate-x-full bg-gradient-to-l from-white":{}},"[dir='rtl'] .s-offer-modal-next-btn":{"transform":"scale(-1) translateX(100%)"},".s-offer-modal-prev-btn":{"@apply rtl:right-0 ltr:left-0 -translate-x-full bg-gradient-to-r from-white":{}},"[dir='rtl'] .s-offer-modal-prev-btn":{"transform":"scale(-1) translateX(-100%)"},".s-offer-modal-btn-is-active":{"@apply opacity-100 pointer-events-auto translate-x-0":{}},"[dir='rtl'] .s-offer-modal-btn-is-active":{"transform":"scale(-1) translateX(0)"},".s-placeholder-title":{"@apply text-base leading-6 text-gray-900 mb-1":{}},".s-placeholder-description":{"@apply text-sm text-gray-400":{}},".s-placeholder-icon":{"@apply fill-gray-200 mb-4":{}},".s-placeholder-icon-xl":{"@apply mb-6":{}},".s-placeholder-align-left":{"@apply text-left":{}},".s-placeholder-align-center":{"@apply text-center":{}},".s-placeholder-align-right":{"@apply text-right":{}},".s-placeholder-align-right > .s-placeholder-icon":{"@apply flex justify-end rtl:justify-start items-center":{}},".s-placeholder-align-center > .s-placeholder-icon":{"@apply flex justify-center items-center":{}},".s-placeholder-icon-xs > svg":{"@apply scale-75":{}},".s-placeholder-icon-sm > svg":{"@apply scale-100":{}},".s-placeholder-icon-md > svg":{"@apply scale-125":{}},".s-placeholder-icon-lg > svg":{"@apply scale-150":{}},".s-placeholder-icon-xl > svg":{"@apply scale-[2]":{}},".s-product-availability-wrap":{"@apply w-full":{}},".s-product-availability-subscribed":{"@apply w-full text-green-500 bg-gray-100 px-6 py-3 text-sm font-bold rounded-md flex items-center justify-center":{}},".s-product-availability-subs-icon":{"@apply font-bold mx-1.5":{}},".s-product-availability-body":{"@apply z-50 relative":{}},".s-product-availability-label":{"@apply block text-sm font-bold text-gray-700 rtl:text-right ltr:text-left mb-2.5":{}},".s-product-availability-input":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-3":{}},".s-product-availability-footer":{"@apply flex justify-between rtl:space-x-reverse space-x-4":{}},".s-product-availability-footer-btn":{"@apply w-full":{}},".s-product-availability-error-msg":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-product-size-guide-block":{"@apply block":{}},".s-product-size-guide-placeholder":{"@apply flex justify-center items-center":{}},".s-quantity-input-container":{"@apply flex items-stretch h-10 border rounded-md text-sm":{}},".s-quantity-input-input":{"@apply shadow-none border-t-0 border-b-0 border border-gray-200 focus:border-gray-300 font-bold px-2 text-center w-12":{}},".s-quantity-input-button":{"@apply text-gray-400 w-11 hover:text-primary transition-colors duration-300":{}},".s-rating-modal-wrapper":{"@apply mb-10 transition-all duration-300 ease-elastic":{}},".s-rating-modal-footer":{"@apply relative flex justify-between items-center":{}},".s-rating-modal-btn":{"@apply font-bold text-sm h-10 px-4 text-primary hover:text-primary-d duration-300 transition-all":{}},".s-rating-modal-dots":{"@apply absolute left-1/2 -translate-x-1/2 flex justify-center text-center rtl:space-x-reverse space-x-1.5 flex-1":{}},".s-rating-modal-step-dot":{"@apply w-2.5 h-2.5 rounded-full transition-colors duration-300":{}},".s-rating-modal-step":{"@apply transition-all duration-500":{}},".s-rating-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-rating-modal-unactive":{"@apply opacity-0 translate-x-3":{}},".s-rating-modal-hidden":{"@apply !hidden":{}},".s-rating-modal-unvisiable":{"@apply opacity-0 pointer-events-none":{}},".s-rating-modal-step-wrap":{"@apply relative pb-4 flex flex-col items-center":{}},".s-rating-modal-product-details":{"@apply relative pb-4 flex flex-col flex-1":{}},".s-rating-modal-rounded-icon":{"@apply w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4 overflow-hidden":{}},".s-rating-modal-title":{"@apply text-lg font-bold mb-4":{}},".s-rating-modal-store-logo":{"@apply w-16 object-contain":{}},".s-rating-modal-shipping-logo":{"@apply w-full h-full object-contain":{}},".s-rating-modal-shipping-icon":{"@apply text-5xl text-primary":{}},".s-rating-modal-comment":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full mb-4 p-3 !h-20 mb-2":{}},".s-rating-modal-validation-msg":{"@apply absolute bottom-0 text-red-400 block w-full":{}},".s-rating-modal-product":{"@apply flex rtl:space-x-reverse space-x-5 mb-6 last:mb-0":{}},".s-rating-modal-product-img-wrap":{"@apply w-20 h-14 rounded-md overflow-hidden bg-gray-100":{}},".s-rating-modal-product-img":{"@apply w-full h-full object-cover text-[0px] relative before:content-[''] before:absolute before:w-full before:h-full before:top-0 before:left-0 before:bg-gray-200":{}},".s-rating-modal-product-title":{"@apply leading-5 mb-1.5 font-bold md:text-sm":{}},".s-rating-modal-thanks":{"@apply px-8 text-center transition-all duration-500":{}},".s-rating-modal-icon":{"@apply w-20 h-20 text-4xl inline-flex justify-center items-center bg-gray-50 rounded-full text-primary":{}},".s-rating-modal-thanks-title":{"@apply font-bold mt-4":{}},".s-rating-modal-thanks-msg":{"@apply text-gray-400 text-sm mb-6":{}},".s-rating-modal-thanks-btn":{"@apply btn btn-primary h-10 flex-none px-8":{}},".s-rating-modal-thanks-time":{"@apply text-gray-400 block h-6 mt-3 text-sm":{}},".s-rating-modal-stars-company":{"@apply mb-5":{}},".s-rating-modal-stars-product":{"@apply mb-1":{}},".s-rating-modal-bg-gray":{"@apply bg-gray-200":{}},".s-rating-modal-bg-primary":{"@apply bg-primary":{}},"unicode":{"unicode-bidi":"plaintext"},".s-rating-stars-wrapper":{"@apply inline-flex":{}},".s-rating-stars-btn-star":{"@apply border-0 transition-colors px-0.5 text-gray-300":{}},".s-rating-stars-large":{"@apply text-2xl":{}},".s-rating-stars-medium":{"@apply text-xl":{}},".s-rating-stars-small":{"@apply text-lg":{}},".s-rating-stars-mini":{"@apply text-xs":{}},".s-rating-stars-hovered":{"@apply text-amber-400":{}},".s-rating-stars-selected":{"@apply text-amber-400":{}},".s-search-container":{"@apply relative z-1 max-h-56 rounded-md transition":{}},".s-search-oval":{"@apply rounded-[20px]":{}},".s-search-inline":{"@apply min-w-[220px]":{}},".s-search-container-open":{"@apply max-h-96 !rounded-none":{}},".s-search-container-open .s-search-input":{"@apply border border-gray-200 !rounded-t-md !rounded-b-none":{}},".s-search-no-results .s-search-input":{"@apply border border-gray-200":{}},".s-search-input":{"@apply bg-white w-full rtl:pr-10 ltr:pl-10 pt-0 pb-0.5 text-gray-600 h-10 transition-colors duration-300 focus:ring-transparent focus:border-gray-200 sm:text-sm border-gray-100 rounded-md":{}},".s-search-icon-wrap":{"@apply leading-none absolute top-1/2 transform -translate-y-1/2 rtl:right-4 ltr:left-4 text-gray-400":{}},".s-search-spinner-loader":{"@apply block w-4 h-4 animate-spin border-2 border-gray-200 border-r-primary rounded-full":{}},".s-search-results":{"@apply min-w-[400px] max-w-full absolute w-full rounded-b-md m-auto max-h-96 overflow-y-auto bg-white shadow-xl":{}},".s-search-no-results":{"@apply !rounded-b-none":{}},".s-search-no-results-placeholder":{"@apply p-4 text-sm text-gray-400 text-center":{}},".s-search-product":{"@apply h-full transition duration-500 bg-transparent justify-around overflow-hidden flex transition-colors duration-300 hover:bg-gray-50 px-4 xs:px-5 py-3 border-b border-gray-100 last:border-b-0":{}},".s-search-product-image-container":{"@apply relative overflow-hidden w-20 h-14 rounded-md bg-gray-100":{}},".s-search-product-image":{"@apply h-full w-full object-cover text-[0px] relative before:content-[''] before:absolute before:w-full before:h-full before:top-0 before:left-0 before:bg-gray-200":{}},".s-search-product-details":{"@apply flex-1 rtl:pr-4 ltr:pl-4 xs:rtl:pr-5 xs:ltr:pl-5 pt-1":{}},".s-search-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-gray-600 leading-6 mb-1.5":{}},".s-search-product-price":{"@apply w-full flex items-center text-primary font-bold text-sm":{}},".s-search-product-regular-price":{"@apply text-gray-400 line-through px-3 font-medium":{}},".s-search-product-not-available":{"@apply grayscale":{}},".s-search-modal .s-modal-wrapper":{"align-items":"flex-start","padding":"0"},".s-search-modal .s-modal-spacer":{"display":"inline"},".s-search-modal .s-modal-body":{"padding":"0","max-width":"90%","margin-top":"3.2rem","border-radius":"0.5rem","background":"transparent","overflow":"visible"},".s-search-modal .s-modal-close":{"top":"50%","transform":"translateY(-50%)"},".s-tabs-bg-normal":{"@apply bg-gray-50":{}},".s-tabs-header":{"@apply cursor-pointer flex justify-start content-center border-b-2 border-primary space-x-1 rtl:space-x-reverse overflow-x-auto md:overflow-x-hidden":{}},".s-tabs-header-item":{"@apply py-2 px-3 md:px-7 rounded-t-lg text-sm bg-gray-200":{}},".s-tabs-content":{"@apply hidden":{}},".s-tabs-content-wrapper":{"@apply py-3":{}},".s-tabs-content-selected":{"@apply block":{}},".s-tabs-active":{"@apply bg-primary text-white":{}},".s-tel-input-control":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-3":{}},".s-tel-input-error-msg":{"@apply s-has-error text-xs block h-6 pt-1 mb-2.5":{}},".s-verify-message":{"@apply text-xs mb-7 text-gray-400 text-center":{}},".s-verify-label":{"@apply block mb-4 text-center text-sm":{}},".s-verify-codes":{"@apply flex justify-between mb-5 -mx-1":{}},".s-verify-input":{"@apply mx-1 transition-colors border border-gray-200 focus:border-primary text-lg dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-2 text-center font-bold":{}},".s-verify-footer":{"@apply text-center":{}},".s-verify-submit":{"@apply w-full mb-5":{}},".s-verify-resend-message":{"@apply text-gray-400 text-sm":{}},".s-verify-timer":{"@apply text-gray-700 mx-1":{}},".s-verify-resend":{"@apply text-sm text-primary text-center":{}},".s-verify-back":{"@apply flex rtl:-right-2.5 ltr:left-2.5 items-center justify-center h-10 w-10 rounded-full text-lg absolute -top-44 text-gray-600 bg-gray-50 hover:bg-gray-100 transition":{}},"[dir='ltr'] .s-verify-back":{"transform":"scale(-1)"}}
1
+ {".s-has-error":{"@apply !border-red-500 !text-red-500":{}},".s-ltr":{"direction":"ltr"},".s-input":{"@apply appearance-none form-input":{}},".s-hidden":{"@apply hidden":{}},".s-block":{"@apply block":{}},".s-scrollbar":{"@apply styled-scrollbar":{}},".s-button-wrap":{"@apply pointer-events-none":{}},".s-button-wrap[width='wide']":{"@apply w-full":{}},".s-button-wrap[type='submit']":{"@apply appearance-none":{}},".s-button-wrap[type='button']":{"@apply appearance-none":{}},".s-button-wrap[type='reset']":{"@apply appearance-none":{}},".s-button-wrap[loading] .s-button-loader-center .s-button-text":{"@apply opacity-0":{}},".s-button-element:not(:disabled):not([loading])":{"@apply pointer-events-auto":{}},".s-button-btn":{"@apply relative transition duration-300 inline-flex flex-1 justify-center items-center px-6 pb-2.5 pt-2 text-sm font-bold rounded-md hover:opacity-80 whitespace-nowrap flex-row-reverse select-none border-solid":{}},".s-button-wrap svg":{"@apply w-5 h-5 fill-[currentColor]":{}},".s-button-icon":{"@apply relative inline-flex justify-center items-center transition duration-300 mx-1 !p-0 !rounded-full w-10 h-10 font-medium flex-shrink-0 !leading-none":{}},".s-button-icon .s-button-text":{"@apply flex":{}},".s-button-icon.s-button-large":{"@apply w-14 h-14":{}},".s-button-icon.s-button-large svg":{"@apply w-8 h-8":{}},".s-button-icon.s-button-small":{"@apply w-6 h-6":{}},".s-button-icon.s-button-small svg":{"@apply w-3.5 h-3.5":{}},".s-button-icon.s-button-small .s-button-loader:before":{"@apply w-3.5 h-3.5":{}},".s-button-link":{"@apply text-primary fill-primary hover:opacity-70 px-1 py-0.5 transition duration-300":{}},".s-button-disabled":{"@apply opacity-50":{}},".s-button-fill-none":{"@apply !bg-transparent !border-0":{}},".s-button-outline":{"@apply border border-[color:currentColor] hover:border-transparent":{}},".s-button-outline .s-button-loader:before":{"@apply border-t-[color:currentColor] border-l-[color:currentColor]":{}},".s-button-solid .s-button-loader:before":{"@apply border-t-white border-r-white border-b-white/20 border-l-white/20":{}},".s-button-primary":{"@apply bg-primary text-primary-reverse hover:bg-primary-d":{}},".s-button-success":{"@apply bg-green-500 text-white fill-white hover:bg-green-600":{}},".s-button-danger":{"@apply bg-red-400 text-white fill-white hover:bg-red-500":{}},".s-button-warning":{"@apply bg-amber-400 text-white fill-white hover:bg-amber-500":{}},".s-button-gray":{"@apply bg-gray-400 text-white fill-white hover:bg-gray-500":{}},".s-button-dark":{"@apply bg-gray-700 text-white fill-white hover:bg-gray-800":{}},".s-button-light":{"@apply bg-gray-50 text-gray-400 hover:bg-gray-100":{}},".s-button-primary-outline":{"@apply text-primary fill-primary hover:bg-primary hover:text-primary-reverse hover:fill-primary-reverse":{}},".s-button-success-outline":{"@apply text-green-500 fill-green-500 hover:bg-green-500 hover:text-white hover:fill-white":{}},".s-button-danger-outline":{"@apply text-red-400 fill-red-400 hover:bg-red-400 hover:text-white hover:fill-white":{}},".s-button-warning-outline":{"@apply text-amber-400 fill-amber-400 hover:bg-amber-400 hover:text-white hover:fill-white":{}},".s-button-gray-outline":{"@apply text-gray-400 fill-gray-400 hover:bg-gray-400 hover:text-white hover:fill-white":{}},".s-button-dark-outline":{"@apply text-gray-700 fill-gray-700 hover:bg-gray-700 hover:text-white hover:fill-white":{}},".s-button-light-outline":{"@apply text-gray-500 fill-gray-500 bg-white !border-gray-200 hover:!border-gray-200":{}},".s-button-primary-link":{"@apply text-primary fill-primary":{}},".s-button-success-link":{"@apply text-green-500 fill-green-500":{}},".s-button-danger-link":{"@apply text-red-400 fill-red-400":{}},".s-button-warning-link":{"@apply text-amber-400 fill-amber-400":{}},".s-button-gray-link":{"@apply text-gray-400 fill-gray-400":{}},".s-button-dark-link":{"@apply text-gray-700 fill-gray-700":{}},".s-button-light-link":{"@apply text-gray-500 fill-gray-500":{}},".s-button-small":{"@apply text-xs px-4 pb-1.5 pt-1 rounded-sm":{}},".s-button-large":{"@apply text-xl px-8 pb-4 pt-4":{}},".s-button-wide":{"@apply w-full":{}},".s-button-text":{"@apply transition-opacity duration-300 items-center pointer-events-none truncate":{}},".s-button-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-4 before:h-4 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-button-loader-after .s-button-loader":{"@apply flex-row":{}},".s-button-loader-start.s-button-element":{"@apply rtl:pl-8 ltr:pr-8 rtl:pr-10 ltr:pl-10":{}},".s-button-loader-start .s-button-loader":{"@apply absolute rtl:right-2 ltr:left-2":{}},".s-button-loader-end.s-button-element":{"@apply rtl:pr-8 ltr:pl-8 rtl:pl-10 ltr:pr-10":{}},".s-button-loader-end .s-button-loader":{"@apply absolute rtl:left-2 ltr:right-2":{}},".s-button-loader-center .s-button-loader":{"@apply absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2 !m-0":{}},".s-infinite-scroll-wrapper":{"@apply text-center mt-4":{}},".s-infinite-scroll-last":{"@apply m-0 text-center":{}},".s-infinite-scroll-error":{"@apply m-0 text-center":{}},".s-list-tile-item":{"@apply p-3 relative flex text-gray-900 no-underline bg-white items-center":{}},".s-list-tile-item-href":{"@apply cursor-pointer":{}},".s-list-tile-item-icon":{"@apply mr-4 rtl:ml-4 rtl:mr-0 shrink-0":{}},".s-list-tile-item-title":{"@apply text-base":{}},".s-list-tile-item-subtitle":{"@apply text-sm":{}},".s-loading-fill-color":{"@apply fill-primary":{}},".s-localization-modal-title":{"@apply text-base font-medium text-gray-900":{}},".s-localization-modal-section":{"@apply mb-8":{}},".s-localization-modal-label-slot":{"@apply flex-grow":{}},".s-localization-modal-section-inner":{"@apply space-y-4 mt-4":{}},".s-localization-modal-item":{"@apply flex items-center":{}},".s-localization-modal-input":{"@apply focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-localization-modal-label":{"@apply rtl:mr-3 ltr:ml-3 flex items-center justify-between text-sm font-medium text-gray-700 flex-grow cursor-pointer":{}},".s-localization-modal-flag":{"@apply rounded-sm":{}},".s-localization-modal-currency":{"@apply text-gray-400":{}},".s-localization-modal-select":{"@apply appearance-none w-full h-10 transition-colors duration-300 border-gray-200 focus:border-primary text-sm rounded-md px-4 text-gray-500":{}},".s-localization-modal-skeleton-content":{"@apply my-8 flex flex-col space-y-4":{}},".s-localization-modal-skeleton-item":{"@apply flex justify-between items-center":{}},".s-localization-modal-skeleton-item-flex":{"@apply flex items-center":{}},".s-localization-modal-skeleton-item-flex salla-skeleton":{"@apply [&:nth-child(1)]:mr-3 rtl:[&:nth-child(1)]:mr-0 rtl:[&:nth-child(1)]:ml-3":{}},".s-login-modal-sub-title":{"@apply text-sm text-gray-400 mb-2.5":{}},".s-login-modal-main-btn":{"@apply flex justify-between items-center flex-1 min-w-0 mb-2.5 box-content relative rounded-md border border-gray-200 bg-white py-5 rtl:pl-4 ltr:pr-4 rtl:pr-5 ltr:pl-5 rtl:space-x-reverse space-x-3 transition-all duration-300 hover:bg-gray-50":{}},".s-login-modal-main-btn-icon":{"@apply bg-primary w-12 h-12 text-lg rounded-icon flex-shrink-0":{}},".s-login-modal-main-btn-icon svg":{"@apply fill-white":{}},".s-login-modal-main-btn-text":{"@apply flex-1 font-bold p-3":{}},".s-login-modal-main-btn-arrow svg":{"@apply fill-gray-800 w-4 h-4":{}},".s-login-modal-header-icon":{"@apply rtl:ml-2 ltr:mr-2 sm:rtl:ml-0 sm:ltr:mr-0 sm:mx-auto inline-flex items-center justify-center w-16 h-16 sm:h-20 sm:w-20 rounded-full sm:mb-4 border border-solid border-gray-200":{}},".s-login-modal-header-icon svg":{"@apply w-7 h-7 fill-gray-400 flex-shrink-0":{}},".s-login-modal-label":{"@apply block text-sm font-medium text-gray-700 mb-2":{}},".s-login-modal-input":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-3":{}},".s-login-modal-link":{"@apply text-sm text-primary block text-center mt-6":{}},".s-login-modal-error-message":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-login-modal-wrapper":{"@apply transition-all duration-300 ease-elastic":{}},".s-login-modal-tab":{"@apply transition-all duration-500":{}},".s-login-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-login-modal-unactive":{"@apply opacity-0 translate-x-3":{}},"[dir='rtl'] .s-login-modal-main-btn-arrow":{"transform":"scale(-1)"},".s-loyalty-prize-item":{"@apply w-64 h-80 bg-white bg-cover text-3xl rounded-xl overflow-hidden mb-2 text-center border border-gray-200 cursor-pointer":{}},".s-loyalty-prize-item-selected":{"@apply border border-primary border-solid shadow ease-in-out duration-300 transition-all !-translate-y-0.5":{}},".s-loyalty-prize-item-selected .s-loyalty-prize-item-check":{"@apply border-primary flex items-center justify-center":{}},".s-loyalty-prize-item-selected .s-loyalty-prize-item-check > div":{"@apply w-2.5 h-2.5 rounded-full bg-primary":{}},".s-loyalty-prize-item-image":{"@apply w-full object-cover bg-cover h-36":{}},".s-loyalty-prize-item-title":{"@apply px-2 text-base font-bold mt-3":{}},".s-loyalty-prize-item-check":{"@apply absolute left-5 rtl:left-0 rtl:right-5 border border-gray-200 w-4 h-4 rounded-full ml-auto mr-2":{}},".s-loyalty-prize-item-subtitle":{"@apply px-2 mt-3 text-sm font-normal text-gray-500":{}},".s-loyalty-prize-item-points":{"@apply absolute bottom-0 ml-auto w-full mt-2 p-3 flex justify-center text-primary items-center text-sm border-t border-gray-200":{}},".s-loyalty-program-redeem-btn":{"@apply transition-all duration-300 ease-in-out overflow-hidden":{}},".s-loyalty-header":{"@apply mb-5 block":{}},".s-loyalty-skeleton .s-list-tile-item-content":{"@apply block w-full":{}},".s-loyalty-header-icon":{"@apply bg-[#ff9e011a] rounded-full flex justify-center items-center h-24 w-24 relative":{}},".s-loyalty-header-icon > img":{"@apply h-12 w-12":{}},".s-loyalty-header-title":{"@apply text-xl mb-2":{}},".s-loyalty-header-subtitle":{"@apply text-sm text-gray-800":{}},".s-loyalty-activator-icon":{"@apply h-12 w-12 rounded-full bg-red-600 flex justify-center items-center":{}},".s-loyalty-activator-icon > svg":{"@apply fill-white":{}},".s-loyalty-confirmation-modal-conten":{"@apply pb-5":{}},".s-loyalty-confirmation-actions":{"@apply flex justify-between items-center mt-5 p-5 pt-2 space-x-5":{}},".s-loyalty-widget .s-list-tile-item":{"@apply rounded-lg p-4":{}},".s-loyalty-widget-icon":{"@apply bg-primary rounded-full w-[50px] h-[50px] flex items-center justify-center":{}},".s-loyalty-widget-icon > svg":{"@apply fill-white w-6":{}},".s-loyalty-after-exchange .s-list-tile-item":{"@apply py-3 px-12 relative overflow-hidden rounded justify-center after:content-[''] after:block after:w-full after:h-full after:absolute after:inset-0 after:pointer-events-none after:bg-primary after:opacity-[.08]":{}},".s-loyalty-after-exchange .s-list-tile-item .s-list-tile-item-title":{"@apply text-[15px]":{}},".s-loyalty-after-exchange-reset":{"@apply absolute right-4 rtl:right-[unset] rtl:left-4 h-6":{}},".s-loyalty-after-exchange-reset button":{"@apply border-red-400 text-[15px]":{}},".s-loyalty-after-exchange-reset button span":{"@apply scale-75 flex items-center justify-center":{}},".s-loyalty-after-exchange-reset button svg":{"@apply fill-red-400":{}},".s-loyalty-after-exchange-reset button:hover svg":{"@apply fill-white":{}},".s-loyalty-after-exchange-action":{"@apply flex items-center justify-center":{}},".s-loyalty-placeholder":{"@apply flex justify-center items-center":{}},".s-loyalty-skeleton .s-loyalty-header-subtitle > salla-skeleton":{"@apply mb-3 block":{}},".s-loyalty-skeleton .s-loyalty-prize-item-subtitle > salla-skeleton":{"@apply mb-3 block":{}},".s-loyalty-skeleton .s-loyalty-header-title":{"@apply mb-5":{}},".s-loyalty-skeleton-cards":{"@apply flex items-center":{}},".s-loyalty-skeleton .s-loyalty-prize-item":{"@apply !cursor-[unset] text-center relative mr-5 last:mr-0 rtl:mr-0 rtl:ml-5 rtl:last:ml-0 w-1/3":{}},".s-loyalty-skeleton .s-loyalty-prize-item .s-skeleton-wrapper":{"@apply mx-auto":{}},".s-loyalty-skeleton .s-loyalty-prize-item-check":{"@apply border-0":{}},".s-modal-container":{"@apply fixed z-50 inset-0 overflow-hidden":{}},".s-modal-wrapper":{"@apply flex items-end justify-center h-full overflow-y-auto text-center sm:block":{}},".s-modal-loader":{"@apply transition flex mx-2 justify-center items-center before:content-[''] before:inline-block before:w-10 before:h-10 before:border-solid before:border-2 before:border-t-primary before:border-l-primary before:border-b-gray-100 before:border-r-gray-100 before:animate-spin before:rounded-full":{}},".s-modal-close svg":{"@apply fill-red-400 hover:fill-red-500 absolute z-1 right-4 rtl:right-[unset] rtl:left-4 top-4 transition border-none bg-transparent text-lg cursor-pointer w-4 h-4":{}},".s-modal-header":{"@apply flex sm:flex-col":{}},".s-modal-header-inner":{"@apply mb-5 flex sm:block items-center text-center":{}},".s-modal-header-content":{"@apply flex flex-col":{}},".s-modal-header-img":{"@apply max-w-[150px] mx-auto sm:mb-4":{}},".s-modal-icon":{"@apply flex-shrink-0 rtl:ml-2 ltr:mr-2 sm:rtl:ml-0 sm:ltr:mr-0 sm:mx-auto inline-flex items-center justify-center w-16 h-16 sm:h-20 sm:w-20 rounded-full sm:mb-4 text-3xl border border-solid border-gray-200":{}},".s-modal-icon svg":{"@apply fill-gray-400":{}},".s-modal-bg-normal":{"@apply bg-white":{}},".s-modal-bg-success":{"@apply bg-green-100 border-green-300":{}},".s-modal-bg-success svg":{"@apply fill-green-600":{}},".s-modal-bg-error":{"@apply bg-red-100 border-red-300":{}},".s-modal-bg-error svg":{"@apply fill-red-600":{}},".s-modal-bg-primary":{"@apply bg-primary border-primary":{}},".s-modal-bg-primary svg":{"@apply fill-primary-reverse":{}},".s-modal-title":{"@apply sm:mb-2 text-lg leading-6 font-bold text-gray-900":{}},".s-modal-sub-title":{"@apply sm:mb-2 text-sm text-gray-500":{}},".s-modal-title-below":{"@apply order-10":{}},".s-modal-body-slot":{"@apply w-full":{}},".s-modal-body":{"@apply relative overflow-hidden sm:overflow-visible inline-block bg-white rounded-b-none sm:rounded-b-lg rounded-lg rtl:text-right ltr:text-left shadow-xl transform transition-all w-full ease-in duration-200 translate-y-4 sm:translate-y-0 sm:scale-95 sm:my-8":{}},".s-modal-padding":{"@apply p-4 pt-6 sm:p-8":{}},".s-modal-spacer":{"@apply inline-block h-screen":{}},".s-modal-align-middle":{"@apply align-middle":{}},".s-modal-align-top":{"@apply align-top":{}},".s-modal-align-bottom":{"@apply align-bottom":{}},".s-modal-overlay":{"@apply fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity ease-in duration-200":{}},".s-modal-overlay-leaving":{"@apply opacity-0":{}},".s-modal-entering":{"@apply ease-out duration-300 opacity-100 translate-y-0 sm:scale-100":{}},".s-modal-leaving":{"@apply opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95":{}},".s-modal-is-center":{"@apply sm:text-center items-center":{}},".s-modal-xs":{"@apply sm:w-[380px]":{}},".s-modal-sm":{"@apply sm:w-[480px]":{}},".s-modal-md":{"@apply md:w-[768px]":{}},".s-modal-lg":{"@apply w-[992px]":{}},".s-modal-xl":{"@apply w-[1280px]":{}},".s-modal-full":{"@apply w-full md:w-[calc(100%-70px)] h-full md:h-[calc(100%-70px)]":{}},".s-offer-modal-body":{"display":"flex","overflow-x":"auto","margin-left":"-32px","margin-right":"-32px","padding-left":"32px","padding-right":"32px","gap":"24px","padding-bottom":"32px","-webkit-overflow-scrolling":"touch","&::-webkit-scrollbar":{"display":"none"}},".s-offer-modal-badge":{"@apply rtl:ml-2.5 ltr:ml-2.5 bg-gray-100 py-2.5 px-4 rounded-3xl inline-flex items-center text-gray-500 justify-center text-sm mb-2.5":{}},".s-offer-modal-badge-icon":{"@apply rtl:ml-1.5 ltr:ml-1.5":{}},".s-offer-modal-badge-icon svg":{"@apply w-6 h-6":{}},".s-offer-modal-badge-text":{"@apply -translate-y-0.5":{}},".s-offer-modal-product":{"@apply flex flex-col flex-grow flex-shrink-0 w-[70%] sm:w-[40%] lg:w-[28%]":{}},".s-offer-modal-product-image-wrap":{"@apply block relative overflow-hidden h-32 rounded-md mb-4 bg-gray-50":{}},".s-offer-modal-product-image":{"@apply h-full w-full object-cover":{}},".s-offer-modal-not-available":{"@apply grayscale":{}},".s-offer-modal-product-info":{"@apply mb-4":{}},".s-offer-modal-product-name":{"@apply flex flex-col justify-start items-baseline text-base text-gray-800 hover:text-primary leading-6 mb-1.5 transition-colors":{}},".s-offer-modal-product-price":{"@apply w-full flex items-center mb-5 md:mb-0 rtl:sm:mr-2 ltr:sm:ml-2 font-bold text-sm":{}},".s-offer-modal-product-old-price":{"@apply text-gray-400 line-through text-xs mx-1":{}},".s-offer-modal-btn-wrap":{"@apply mt-auto":{}},".s-offer-modal-header-icon":{"@apply rtl:ml-2 ltr:mr-2 sm:rtl:ml-0 sm:ltr:mr-0 sm:mx-auto inline-flex items-center justify-center w-16 h-16 sm:h-20 sm:w-20 rounded-full sm:mb-4 border border-solid border-gray-200":{}},".s-offer-modal-header-icon svg":{"@apply w-7 h-7 fill-gray-400 flex-shrink-0":{}},".s-offer-modal-footer":{"@apply flex flex-col sm:flex-row justify-between text-sm text-gray-400 sm:mt-8":{}},".s-offer-modal-expiry":{"@apply mb-5 md:mb-0":{}},".s-offer-modal-remember-label":{"@apply flex rtl:sm:mr-2 ltr:sm:ml-2 text-sm font-medium cursor-pointer transition-colors hover:text-gray-500":{}},".s-offer-modal-remember-input":{"@apply focus:ring-transparent h-6 w-6 text-primary border-gray-200 rounded-md":{}},".s-offer-modal-scrolled-slider-wrap":{"@apply relative":{}},".s-offer-modal-slider-nav":{"@apply hidden sm:block pointer-events-none overflow-hidden -mx-8 absolute top-0 h-full w-[calc(100%+64px)]":{}},".s-offer-modal-nav-btn":{"@apply absolute top-0 h-full w-20 opacity-0 transition duration-300 flex justify-center items-center":{}},".s-offer-modal-nav-btn-icon":{"@apply w-10 h-10 transition-shadow shadow-lg hover:shadow-sm rounded-full bg-white text-primary inline-flex justify-center items-center text-xl":{}},".s-offer-modal-nav-btn-icon svg":{"@apply fill-primary w-5 h-5":{}},".s-offer-modal-next-btn":{"@apply rtl:left-0 ltr:right-0 translate-x-full bg-gradient-to-l from-white":{}},"[dir='rtl'] .s-offer-modal-next-btn":{"transform":"scale(-1) translateX(100%)"},".s-offer-modal-prev-btn":{"@apply rtl:right-0 ltr:left-0 -translate-x-full bg-gradient-to-r from-white":{}},"[dir='rtl'] .s-offer-modal-prev-btn":{"transform":"scale(-1) translateX(-100%)"},".s-offer-modal-btn-is-active":{"@apply opacity-100 pointer-events-auto translate-x-0":{}},"[dir='rtl'] .s-offer-modal-btn-is-active":{"transform":"scale(-1) translateX(0)"},".s-placeholder-title":{"@apply text-base leading-6 text-gray-900 mb-1":{}},".s-placeholder-description":{"@apply text-sm text-gray-400":{}},".s-placeholder-icon":{"@apply fill-gray-200 mb-4":{}},".s-placeholder-icon-xl":{"@apply mb-6":{}},".s-placeholder-align-left":{"@apply text-left":{}},".s-placeholder-align-center":{"@apply text-center":{}},".s-placeholder-align-right":{"@apply text-right":{}},".s-placeholder-align-right > .s-placeholder-icon":{"@apply flex justify-end rtl:justify-start items-center":{}},".s-placeholder-align-center > .s-placeholder-icon":{"@apply flex justify-center items-center":{}},".s-placeholder-icon-xs > svg":{"@apply scale-75":{}},".s-placeholder-icon-sm > svg":{"@apply scale-100":{}},".s-placeholder-icon-md > svg":{"@apply scale-125":{}},".s-placeholder-icon-lg > svg":{"@apply scale-150":{}},".s-placeholder-icon-xl > svg":{"@apply scale-[2]":{}},".s-placeholder-wrapper":{"@apply my-12 block":{}},".s-product-availability-wrap":{"@apply w-full":{}},".s-product-availability-subscribed":{"@apply w-full text-green-500 bg-gray-100 px-6 py-3 text-sm font-bold rounded-md flex items-center justify-center":{}},".s-product-availability-subs-icon":{"@apply font-bold mx-1.5":{}},".s-product-availability-body":{"@apply z-50 relative":{}},".s-product-availability-label":{"@apply block text-sm font-bold text-gray-700 rtl:text-right ltr:text-left mb-2.5":{}},".s-product-availability-input":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-3":{}},".s-product-availability-footer":{"@apply flex justify-between rtl:space-x-reverse space-x-4":{}},".s-product-availability-footer-btn":{"@apply w-full":{}},".s-product-availability-error-msg":{"@apply s-has-error text-xs block h-7 pt-1":{}},".s-product-size-guide-block":{"@apply block":{}},".s-product-size-guide-placeholder":{"@apply flex justify-center items-center":{}},".s-product-size-guide-skeleton-table":{"@apply border border-gray-200 w-full leading-5 mt-5":{}},".s-product-size-guide-skeleton-table td":{"@apply p-2 leading-5 border border-gray-200":{}},".s-product-size-guide-skeleton-content":{"@apply flex flex-col space-y-3 mt-5":{}},".s-product-size-guide-skeleton-header":{"@apply flex justify-between items-center my-8 space-x-5 rtl:space-x-reverse":{}},".s-product-size-guide-skeleton-header > salla-skeleton":{"@apply flex-1":{}},".s-quantity-input-container":{"@apply flex items-stretch justify-around h-10 border rounded-md text-sm":{}},".s-quantity-input-input":{"@apply shadow-none border-t-0 border-b-0 border border-gray-200 focus:border-gray-300 font-bold px-2 text-center w-12":{}},".s-quantity-input-button":{"@apply fill-gray-400 w-11 hover:fill-primary transition-colors duration-300":{}},".s-quantity-input-button svg":{"@apply w-5 h-5 mx-auto":{}},".s-rating-modal-wrapper":{"@apply mb-10 transition-all duration-300 ease-elastic":{}},".s-rating-modal-footer":{"@apply relative flex justify-between items-center":{}},".s-rating-modal-btn":{"@apply font-bold text-sm h-10 px-4 text-primary hover:text-primary-d duration-300 transition-all":{}},".s-rating-modal-dots":{"@apply absolute left-1/2 -translate-x-1/2 flex justify-center text-center rtl:space-x-reverse space-x-1.5 flex-1":{}},".s-rating-modal-step-dot":{"@apply w-2.5 h-2.5 rounded-full transition-colors duration-300":{}},".s-rating-modal-step":{"@apply transition-all duration-500":{}},".s-rating-modal-active":{"@apply opacity-100 translate-x-0":{}},".s-rating-modal-unactive":{"@apply opacity-0 translate-x-3":{}},".s-rating-modal-hidden":{"@apply !hidden":{}},".s-rating-modal-unvisiable":{"@apply opacity-0 pointer-events-none":{}},".s-rating-modal-step-wrap":{"@apply relative pb-4 flex flex-col items-center":{}},".s-rating-modal-product-details":{"@apply relative pb-4 flex flex-col flex-1":{}},".s-rating-modal-rounded-icon":{"@apply w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4 overflow-hidden":{}},".s-rating-modal-title":{"@apply text-lg font-bold mb-4":{}},".s-rating-modal-store-logo":{"@apply w-16 object-contain":{}},".s-rating-modal-shipping-logo":{"@apply w-full h-full object-contain":{}},".s-rating-modal-shipping-icon":{"@apply text-5xl text-primary":{}},".s-rating-modal-comment":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full mb-4 p-3 !h-20 mb-2":{}},".s-rating-modal-validation-msg":{"@apply absolute bottom-0 text-red-400 block w-full":{}},".s-rating-modal-product":{"@apply flex rtl:space-x-reverse space-x-5 mb-6 last:mb-0":{}},".s-rating-modal-product-img-wrap":{"@apply w-20 h-14 rounded-md overflow-hidden bg-gray-100":{}},".s-rating-modal-product-img":{"@apply w-full h-full object-cover text-[0px] relative before:content-[''] before:absolute before:w-full before:h-full before:top-0 before:left-0 before:bg-gray-200":{}},".s-rating-modal-product-title":{"@apply leading-5 mb-1.5 font-bold md:text-sm":{}},".s-rating-modal-thanks":{"@apply px-8 text-center transition-all duration-500":{}},".s-rating-modal-icon":{"@apply w-20 h-20 inline-flex justify-center items-center bg-gray-50 rounded-full text-primary":{}},".s-rating-modal-icon svg":{"@apply fill-primary w-7 h-7":{}},".s-rating-modal-thanks-title":{"@apply font-bold mt-4":{}},".s-rating-modal-thanks-msg":{"@apply text-gray-400 text-sm mb-6":{}},".s-rating-modal-thanks-btn":{"@apply btn btn-primary h-10 flex-none px-8":{}},".s-rating-modal-thanks-time":{"@apply text-gray-400 block h-6 mt-3 text-sm":{}},".s-rating-modal-stars-company":{"@apply mb-5":{}},".s-rating-modal-stars-product":{"@apply mb-1":{}},".s-rating-modal-bg-gray":{"@apply bg-gray-200":{}},".s-rating-modal-bg-primary":{"@apply bg-primary":{}},"unicode":{"unicode-bidi":"plaintext"},".s-rating-stars-wrapper":{"@apply inline-flex":{}},".s-rating-stars-btn-star":{"@apply border-0 transition-colors px-0.5 fill-gray-300":{}},".s-rating-stars-large svg":{"@apply w-7 h-7":{}},".s-rating-stars-medium svg":{"@apply w-5 h-5":{}},".s-rating-stars-small svg":{"@apply w-4 h-4":{}},".s-rating-stars-mini svg":{"@apply w-3 h-3":{}},".s-rating-stars-hovered":{"@apply fill-amber-400":{}},".s-rating-stars-selected":{"@apply fill-amber-400":{}},".s-scopes-title":{"@apply mb-3":{}},".s-scopes-header":{"@apply block text-center mb-2":{}},".s-scopes-header-icon":{"@apply rounded-full m-auto h-20 w-20 flex items-center justify-center bg-[#FCFCFC] border border-gray-200":{}},".s-scopes-header-icon svg":{"@apply h-8 fill-primary":{}},".s-scopes-header-title":{"@apply text-gray-400 text-lg":{}},".s-scopes-header-subtitle":{"@apply text-xl text-left rtl:text-right":{}},".s-scopes-search-wrapper":{"@apply relative w-full":{}},".s-scopes-search-icon":{"@apply flex absolute inset-y-0 left-0 rtl:left-auto rtl:right-0 items-center pl-3 rtl:pl-0 rtl:pr-3 pointer-events-none":{}},".s-scopes-search-icon svg":{"@apply w-5 h-5 fill-gray-400":{}},".s-scopes-search-input":{"@apply bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded focus:ring-primary block w-full pl-10 rtl:pl-0 rtl:pr-10 p-2.5":{}},".s-scopes-input-wrap":{"@apply flex items-center mb-5 last:mb-0":{}},".s-scopes-input":{"@apply rtl:ml-3 ltr:mr-3 focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-scopes-label":{"@apply flex items-center justify-between text-base font-medium text-gray-700 flex-grow":{}},".s-scopes-select":{"@apply w-full h-10 transition-colors duration-300 border-gray-200 focus:border-primary text-sm rounded-md appearance-none px-4":{}},".s-scopes-container":{"@apply max-h-[300px] overflow-y-auto mt-5 pl-2 rtl:pl-0 rtl:pr-2":{}},".s-scopes-sr-only":{"@apply sr-only":{}},".s-scopes-is-closed":{"@apply opacity-50":{}},".s-scopes-closed-badge":{"@apply text-red-400":{}},".s-scopes-clickable":{"@apply cursor-pointer":{}},".s-scopes-submit":{"@apply mt-6 h-auto":{}},".s-scopes-color-red":{"@apply text-red-400":{}},".s-scopes-color-green":{"@apply text-green-500":{}},".s-scopes-color-gray":{"@apply text-gray-400":{}},".s-scopes-hidden":{"@apply hidden":{}},".s-scopes-input-wrap.is-hidden-branch":{"@apply hidden":{}},".s-scopes-wrap":{"@apply flex flex-col max-h-[350px]":{}},".s-scopes-wrap .s-placeholder-wrapper":{"@apply h-48 flex flex-col items-center justify-center":{}},".s-scopes-footer":{"@apply mt-auto":{}},".s-scopes-modal .s-modal-header":{"@apply !block":{}},".s-scopes-skeleton .s-list-tile-item-content":{"@apply block w-full":{}},".s-scopes-skeleton .s-scopes-header-title > salla-skeleton":{"@apply block my-3":{}},".s-scopes-skeleton .s-scopes-header-subtitle > salla-skeleton":{"@apply block mb-3":{}},".s-scopes-skeleton .s-scopes-skeleton-scopes > salla-skeleton":{"@apply block mb-5":{}},".s-scopes-skeleton .s-scopes-skeleton-search":{"@apply my-8":{}},".s-scopes-skeleton .s-scopes-skeleton-search > salla-skeleton":{"@apply block mb-3":{}},".s-scopes-skeleton .s-list-tile-item-icon":{"@apply mr-[2rem] rtl:mr-0 rtl:ml-[2rem]":{}},".s-scopes-skeleton-btn":{"@apply mt-8":{}},".s-search-container":{"@apply relative z-1 max-h-56 rounded-md transition":{}},".s-search-oval":{"@apply rounded-[20px]":{}},".s-search-inline":{"@apply min-w-[220px]":{}},".s-search-container-open":{"@apply max-h-96 !rounded-none":{}},".s-search-container-open .s-search-input":{"@apply border border-gray-200 !rounded-t-md !rounded-b-none":{}},".s-search-no-results .s-search-input":{"@apply border border-gray-200":{}},".s-search-input":{"@apply bg-white w-full rtl:pr-10 ltr:pl-10 pt-0 pb-0.5 text-gray-600 h-10 transition-colors duration-300 focus:ring-transparent focus:border-gray-200 sm:text-sm border-gray-100 rounded-md":{}},".s-search-icon-wrap":{"@apply leading-none absolute top-1/2 transform -translate-y-1/2 rtl:right-4 ltr:left-4 text-gray-400":{}},".s-search-icon svg":{"@apply w-4 h-4 fill-gray-400":{}},".s-search-spinner-loader":{"@apply block w-4 h-4 animate-spin border-2 border-gray-200 border-r-primary rounded-full":{}},".s-search-results":{"@apply min-w-[400px] max-w-full absolute w-full rounded-b-md m-auto max-h-96 overflow-y-auto bg-white shadow-xl":{}},".s-search-no-results":{"@apply !rounded-b-none":{}},".s-search-no-results-placeholder":{"@apply p-4 text-sm text-gray-400 text-center":{}},".s-search-product":{"@apply h-full transition duration-500 bg-transparent justify-around overflow-hidden flex transition-colors duration-300 hover:bg-gray-50 px-4 xs:px-5 py-3 border-b border-gray-100 last:border-b-0":{}},".s-search-product-image-container":{"@apply relative overflow-hidden w-20 h-14 rounded-md bg-gray-100":{}},".s-search-product-image":{"@apply h-full w-full object-cover text-[0px] relative before:content-[''] before:absolute before:w-full before:h-full before:top-0 before:left-0 before:bg-gray-200":{}},".s-search-product-details":{"@apply flex-1 rtl:pr-4 ltr:pl-4 xs:rtl:pr-5 xs:ltr:pl-5 pt-1":{}},".s-search-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-gray-600 leading-6 mb-1.5":{}},".s-search-product-price":{"@apply w-full flex items-center text-primary font-bold text-sm":{}},".s-search-product-regular-price":{"@apply text-gray-400 line-through px-3 font-medium":{}},".s-search-product-not-available":{"@apply grayscale":{}},".s-search-modal .s-modal-wrapper":{"align-items":"flex-start","padding":"0"},".s-search-modal .s-modal-spacer":{"display":"inline"},".s-search-modal .s-modal-body":{"padding":"0","max-width":"90%","margin-top":"3.2rem","border-radius":"0.5rem","background":"transparent","overflow":"visible"},".s-search-modal .s-modal-close":{"top":"50%","transform":"translateY(-50%)"},".s-skeleton-wrapper":{"@apply animate-pulse block":{}},".s-skeleton-item":{"@apply bg-gray-200 rounded-md dark:bg-gray-700 w-full h-full":{}},".s-skeleton-item-circular":{"@apply rounded-full":{}},".s-social-share-wrapper":{"@apply relative":{}},".s-social-share-btn span":{"@apply pointer-events-none":{}},".s-social-share-btn span svg":{"@apply w-4 h-4":{}},".s-social-share-list":{"@apply absolute z-10 overflow-hidden opacity-0 top-12 bg-white flex items-center flex-col shadow rounded-3xl left-[2.5px] h-0":{}},".s-social-share-list.opened":{"@apply h-auto":{}},".s-social-share-list a":{"@apply block p-3":{}},".s-social-share-list a:hover svg":{"@apply fill-primary":{}},".s-social-share-icon svg":{"@apply w-5 h-5":{}},".s-swiper-container":{"@apply pt-1":{}},".s-swiper-button-next":{"@apply !-right-[25px] absolute top-[50%] z-10":{}},".s-swiper-button-next svg":{"@apply w-4 h-4":{}},".s-swiper-button-prev":{"@apply !-left-[25px] absolute top-[50%] z-10":{}},".s-swiper-button-prev svg":{"@apply w-4 h-4":{}},".s-tabs-bg-normal":{"@apply bg-gray-50":{}},".s-tabs-header":{"@apply cursor-pointer flex justify-start content-center border-b-2 border-primary space-x-1 rtl:space-x-reverse overflow-x-auto md:overflow-x-hidden":{}},".s-tabs-header-item":{"@apply py-2 px-3 md:px-7 rounded-t-lg text-sm bg-gray-200":{}},".s-tabs-content":{"@apply hidden":{}},".s-tabs-content-wrapper":{"@apply py-3":{}},".s-tabs-content-selected":{"@apply block":{}},".s-tabs-active":{"@apply bg-primary text-white":{}},".s-tel-input-control":{"@apply transition-colors border border-gray-200 focus:border-primary text-sm dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-3":{}},".s-tel-input-error-msg":{"@apply s-has-error text-xs block h-6 pt-1 mb-2.5":{}},".s-verify-message":{"@apply text-xs mb-7 text-gray-400 text-center":{}},".s-verify-label":{"@apply block mb-4 text-center text-sm":{}},".s-verify-codes":{"@apply flex justify-between mb-5 -mx-1":{}},".s-verify-input":{"@apply mx-1 transition-colors border border-gray-200 focus:border-primary text-lg dark:bg-gray-600 dark:border-gray-600 rounded-md w-full h-10 px-2 text-center font-bold":{}},".s-verify-footer":{"@apply text-center":{}},".s-verify-submit":{"@apply w-full mb-5":{}},".s-verify-resend-message":{"@apply text-gray-400 text-sm":{}},".s-verify-timer":{"@apply text-gray-700 mx-1":{}},".s-verify-resend":{"@apply text-sm text-primary text-center":{}},".s-verify-back":{"@apply flex -left-2.5 rtl:left-[unset] rtl:-right-2.5 items-center justify-center h-10 w-10 rounded-full text-lg absolute -top-44 text-gray-600 bg-gray-50 hover:bg-gray-100 transition":{}},"[dir='ltr'] .s-verify-back":{"transform":"scale(-1)"}}