@salla.sa/twilight-tailwind-theme 1.5.13 → 1.6.3
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/README.md +98 -20
- package/index.js +42 -0
- package/package.json +2 -2
- package/safe-list-css.txt +89 -0
- package/utilities.json +1 -1
package/README.md
CHANGED
|
@@ -1,40 +1,118 @@
|
|
|
1
|
+
|
|
2
|
+
<div id="top"></div>
|
|
3
|
+
<br />
|
|
4
|
+
<div align="center">
|
|
5
|
+
<a href="https://salla.dev">
|
|
6
|
+
<img src="https://salla.dev/wp-content/themes/salla-portal/dist/img/salla-logo.png" alt="Logo" width="80" height="80">
|
|
7
|
+
</a>
|
|
8
|
+
<h1 align="center">Twilight Tailwind-Theme</h1>
|
|
9
|
+
<p align="center">
|
|
10
|
+
The Tailwind-Theme Plugin registers the <a ref="https://github.com/SallaApp/twilight-components">Twilight Web Component</a> styles and injects them using JavaScript instead of CSS. It's a good starting point for Tailwind-based themes.
|
|
11
|
+
<br />
|
|
12
|
+
<a href="https://salla.dev/"><strong>Explore our blogs »</strong></a>
|
|
13
|
+
<br />
|
|
14
|
+
<a href="https://github.com/SallaApp/twilight-components/edit/master/packages/tailwind-theme/issues/new">Report Bug</a> ·
|
|
15
|
+
<a href="https://github.com/SallaApp/twilight-components/edit/master/packages/tailwind-theme/discussions/new">Request Feature</a> . <a href="https://t.me/salladev"></Salla Developers></a> . <a href="https://docs.salla.dev/docs/twilight-themes-documentation">Official Documentation</a>
|
|
16
|
+
</p>
|
|
17
|
+
</div>
|
|
18
|
+
|
|
19
|
+
<!-- TABLE OF CONTENTS -->
|
|
20
|
+
<details open>
|
|
21
|
+
<summary>Table of Contents</summary>
|
|
22
|
+
<ol>
|
|
23
|
+
<li><a href="#overview">Overview</a></li>
|
|
24
|
+
<li><a href="#usage">Usage</a>
|
|
25
|
+
<ul>
|
|
26
|
+
<li><a href="#jit-enabled">JIT Enabled</a></li>
|
|
27
|
+
</ul>
|
|
28
|
+
</li>
|
|
29
|
+
<li><a href="#add-a-new-component">Add a New Component</a></li>
|
|
30
|
+
<li><a href="#publish">Publish</a></li>
|
|
31
|
+
<li><a href="#support">Support</a></li>
|
|
32
|
+
<li><a href="#contributing">Contributing</a></li>
|
|
33
|
+
<li><a href="#credits">Credits</a></li>
|
|
34
|
+
<li><a href="#license">License</a></li>
|
|
35
|
+
</ol>
|
|
36
|
+
</details>
|
|
37
|
+
|
|
38
|
+
<br>
|
|
39
|
+
|
|
40
|
+
## Overview
|
|
41
|
+
The Tailwind-Theme Plugin registers the styles needed by the [Twilight Web Components](https://github.com/SallaApp/twilight-components) and then injects them into the theme stylesheet using JavaScript instead of CSS. It can also be used as a starter theme for any theme based on [Tailwind](https://tailwindcss.com/).
|
|
42
|
+
|
|
1
43
|
## Usage
|
|
44
|
+
By default, any [Tailwind-based](https://tailwindcss.com/) theme will look for the `tailwind.config.js` file at the root of the project to retrieve any pre-settings and customizations. Accordingly, the plugin Tailwind-Theme should be added to the `tailwind.config.js` file as follows:
|
|
2
45
|
|
|
3
|
-
1. add the plugin to tailwaind plugins in `tailwind.config.js` file
|
|
4
46
|
```js
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
47
|
+
plugins: [
|
|
48
|
+
...
|
|
49
|
+
require('@salla.sa/twilight-tailwind-theme'),
|
|
50
|
+
....
|
|
51
|
+
]
|
|
10
52
|
```
|
|
11
53
|
|
|
12
54
|
### JIT Enabled
|
|
13
55
|
|
|
14
|
-
**Tailwind** added a [just-in-time compiler](https://v2.tailwindcss.com/docs/just-in-time-mode), which generates styles as the developer writes the theme rather than generating everything in advance at initial build time.
|
|
15
|
-
|
|
16
|
-
Since JIT mode generates your CSS on-demand by scanning your template files, it’s crucial that you configure the `content` option in your `tailwind.config.js` file with all of your template paths, otherwise your CSS will be empty
|
|
56
|
+
**Tailwind** added a [just-in-time compiler](https://v2.tailwindcss.com/docs/just-in-time-mode), which generates styles as the developer writes the theme rather than generating everything in advance at initial build time. Since JIT mode generates your CSS on-demand by scanning your template files, it’s crucial that the developer configure the `content` option in the `tailwind.config.js` file with all of the theme paths, otherwise the CSS classes will be empty.
|
|
17
57
|
|
|
18
58
|
|
|
19
59
|
```js title="tailwind.config.js"
|
|
20
60
|
...
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
61
|
+
content: [
|
|
62
|
+
// theme views
|
|
63
|
+
"views/**/*.twig",
|
|
64
|
+
// list of classes which required by twilight web components
|
|
65
|
+
"node_modules/@salla.sa/twilight-tailwind-theme/safe-list-css.txt"
|
|
66
|
+
],
|
|
27
67
|
...
|
|
28
68
|
```
|
|
29
69
|
|
|
30
|
-
## Add
|
|
31
|
-
|
|
32
|
-
1. create a new folder with the name of compnenet
|
|
33
|
-
2. create a `utilities.json` file with list of class as json
|
|
70
|
+
## Add a New Component
|
|
34
71
|
|
|
72
|
+
With Tailwind, developer style elements by applying pre-existing classes directly into the HTML. This is done using utility classes to build custom designs without writing CSS. Based on that, the developer may develop a new component by simple doing the following steps:
|
|
35
73
|
|
|
74
|
+
1. Create a new folder with the name of the new compnenet.
|
|
75
|
+
2. Create a `utilities.json` file with list of new compnenet's classes as json.
|
|
76
|
+
|
|
36
77
|
## Publish
|
|
37
|
-
|
|
78
|
+
Last, the developer may publish the project using the following command:
|
|
38
79
|
```
|
|
39
80
|
npm run publish
|
|
40
81
|
```
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
<p align="right">(<a href="#top">back to top</a>)</p>
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
## Support
|
|
90
|
+
|
|
91
|
+
The team is always here to help you. Happen to face an issue? Want to report a bug? You can submit one here on Github using the [Issue Tracker](https://github.com/SallaApp/theme-raed/issues/new). If you still have any questions, please contact us via the [Telegram Bot](https://t.me/SallaSupportBot) or join in the Global Developer Community on [Telegram](https://t.me/salladev).
|
|
92
|
+
|
|
93
|
+
<p align="right">(<a href="#top">back to top</a>)</p>
|
|
94
|
+
|
|
95
|
+
## Contributing
|
|
96
|
+
|
|
97
|
+
Contributions are what make the open-source community such an amazing place to learn, inspire, and create.
|
|
98
|
+
Any contributions you make are **greatly appreciated**.
|
|
99
|
+
|
|
100
|
+
If you have a suggestion that would make this better, please fork the repo and create a pull request.
|
|
101
|
+
You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
|
|
102
|
+
|
|
103
|
+
1. Fork the Project
|
|
104
|
+
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
|
|
105
|
+
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
|
|
106
|
+
4. Push to the Branch (`git push origin feature/AmazingFeature`)
|
|
107
|
+
5. Open a Pull Request
|
|
108
|
+
|
|
109
|
+
<p align="right">(<a href="#top">back to top</a>)</p>
|
|
110
|
+
|
|
111
|
+
## Credits
|
|
112
|
+
- [Salla](https://github.com/sallaApp)
|
|
113
|
+
- [All Contributors](../../contributors)
|
|
114
|
+
<p align="right">(<a href="#top">back to top</a>)</p>
|
|
115
|
+
|
|
116
|
+
## License
|
|
117
|
+
The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
|
|
118
|
+
<p align="right">(<a href="#top">back to top</a>)</p>
|
package/index.js
CHANGED
|
@@ -13,6 +13,10 @@ module.exports = plugin(function ({ addUtilities, addVariant, matchUtilities, th
|
|
|
13
13
|
'.btn-danger': { '@apply bg-red-400 text-white hover:opacity-80': {} },
|
|
14
14
|
'.btn-outline': { '@apply text-gray-400 bg-white shadow-sm hover:text-gray-600 border border-gray-200': {} },
|
|
15
15
|
'.btn-outline-primary': { '@apply border border-primary text-primary hover:bg-primary hover:text-primary-reverse': {} },
|
|
16
|
+
'.form-control': { '@apply bg-white border border-gray-300 text-gray-900 text-sm rounded block w-full p-2 focus:ring-0 focus:border-gray-300': {} },
|
|
17
|
+
'.form-label': { '@apply block mb-1 text-sm font-medium text-gray-900': {} },
|
|
18
|
+
'.form-group': { '@apply my-3': {} },
|
|
19
|
+
'.font-default': { '@apply my-3': {} },
|
|
16
20
|
});
|
|
17
21
|
|
|
18
22
|
// todo :: move it to global
|
|
@@ -24,6 +28,43 @@ module.exports = plugin(function ({ addUtilities, addVariant, matchUtilities, th
|
|
|
24
28
|
'background-color': '#f98181'
|
|
25
29
|
}
|
|
26
30
|
},
|
|
31
|
+
'.custom-checkbox': {
|
|
32
|
+
'appearance': 'none',
|
|
33
|
+
'background-color': '#fff',
|
|
34
|
+
'margin': '0',
|
|
35
|
+
'width': '18px',
|
|
36
|
+
'height': '18px',
|
|
37
|
+
'border-width': '1px',
|
|
38
|
+
'border-radius': '4px',
|
|
39
|
+
'display': 'grid',
|
|
40
|
+
'place-content': 'center',
|
|
41
|
+
'&:before': {
|
|
42
|
+
'content': "",
|
|
43
|
+
'width': '10px',
|
|
44
|
+
'height': '10px',
|
|
45
|
+
'clip-path': 'polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)',
|
|
46
|
+
'transform': 'scale(0)',
|
|
47
|
+
'transform-origin': 'bottom left',
|
|
48
|
+
'transition': '120ms transform ease-in-out',
|
|
49
|
+
'box-shadow': 'inset 1em 1em #444',
|
|
50
|
+
'background-color': '#444',
|
|
51
|
+
},
|
|
52
|
+
'&:checked:before': {
|
|
53
|
+
'transform': 'scale(1)'
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
'.font-default': {
|
|
57
|
+
'font-family': 'var(--font-main), -apple-system, BlinkMacSystemFont',
|
|
58
|
+
},
|
|
59
|
+
'.has-error': {
|
|
60
|
+
'.s-form-label': {
|
|
61
|
+
'color': '#ff443a',
|
|
62
|
+
},
|
|
63
|
+
'.s-form-control, .s-tel-input-control, .s-datetime-picker-input': {
|
|
64
|
+
'border-color': '#ff443a',
|
|
65
|
+
'color': '#ff443a',
|
|
66
|
+
},
|
|
67
|
+
},
|
|
27
68
|
'.styled-scrollbar': {
|
|
28
69
|
'&::-webkit-scrollbar': {
|
|
29
70
|
'width': '5px'
|
|
@@ -40,6 +81,7 @@ module.exports = plugin(function ({ addUtilities, addVariant, matchUtilities, th
|
|
|
40
81
|
'-o-border-radius': '10px'
|
|
41
82
|
}
|
|
42
83
|
}
|
|
84
|
+
|
|
43
85
|
});
|
|
44
86
|
|
|
45
87
|
addUtilities(require('./utilities.json'));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salla.sa/twilight-tailwind-theme",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"twilight",
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
"run-when-changed": "^2.1.0",
|
|
29
29
|
"tailwindcss": "^3.1.8"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "29094e378f15e23b62a5adbd073fbc741187d57f"
|
|
32
32
|
}
|
package/safe-list-css.txt
CHANGED
|
@@ -3,6 +3,13 @@ s-ltr
|
|
|
3
3
|
s-input
|
|
4
4
|
s-hidden
|
|
5
5
|
s-block
|
|
6
|
+
s-form-control
|
|
7
|
+
s-form-label
|
|
8
|
+
s-form-group
|
|
9
|
+
s-checkbox
|
|
10
|
+
s-font-default
|
|
11
|
+
s-form-has-error
|
|
12
|
+
text-danger
|
|
6
13
|
s-scrollbar
|
|
7
14
|
s-button-wrap
|
|
8
15
|
s-button-wrap[width='wide']
|
|
@@ -58,6 +65,61 @@ s-button-loader-start .s-button-loader
|
|
|
58
65
|
s-button-loader-end.s-button-element
|
|
59
66
|
s-button-loader-end .s-button-loader
|
|
60
67
|
s-button-loader-center .s-button-loader
|
|
68
|
+
s-datetime-picker-input
|
|
69
|
+
s-file-upload-wrapper .filepond--drop-label
|
|
70
|
+
s-file-upload-wrapper .filepond--label-action
|
|
71
|
+
s-file-upload-wrapper .filepond--list-scroller
|
|
72
|
+
s-file-upload-wrapper .filepond--panel-root
|
|
73
|
+
s-file-upload-wrapper .filepond--item-panel
|
|
74
|
+
s-file-upload-wrapper .filepond--drip-blob
|
|
75
|
+
s-gifting-widget .s-list-tile-item-icon
|
|
76
|
+
s-gifting-widget .s-list-tile-item
|
|
77
|
+
s-gifting-widget-action button
|
|
78
|
+
s-gifting-modal-header
|
|
79
|
+
s-gifting-modal-icon
|
|
80
|
+
s-gifting-modal-title
|
|
81
|
+
s-gifting-modal-badge-wrapper
|
|
82
|
+
s-gifting-modal-badge
|
|
83
|
+
s-gifting-modal-uploader.has-bg .s-gifting-remove-preview
|
|
84
|
+
s-gifting-modal-uploader-title
|
|
85
|
+
s-gifting-steps-wrapper
|
|
86
|
+
is-current-step-2 .gift-step-1, .is-current-step-1 .gift-step-2
|
|
87
|
+
s-gifting-step-one
|
|
88
|
+
s-gifting-modal .s-modal-body
|
|
89
|
+
s-gifting-step-two
|
|
90
|
+
s-gifting-modal .s-modal-sm
|
|
91
|
+
s-gifting-modal .s-modal-xs
|
|
92
|
+
s-gifting-step-one .swiper-wrapper
|
|
93
|
+
s-gifting-step-one .swiper-wrapper img
|
|
94
|
+
s-gifting-step-one .filepond--root
|
|
95
|
+
s-gifting-step-one .filepond--list
|
|
96
|
+
s-gifting-step-one .filepond-bg
|
|
97
|
+
s-gifting-step-one .s-swiper-button-next
|
|
98
|
+
s-gifting-step-one .s-swiper-button-next button
|
|
99
|
+
s-gifting-step-one .s-swiper-button-prev
|
|
100
|
+
s-gifting-step-one .s-swiper-button-prev button
|
|
101
|
+
s-gifting-tel-input .s-tel-input-control
|
|
102
|
+
s-gifting-tel-input .s-tel-input-error-msg
|
|
103
|
+
s-gifting-step-two-footer
|
|
104
|
+
s-gifting-step-two-footer a
|
|
105
|
+
s-gifting-step-two-footer a svg
|
|
106
|
+
s-gifting-step-two .s-form-group.s-form-has-error .s-tel-input-control
|
|
107
|
+
s-gifting-select
|
|
108
|
+
s-gifting-schedule
|
|
109
|
+
s-gifting-clickable
|
|
110
|
+
s-gifting-remove-preview
|
|
111
|
+
s-gifting-remove-preview svg
|
|
112
|
+
s-gifting-textarea
|
|
113
|
+
s-gifting-calendar-hint
|
|
114
|
+
s-gifting-calendar.shown
|
|
115
|
+
s-gifting-textarea.shown
|
|
116
|
+
s-gifting-calendar.hide
|
|
117
|
+
s-gifting-textarea.hide
|
|
118
|
+
s-gifting-filepond-placeholder-icon svg
|
|
119
|
+
s-gifting-filepond-placeholder-text
|
|
120
|
+
s-gifting-skeleton-content salla-skeleton
|
|
121
|
+
s-gifting-skeleton .s-gifting-modal-header salla-skeleton
|
|
122
|
+
s-gifting-skeleton .s-gifting-modal-title
|
|
61
123
|
s-infinite-scroll-wrapper
|
|
62
124
|
s-infinite-scroll-last
|
|
63
125
|
s-infinite-scroll-error
|
|
@@ -70,6 +132,7 @@ s-loading-fill-color
|
|
|
70
132
|
s-localization-modal-title
|
|
71
133
|
s-localization-modal-section
|
|
72
134
|
s-localization-modal-label-slot
|
|
135
|
+
s-localization-modal-inner
|
|
73
136
|
s-localization-modal-section-inner
|
|
74
137
|
s-localization-modal-item
|
|
75
138
|
s-localization-modal-input
|
|
@@ -137,6 +200,7 @@ s-loyalty-skeleton-cards
|
|
|
137
200
|
s-loyalty-skeleton .s-loyalty-prize-item
|
|
138
201
|
s-loyalty-skeleton .s-loyalty-prize-item .s-skeleton-wrapper
|
|
139
202
|
s-loyalty-skeleton .s-loyalty-prize-item-check
|
|
203
|
+
#salla-loyalty-modal s-swiper-button-prev, #salla-loyalty-modal .s-swiper-button-next
|
|
140
204
|
s-modal-container
|
|
141
205
|
s-modal-wrapper
|
|
142
206
|
s-modal-loader
|
|
@@ -206,6 +270,15 @@ s-offer-modal-prev-btn
|
|
|
206
270
|
[dir='rtl'] s-offer-modal-prev-btn
|
|
207
271
|
s-offer-modal-btn-is-active
|
|
208
272
|
[dir='rtl'] s-offer-modal-btn-is-active
|
|
273
|
+
s-offer-modal-skeleton
|
|
274
|
+
s-offer-modal-skeleton-items
|
|
275
|
+
s-offer-modal-skeleton-item
|
|
276
|
+
s-offer-modal-skeleton-header
|
|
277
|
+
s-offer-modal-skeleton-header salla-skeleton
|
|
278
|
+
s-offer-modal-skeleton-item-subtitle
|
|
279
|
+
s-offer-modal-skeleton-item-subtitle div svg
|
|
280
|
+
s-offer-modal-skeleton-item-title
|
|
281
|
+
s-offer-modal-skeleton-footer
|
|
209
282
|
s-placeholder-title
|
|
210
283
|
s-placeholder-description
|
|
211
284
|
s-placeholder-icon
|
|
@@ -276,6 +349,12 @@ s-rating-modal-stars-product
|
|
|
276
349
|
s-rating-modal-bg-gray
|
|
277
350
|
s-rating-modal-bg-primary
|
|
278
351
|
unicode
|
|
352
|
+
s-rating-modal-skeleton
|
|
353
|
+
s-rating-modal-skeleton salla-skeleton
|
|
354
|
+
s-rating-modal-skeleton-footer
|
|
355
|
+
s-rating-modal-skeleton-footer salla-skeleton
|
|
356
|
+
s-rating-modal-skeleton-stars
|
|
357
|
+
s-rating-modal-skeleton-stars div svg
|
|
279
358
|
s-rating-stars-wrapper
|
|
280
359
|
s-rating-stars-btn-star
|
|
281
360
|
s-rating-stars-large svg
|
|
@@ -346,6 +425,16 @@ s-search-modal .s-modal-wrapper
|
|
|
346
425
|
s-search-modal .s-modal-spacer
|
|
347
426
|
s-search-modal .s-modal-body
|
|
348
427
|
s-search-modal .s-modal-close
|
|
428
|
+
s-select-lable
|
|
429
|
+
s-select-underline
|
|
430
|
+
s-select-outlined
|
|
431
|
+
s-select-x-large
|
|
432
|
+
s-select-large
|
|
433
|
+
s-select-normal
|
|
434
|
+
s-select-small
|
|
435
|
+
s-select-x-small
|
|
436
|
+
s-select-field
|
|
437
|
+
s-select-hint
|
|
349
438
|
s-skeleton-wrapper
|
|
350
439
|
s-skeleton-item
|
|
351
440
|
s-skeleton-item-circular
|
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-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 bg-no-repeat bg-right rtl:bg-left transition-colors duration-300 border 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 rtl:space-x-reverse":{}},".s-loyalty-widget .s-list-tile-item":{"@apply !p-0":{}},".s-loyalty-widget-icon":{"@apply bg-primary rounded-full w-16 h-16 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 relative overflow-hidden rounded justify-between 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 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 !w-6 !h-6":{}},".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 *":{"@apply !pointer-events-auto":{}},".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)"}}
|
|
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-form-control":{"@apply form-control":{}},".s-form-label":{"@apply form-label":{}},".s-form-group":{"@apply form-group":{}},".s-checkbox":{"@apply custom-checkbox before:content-[''] cursor-pointer border-gray-300":{}},".s-font-default":{"@apply font-default":{}},".s-form-has-error":{"@apply has-error":{}},".text-danger":{"@apply text-red-500":{}},".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-datetime-picker-input":{"@apply form-control":{}},".s-file-upload-wrapper .filepond--drop-label":{"@apply text-gray-700 h-full":{}},".s-file-upload-wrapper .filepond--label-action":{"@apply decoration-gray-500":{}},".s-file-upload-wrapper .filepond--list-scroller":{"@apply overflow-y-hidden":{}},".s-file-upload-wrapper .filepond--panel-root":{"@apply rounded-md !bg-gray-100 h-[1em]":{}},".s-file-upload-wrapper .filepond--item-panel":{"@apply bg-gray-700":{}},".s-file-upload-wrapper .filepond--drip-blob":{"@apply bg-gray-600":{}},".s-gifting-widget .s-list-tile-item-icon":{"@apply hidden":{}},".s-gifting-widget .s-list-tile-item":{"@apply justify-between flex-col md:flex-row text-center md:text-left rtl:md:text-right border border-gray-200 rounded-xl p-5":{}},".s-gifting-widget-action button":{"@apply rounded-full bg-[#E8E8E8] px-12 font-normal text-black mt-4 md:mt-0":{}},".s-gifting-modal-header":{"@apply flex flex-col items-center justify-center":{}},".s-gifting-modal-icon":{"@apply flex items-center justify-center flex-row w-20 h-20 rounded-full border border-gray-200 mb-5 text-3xl":{}},".s-gifting-modal-title":{"@apply flex items-center justify-between w-full before:content-[''] before:h-px before:block before:flex-auto before:bg-gray-200 after:content-[''] after:h-px after:block after:flex-auto after:bg-gray-200":{}},".s-gifting-modal-badge-wrapper":{"@apply flex items-center px-3":{}},".s-gifting-modal-badge":{"@apply bg-gray-200 text-sm leading-5 rounded-lg mr-2 rtl:mr-0 rtl:ml-2 px-2 py-1":{}},".s-gifting-modal-uploader.has-bg .s-gifting-remove-preview":{"@apply opacity-100 pointer-events-auto scale-100":{}},".s-gifting-modal-uploader-title":{"@apply mb-1 text-sm":{}},".s-gifting-steps-wrapper":{"@apply relative":{}},".is-current-step-2 .gift-step-1, .is-current-step-1 .gift-step-2":{"pointer-events":"none"},".s-gifting-step-one":{"@apply pt-5":{}},".s-gifting-modal .s-modal-body":{"max-height":"99vh","overflow-x":"hidden","overflow-y":"scroll","&::-webkit-scrollbar":{"display":"none"},"@media (min-width: 768px)":{"overflow-y":"hidden"}},".s-gifting-step-two":{"@apply absolute top-0 left-0 w-full opacity-0 translate-x-[-105%] mx-auto flex flex-col":{}},".s-gifting-modal .s-modal-sm":{"@apply !w-[500px]":{}},".s-gifting-modal .s-modal-xs":{"@apply !w-[500px]":{}},".s-gifting-step-one .swiper-wrapper":{"@apply h-[100px]":{}},".s-gifting-step-one .swiper-wrapper img":{"@apply object-cover rounded-md":{}},".s-gifting-step-one .filepond--root":{"@apply h-[230px]":{}},".s-gifting-step-one .filepond--list":{"@apply !left-0 !h-full":{}},".s-gifting-step-one .filepond-bg":{"@apply absolute w-full h-full top-0 z-10 rounded bg-cover bg-gray-700":{}},".s-gifting-step-one .s-swiper-button-next":{"@apply !top-[40%] !-right-5":{}},".s-gifting-step-one .s-swiper-button-next button":{"@apply w-[30px] h-[30px] shadow":{}},".s-gifting-step-one .s-swiper-button-prev":{"@apply !top-[40%] !-left-5":{}},".s-gifting-step-one .s-swiper-button-prev button":{"@apply w-[30px] h-[30px] shadow":{}},".s-gifting-tel-input .s-tel-input-control":{"@apply border-gray-300":{}},".s-gifting-tel-input .s-tel-input-error-msg":{"@apply hidden":{}},".s-gifting-step-two-footer":{"@apply flex items-center justify-center space-x-2.5 rtl:space-x-reverse mt-5":{}},".s-gifting-step-two-footer a":{"@apply border border-primary rounded-md py-[8px] px-[25px] fill-primary":{}},".s-gifting-step-two-footer a svg":{"@apply w-5 h-5":{}},".s-gifting-step-two .s-form-group.s-form-has-error .s-tel-input-control":{"@apply !border-[#ff443a]":{}},".s-gifting-select":{"@apply bg-no-repeat bg-right rtl:bg-left appearance-none":{}},".s-gifting-schedule":{"@apply flex items-center justify-start space-x-1.5 rtl:space-x-reverse":{}},".s-gifting-clickable":{"@apply cursor-pointer":{}},".s-gifting-remove-preview":{"@apply opacity-0 scale-0 pointer-events-none w-5 h-5 text-center leading-6 text-base text-white bg-red-700 rounded-full absolute z-10 top-[40px] -left-1 rtl:left-[unset] rtl:-right-1 flex items-center justify-center transition-all duration-300 cursor-pointer":{}},".s-gifting-remove-preview svg":{"@apply w-[15px] fill-white h-full":{}},".s-gifting-textarea":{"@apply transition-all duration-200 ease-in-out":{}},".s-gifting-calendar-hint":{"@apply text-xs text-red-600":{}},".s-gifting-calendar.shown":{"@apply h-[75px] opacity-100":{}},".s-gifting-textarea.shown":{"@apply h-[122px] opacity-100":{}},".s-gifting-calendar.hide":{"@apply h-0 opacity-0 m-0 pointer-events-none invisible":{}},".s-gifting-textarea.hide":{"@apply h-0 opacity-0 m-0 pointer-events-none invisible":{}},".s-gifting-filepond-placeholder-icon svg":{"@apply fill-gray-200 w-12 h-16 my-[12px] mx-auto":{}},".s-gifting-filepond-placeholder-text":{"@apply text-gray-500 !text-xs mx-auto w-[65%] s-font-default":{}},".s-gifting-skeleton-content salla-skeleton":{"@apply [&:nth-child(1)]:mb-3 [&:nth-child(2)]:mb-5 [&:nth-child(3)]:mb-3 [&:nth-child(4)]:mb-5":{}},".s-gifting-skeleton .s-gifting-modal-header salla-skeleton":{"@apply mb-5":{}},".s-gifting-skeleton .s-gifting-modal-title":{"@apply mb-5":{}},".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-inner":{"@apply w-full":{}},".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 bg-no-repeat bg-right rtl:bg-left transition-colors duration-300 border 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 rtl:space-x-reverse":{}},".s-loyalty-widget .s-list-tile-item":{"@apply !p-0":{}},".s-loyalty-widget-icon":{"@apply bg-primary rounded-full w-16 h-16 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 relative overflow-hidden rounded justify-between 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 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 !w-6 !h-6":{}},".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":{}},"#salla-loyalty-modal .s-swiper-button-prev, #salla-loyalty-modal .s-swiper-button-next":{"button":{"box-shadow":"#32325d40 0px 6px 12px -2px, #0000004d 0px 3px 7px -3px"}},".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-offer-modal-skeleton":{"@apply flex flex-col items-center justify-center":{}},".s-offer-modal-skeleton-items":{"@apply flex items-center my-6 w-full":{}},".s-offer-modal-skeleton-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-offer-modal-skeleton-header":{"@apply w-full":{}},".s-offer-modal-skeleton-header salla-skeleton":{"@apply [&:nth-child(1)]:mb-5 [&:nth-child(2)]:mb-3 [&:nth-child(3)]:mb-5 mx-auto":{}},".s-offer-modal-skeleton-item-subtitle":{"@apply flex justify-between items-center w-full":{}},".s-offer-modal-skeleton-item-subtitle div svg":{"@apply fill-current text-gray-300 w-4 h-4":{}},".s-offer-modal-skeleton-item-title":{"@apply my-3":{}},".s-offer-modal-skeleton-footer":{"@apply flex justify-between items-center w-full mt-6":{}},".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-modal-skeleton":{"@apply flex flex-col items-center justify-center":{}},".s-rating-modal-skeleton salla-skeleton":{"@apply [&:nth-child(1)]:mb-5 [&:nth-child(2)]:mb-3 [&:nth-child(3)]:mb-5 [&:nth-child(4)]:mb-8":{}},".s-rating-modal-skeleton-footer":{"@apply w-full flex justify-end mt-6":{}},".s-rating-modal-skeleton-footer salla-skeleton":{"@apply !mb-0":{}},".s-rating-modal-skeleton-stars":{"@apply flex items-center mb-3 space-x-2 rtl:space-x-reverse":{}},".s-rating-modal-skeleton-stars div svg":{"@apply fill-current text-gray-300 w-[25px]":{}},".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 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-select-lable":{"@apply block mb-2 text-sm font-medium text-gray-900 dark:text-gray-400":{}},".s-select-underline":{"@apply block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none dark:text-gray-400 dark:border-gray-700 focus:outline-none focus:ring-0 focus:border-gray-200":{}},".s-select-outlined":{"@apply block py-3 px-4 w-full bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500":{}},".s-select-x-large":{"@apply h-20":{}},".s-select-large":{"@apply h-16":{}},".s-select-normal":{"@apply h-12":{}},".s-select-small":{"@apply h-12":{}},".s-select-x-small":{"@apply h-10":{}},".s-select-field":{"@apply w-full border-gray-400 rounded-md pl-2 pr-2 pt-1 pb-1 m-0 font-normal text-lg leading-7 shadow-none":{}},".s-select-hint":{"@apply text-sm leading-5 text-gray-700 mt-1":{}},".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 *":{"@apply !pointer-events-auto":{}},".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)"}}
|