@salla.sa/twilight-tailwind-theme 1.0.25 → 1.0.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.js +9 -9
  2. package/package.json +1 -1
  3. package/safe-list-css.txt +40 -22
  4. package/utilities.json +1 -1
package/index.js CHANGED
@@ -1,22 +1,22 @@
1
1
  module.exports = require('tailwindcss/plugin').withOptions(() => {
2
- return function({addUtilities}) {
2
+ return function ({addUtilities}) {
3
3
  addUtilities({
4
4
  // TODO :: find if there are used and defined them here if its.
5
- '.anime-item': {},
6
- '.text-md': {},
7
- '.items-top': {},
8
- '.error': {},
9
- '.search-box': {},
10
- '.spinner-loader-wrap': {}
5
+ '.anime-item' : {},
6
+ '.text-md' : {},
7
+ '.items-top' : {},
8
+ '.error' : {},
9
+ '.search-box' : {},
10
+ '.spinner-loader-wrap': {},
11
11
  });
12
12
 
13
13
  // todo :: move it to global
14
14
  addUtilities({
15
15
  '.spinner-loader': {
16
- 'border-right-color': 'var(--main-color) !important',
16
+ 'border-right-color': 'var(--color-main) !important',
17
17
  '&.reverse': {
18
18
  'border-right-color': '#9f7171 !important',
19
- 'background-color': '#f98181'
19
+ 'background-color' : '#f98181'
20
20
  }
21
21
  }
22
22
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salla.sa/twilight-tailwind-theme",
3
- "version": "1.0.25",
3
+ "version": "1.0.27",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Salla twilight",
package/safe-list-css.txt CHANGED
@@ -1,3 +1,8 @@
1
+ s-has-error
2
+ s-ltr
3
+ s-input
4
+ s-hidden
5
+ s-block
1
6
  s-branches-title
2
7
  s-branches-input-wrap
3
8
  s-branches-input
@@ -9,6 +14,10 @@ s-branches-is-closed
9
14
  s-branches-closed-badge
10
15
  s-branches-clickable
11
16
  s-branches-submit
17
+ s-branches-color-red
18
+ s-branches-color-green
19
+ s-branches-color-gray
20
+ s-button-host-tag
12
21
  s-button-btn
13
22
  s-button-text
14
23
  s-button-loader
@@ -18,34 +27,29 @@ s-button-loader-end
18
27
  s-button-loader-center
19
28
  s-button-hide
20
29
  s-button-wide
30
+ s-button-primary
31
+ s-button-danger
32
+ s-button-outline-primary
33
+ s-button-outline
21
34
  s-localization-title
22
35
  s-localization-section
23
- s-localization-fieldset
24
36
  s-localization-section-inner
25
37
  s-localization-item
26
38
  s-localization-input
27
39
  s-localization-label
28
40
  s-localization-flag
29
41
  s-localization-currency
30
- s-login-search-button-icon
31
- s-login-container
32
- s-login-wrapper
33
- s-login-inner
34
- s-login-search-box-container
35
- s-login-search-box-inner
36
- s-login-search-box-inner-open
42
+ s-login-sub-title
43
+ s-login-main-btn
44
+ s-login-main-btn-icon
45
+ s-login-main-btn-text
46
+ s-login-main-btn-arrow
47
+ s-login-label
37
48
  s-login-input
38
- s-login-search-icon
39
- s-login-spinner
40
- s-login-spinner-loader
41
- s-login-search-results
42
- s-login-no-results
43
- s-login-product
44
- s-login-product-image-container
45
- s-login-product-image
46
- s-login-product-details
47
- s-login-product-title
48
- s-login-product-price
49
+ s-login-input-group
50
+ s-login-otp-input
51
+ s-login-link
52
+ s-login-error-message
49
53
  s-modal-container
50
54
  s-modal-wrapper
51
55
  s-modal-close
@@ -56,6 +60,7 @@ s-modal-icon
56
60
  s-modal-bg-normal
57
61
  s-modal-bg-success
58
62
  s-modal-bg-error
63
+ s-modal-bg-primary
59
64
  s-modal-text-success
60
65
  s-modal-text-error
61
66
  s-modal-title
@@ -68,6 +73,12 @@ s-modal-overlay-leaving
68
73
  s-modal-entering
69
74
  s-modal-leaving
70
75
  s-modal-is-center
76
+ s-modal-xs
77
+ s-modal-sm
78
+ s-modal-md
79
+ s-modal-lg
80
+ s-modal-xl
81
+ s-modal-full
71
82
  s-product-availability-subscribed
72
83
  s-product-availability-body
73
84
  s-product-availability-label
@@ -85,9 +96,9 @@ s-rating-unactive
85
96
  s-rating-hidden
86
97
  s-rating-unvisiable
87
98
  s-rating-step-wrap
99
+ s-rating-product-details
88
100
  s-rating-rounded-icon
89
101
  s-rating-title
90
- s-rating-stars-element
91
102
  s-rating-store-logo
92
103
  s-rating-shipping-logo
93
104
  s-rating-comment
@@ -101,8 +112,15 @@ s-rating-thanks-title
101
112
  s-rating-thanks-msg
102
113
  s-rating-thanks-btn
103
114
  s-rating-thanks-time
104
- s-rating-flex-1
105
- s-search-button-icon
115
+ s-rating-btn-star
116
+ s-rating-btn-star-large
117
+ s-rating-btn-star-small
118
+ s-rating-stars-company
119
+ s-rating-stars-product
120
+ s-rating-bg-gray
121
+ s-rating-bg-primary
122
+ s-rating-has-error
123
+ s-search-button
106
124
  s-search-container
107
125
  s-search-container-open
108
126
  s-search-input
package/utilities.json CHANGED
@@ -1 +1 @@
1
- {".s-branches-title":{"@apply text-sm text-gray-600 mb-6":{}},".s-branches-input-wrap":{"@apply flex items-center":{}},".s-branches-input":{"@apply me-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 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 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 w-full mt-6":{}},".s-button-btn":{"@apply btn whitespace-nowrap flex items-center justify-center transition duration-300 relative select-none":{}},".s-button-text":{"@apply transition-opacity duration-300":{}},".s-button-loader":{"@apply transition opacity-0 flex justify-center items-center":{}},".s-button-loader-after":{"@apply flex-row-reverse":{}},".s-button-loader-start":{"@apply absolute right-2":{}},".s-button-loader-end":{"@apply absolute left-2":{}},".s-button-loader-center":{"@apply absolute top-1/2 left-1/2 !-translate-x-1/2 !-translate-y-1/2 !m-0":{}},".s-button-hide":{"@apply opacity-0":{}},".s-button-wide":{"@apply w-full":{}},".s-localization-title":{"@apply text-base font-medium text-gray-900":{}},".s-localization-section":{"@apply mb-8":{}},".s-localization-fieldset":{"@apply mt-4":{}},".s-localization-section-inner":{"@apply space-y-4":{}},".s-localization-item":{"@apply flex items-center":{}},".s-localization-input":{"@apply focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-localization-label":{"@apply ms-3 flex items-center justify-between text-sm font-medium text-gray-700 flex-grow cursor-pointer":{}},".s-localization-flag":{"@apply rounded-sm":{}},".s-localization-currency":{"@apply text-gray-400":{}},".s-login-search-button-icon":{"@apply bg-gray-bg2 hover:bg-gray-150 dark:hover:bg-opacity-10 transition duration-300 mx-3 text-sm rounded-full w-9 h-9":{}},".s-login-container":{"@apply fixed inset-0 z-50 flex items-top justify-center overflow-auto items-top":{}},".s-login-wrapper":{"@apply bg-transparent w-full":{}},".s-login-inner":{"@apply mx-auto w-11/12 lg:w-6/12":{}},".s-login-search-box-container":{"@apply mt-36 search-box anime-item":{}},".s-login-search-box-inner":{"@apply relative bg-white rounded-tiny border border-border-color":{}},".s-login-search-box-inner-open":{"@apply relative bg-white rounded-tiny border border-border-color rounded-b-none":{}},".s-login-input":{"@apply anime-item bg-transparent border-0 form-input w-full ps-10 pt-6 pb-7 rounded-tiny text-gray-600":{}},".s-login-search-icon":{"@apply anime-item flex justify-end items-center absolute top-4 start-4 text-md text-gray-400":{}},".s-login-spinner":{"@apply spinner-loader-wrap absolute top-1/2 transform -translate-y-1/2 start-4 w-4 h-4":{}},".s-login-spinner-loader":{"@apply block spinner-loader w-4 h-4 animate-spin border-2 border-gray-300 rounded-full":{}},".s-login-search-results":{"@apply m-auto max-h-96 overflow-y-auto bg-white rounded-b-tiny":{}},".s-login-no-results":{"@apply error p-4 text-sm text-gray-400":{}},".s-login-product":{"@apply h-full transition duration-500 bg-transparent justify-around overflow-hidden flex transition-colors duration-300 hover:bg-gray-bg2 px-4 xs:px-5 py-5 border-t-0":{}},".s-login-product-image-container":{"@apply relative overflow-hidden w-20 h-20 sm:w-28 sm:h-28 rounded-md":{}},".s-login-product-image":{"@apply h-full w-full object-cover":{}},".s-login-product-details":{"@apply flex-1 ps-4 xs:ps-5 pt-1":{}},".s-login-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-title-color leading-6 mb-2.5":{}},".s-login-product-price":{"@apply w-full flex justify-between items-center mb-5 text-primary font-bold text-sm":{}},".s-modal-container":{"@apply fixed z-50 inset-0 overflow-y-auto":{}},".s-modal-wrapper":{"@apply flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0":{}},".s-modal-close":{"@apply absolute end-4 top-4 sm:end-7 sm:top-7 text-red-400 hover:text-red-500 transition":{}},".s-modal-header":{"@apply flex flex-col":{}},".s-modal-header-content":{"@apply flex flex-col mb-10":{}},".s-modal-header-img":{"@apply max-w-[150px] mx-auto mb-4":{}},".s-modal-icon":{"@apply mx-auto flex items-center justify-center h-16 w-16 rounded-full mb-4":{}},".s-modal-bg-normal":{"@apply bg-white text-lg border border-border-color":{}},".s-modal-bg-success":{"@apply bg-green-100":{}},".s-modal-bg-error":{"@apply bg-red-100":{}},".s-modal-text-success":{"@apply text-green-600":{}},".s-modal-text-error":{"@apply text-red-600":{}},".s-modal-title":{"@apply mb-2 text-lg leading-6 font-bold text-gray-900":{}},".s-modal-sub-title":{"@apply mb-2 text-sm text-gray-500":{}},".s-modal-title-below":{"@apply order-10":{}},".s-modal-body":{"@apply relative inline-block align-bottom bg-white rounded-lg px-4 pb-4 text-start overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle max-w-full p-4 sm:p-8 ease-in duration-200 translate-y-4 sm:translate-y-0 sm:scale-95":{}},".s-modal-spacer":{"@apply sm:inline-block sm:align-middle sm:h-screen":{}},".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 text-center":{}},".s-product-availability-subscribed":{"@apply bg-gray-100 p-3 rounded-full w-full text-red-700":{}},".s-product-availability-body":{"@apply z-50 relative":{}},".s-product-availability-label":{"@apply block text-sm font-bold text-gray-700 text-start":{}},".s-product-availability-input":{"@apply mt-2.5 mb-10 form-input":{}},".s-product-availability-footer":{"@apply flex justify-between space-s-4":{}},".s-product-availability-footer-btn":{"@apply w-full":{}},".s-rating-wrapper":{"@apply mt-12 mb-10 transition-all duration-300 ease-elastic":{}},".s-rating-footer":{"@apply relative flex justify-between items-center":{}},".s-rating-btn":{"@apply font-bold text-sm w-28 h-10 px-4 text-primary hover:text-primary-d duration-300 transition-all":{}},".s-rating-dots":{"@apply flex justify-center text-center space-s-1.5 flex-1":{}},".s-rating-step-dot":{"@apply w-2.5 h-2.5 rounded-full transition-colors duration-300":{}},".s-rating-step":{"@apply transition-all duration-500":{}},".s-rating-active":{"@apply opacity-100 translate-x-0":{}},".s-rating-unactive":{"@apply opacity-0 translate-x-3":{}},".s-rating-hidden":{"@apply hidden":{}},".s-rating-unvisiable":{"@apply opacity-0 pointer-events-none":{}},".s-rating-step-wrap":{"@apply flex flex-col items-center":{}},".s-rating-rounded-icon":{"@apply w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4":{}},".s-rating-title":{"@apply text-lg font-bold mb-4":{}},".s-rating-stars-element":{"@apply flex items-center flex mb-4":{}},".s-rating-store-logo":{"@apply w-12 object-contain":{}},".s-rating-shipping-logo":{"@apply w-full h-full object-contain":{}},".s-rating-comment":{"@apply form-input h-20":{}},".s-rating-validation-msg":{"@apply text-red-400":{}},".s-rating-product":{"@apply flex space-s-5 mb-8 last:mb-0":{}},".s-rating-product-img":{"@apply w-18 h-14 object-cover rounded-md":{}},".s-rating-product-title":{"@apply leading-5 mb-1.5 font-bold md:text-sm":{}},".s-rating-thanks":{"@apply px-8 text-center transition-all duration-500":{}},".s-rating-thanks-icon":{"@apply w-20 h-20 text-4xl inline-flex justify-center items-center bg-gray-50 rounded-full text-primary":{}},".s-rating-thanks-title":{"@apply font-bold mt-4":{}},".s-rating-thanks-msg":{"@apply text-gray-400 text-sm mb-6":{}},".s-rating-thanks-btn":{"@apply btn btn-primary h-10 flex-none px-8":{}},".s-rating-thanks-time":{"@apply text-gray-400 block h-6 mt-3 text-sm":{}},".s-rating-flex-1":{"@apply flex-1":{}},".s-search-button-icon":{"@apply bg-gray-bg2 hover:bg-gray-150 dark:hover:bg-opacity-10 transition duration-300 mx-3 text-sm rounded-full w-9 h-9":{}},".s-search-container":{"@apply mx-auto w-11/12 lg:w-6/12 p-0 search-box anime-item relative bg-white border border-border-color max-h-56":{}},".s-search-container-open":{"@apply rounded-b-sm max-h-96":{}},".s-search-input":{"@apply anime-item bg-transparent border-0 form-input w-full ps-10 pt-6 pb-7 rounded-tiny text-gray-600":{}},".s-search-icon":{"@apply anime-item flex justify-end items-center absolute top-4 start-4 text-md text-gray-400":{}},".s-search-spinner":{"@apply spinner-loader-wrap absolute top-1/2 transform -translate-y-1/2 start-4 w-4 h-4":{}},".s-search-spinner-loader":{"@apply block spinner-loader w-4 h-4 animate-spin border-2 border-gray-300 rounded-full":{}},".s-search-results":{"@apply m-auto max-h-96 overflow-y-auto bg-white rounded-b-tiny":{}},".s-search-no-results":{"@apply error 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-bg2 px-4 xs:px-5 py-5 border-t-0":{}},".s-search-product-image-container":{"@apply relative overflow-hidden w-20 h-20 sm:w-28 sm:h-28 rounded-md":{}},".s-search-product-image":{"@apply h-full w-full object-cover":{}},".s-search-product-details":{"@apply flex-1 ps-4 xs:ps-5 pt-1":{}},".s-search-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-title-color leading-6 mb-2.5":{}},".s-search-product-price":{"@apply w-full flex justify-between items-center mb-5 text-primary font-bold text-sm":{}},".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 space-s-2":{}},".s-verify-input":{"@apply font-bold appearance-none text-lg form-input h-10 rounded-md text-center":{}},".s-verify-footer":{"@apply text-center":{}},".s-verify-submit":{"@apply w-full mb-5":{}},".s-verify-resend-message":{"@apply text-gray-400":{}},".s-verify-timer":{"@apply text-gray-700 mx-1":{}},".s-verify-resend":{"@apply text-sm text-primary text-center":{}}}
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 me-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 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 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-host-tag":{"@apply pointer-events-none":{}},".s-button-btn":{"@apply btn pointer-events-auto whitespace-nowrap flex items-center justify-center transition duration-300 relative select-none border-solid":{}},".s-button-text":{"@apply transition-opacity duration-300 font-primary":{}},".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":{"@apply flex-row-reverse":{}},".s-button-loader-start":{"@apply absolute right-2":{}},".s-button-loader-end":{"@apply absolute left-2":{}},".s-button-loader-center":{"@apply absolute top-1/2 left-1/2 !-translate-x-1/2 !-translate-y-1/2 !m-0":{}},".s-button-hide":{"@apply opacity-0":{}},".s-button-wide":{"@apply w-full":{}},".s-button-primary":{"@apply btn-primary":{}},".s-button-danger":{"@apply btn-danger":{}},".s-button-outline-primary":{"@apply btn-outline-primary":{}},".s-button-outline":{"@apply btn-outline":{}},".s-localization-title":{"@apply text-base font-medium text-gray-900":{}},".s-localization-section":{"@apply mb-8":{}},".s-localization-section-inner":{"@apply space-y-4 mt-4":{}},".s-localization-item":{"@apply flex items-center":{}},".s-localization-input":{"@apply focus:ring-primary h-4 w-4 text-primary border-gray-300":{}},".s-localization-label":{"@apply ms-3 flex items-center justify-between text-sm font-medium text-gray-700 flex-grow cursor-pointer":{}},".s-localization-flag":{"@apply rounded-sm":{}},".s-localization-currency":{"@apply text-gray-400":{}},".s-login-sub-title":{"@apply text-sm text-gray-400 mb-5":{}},".s-login-main-btn":{"@apply flex justify-between items-center flex-1 min-w-0 mb-2.5 box-content relative rounded-md border border-border-color bg-white py-5 pe-4 ps-5 space-s-3 hover:border-gray-200":{}},".s-login-main-btn-icon":{"@apply bg-primary w-12 h-12 text-lg text-white rounded-icon":{}},".s-login-main-btn-text":{"@apply flex-1 font-bold p-3":{}},".s-login-main-btn-arrow":{"@apply text-primary text-xl":{}},".s-login-label":{"@apply block text-sm font-medium text-gray-700 mb-2":{}},".s-login-input":{"@apply s-input mb-1":{}},".s-login-input-group":{"@apply flex gap-x-1":{}},".s-login-otp-input":{"@apply s-input h-10 text-center":{}},".s-login-link":{"@apply text-sm text-primary block text-center mt-4":{}},".s-login-error-message":{"@apply s-has-error text-sm mb-5 block":{}},".s-modal-container":{"@apply fixed z-50 inset-0 overflow-y-auto":{}},".s-modal-wrapper":{"@apply flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0":{}},".s-modal-close":{"@apply absolute end-4 top-4 sm:end-5 sm:top-5 text-red-400 hover:text-red-500 transition border-none bg-transparent text-base cursor-pointer":{}},".s-modal-header":{"@apply flex flex-col":{}},".s-modal-header-content":{"@apply flex flex-col mb-10":{}},".s-modal-header-img":{"@apply max-w-[150px] mx-auto mb-4":{}},".s-modal-icon":{"@apply mx-auto flex items-center justify-center h-20 w-20 rounded-full mb-4 text-2xl border border-solid border-border-color":{}},".s-modal-bg-normal":{"@apply bg-white":{}},".s-modal-bg-success":{"@apply bg-green-100":{}},".s-modal-bg-error":{"@apply bg-red-100":{}},".s-modal-bg-primary":{"@apply bg-primary text-white":{}},".s-modal-text-success":{"@apply text-green-600":{}},".s-modal-text-error":{"@apply text-red-600":{}},".s-modal-title":{"@apply mb-2 text-lg leading-6 font-bold text-gray-900":{}},".s-modal-sub-title":{"@apply mb-2 text-sm text-gray-500":{}},".s-modal-title-below":{"@apply order-10":{}},".s-modal-body":{"@apply relative inline-block align-bottom bg-white rounded-lg px-4 pb-4 text-start overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle max-w-full p-4 sm:p-8 ease-in duration-200 translate-y-4 sm:translate-y-0 sm:scale-95":{}},".s-modal-spacer":{"@apply sm:inline-block sm:align-middle sm:h-screen":{}},".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 text-center":{}},".s-modal-xs":{"@apply w-[380px]":{}},".s-modal-sm":{"@apply w-[480px]":{}},".s-modal-md":{"@apply w-[768px]":{}},".s-modal-lg":{"@apply w-[992px]":{}},".s-modal-xl":{"@apply w-[1280px]":{}},".s-modal-full":{"@apply w-full h-full":{}},".s-product-availability-subscribed":{"@apply bg-gray-100 p-3 rounded-full w-full text-red-700":{}},".s-product-availability-body":{"@apply z-50 relative":{}},".s-product-availability-label":{"@apply block text-sm font-bold text-gray-700 text-start":{}},".s-product-availability-input":{"@apply mt-2.5 mb-10 form-input":{}},".s-product-availability-footer":{"@apply flex justify-between space-s-4":{}},".s-product-availability-footer-btn":{"@apply w-full":{}},".s-rating-wrapper":{"@apply mb-10 transition-all duration-300 ease-elastic":{}},".s-rating-footer":{"@apply relative flex justify-between items-center":{}},".s-rating-btn":{"@apply font-bold text-sm h-10 px-4 text-primary hover:text-primary-d duration-300 transition-all":{}},".s-rating-dots":{"@apply absolute left-1/2 -translate-x-1/2 flex justify-center text-center space-s-1.5 flex-1":{}},".s-rating-step-dot":{"@apply w-2.5 h-2.5 rounded-full transition-colors duration-300":{}},".s-rating-step":{"@apply transition-all duration-500":{}},".s-rating-active":{"@apply opacity-100 translate-x-0":{}},".s-rating-unactive":{"@apply opacity-0 translate-x-3":{}},".s-rating-hidden":{"@apply hidden":{}},".s-rating-unvisiable":{"@apply opacity-0 pointer-events-none":{}},".s-rating-step-wrap":{"@apply relative pb-4 flex flex-col items-center":{}},".s-rating-product-details":{"@apply relative pb-4 flex flex-col flex-1":{}},".s-rating-rounded-icon":{"@apply w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4 overflow-hidden":{}},".s-rating-title":{"@apply text-lg font-bold mb-4":{}},".s-rating-store-logo":{"@apply w-12 object-contain":{}},".s-rating-shipping-logo":{"@apply w-full h-full object-contain":{}},".s-rating-comment":{"@apply form-input h-20 mb-2":{}},".s-rating-validation-msg":{"@apply absolute bottom-0 text-red-400 block w-full":{}},".s-rating-product":{"@apply flex space-s-5 mb-6 last:mb-0":{}},".s-rating-product-img":{"@apply w-18 h-14 object-cover rounded-md":{}},".s-rating-product-title":{"@apply leading-5 mb-1.5 font-bold md:text-sm":{}},".s-rating-thanks":{"@apply px-8 text-center transition-all duration-500":{}},".s-rating-thanks-icon":{"@apply w-20 h-20 text-4xl inline-flex justify-center items-center bg-gray-50 rounded-full text-primary":{}},".s-rating-thanks-title":{"@apply font-bold mt-4":{}},".s-rating-thanks-msg":{"@apply text-gray-400 text-sm mb-6":{}},".s-rating-thanks-btn":{"@apply btn btn-primary h-10 flex-none px-8":{}},".s-rating-thanks-time":{"@apply text-gray-400 block h-6 mt-3 text-sm":{}},".s-rating-btn-star":{"@apply btn px-1 text-gray-400":{}},".s-rating-btn-star-large":{"@apply text-2xl":{}},".s-rating-btn-star-small":{"@apply text-xl":{}},".s-rating-stars-company":{"@apply mb-5":{}},".s-rating-stars-product":{"@apply mb-1":{}},".s-rating-bg-gray":{"@apply bg-gray-200":{}},".s-rating-bg-primary":{"@apply bg-primary":{}},".s-rating-has-error":{"@apply has-error":{}},".s-search-button":{"@apply bg-gray-bg2 hover:bg-gray-150 dark:hover:bg-opacity-10 transition duration-300 mx-3 text-sm rounded-full w-9 h-9 font-bold":{}},".s-search-container":{"@apply mx-auto w-11/12 lg:w-6/12 p-0 search-box anime-item relative bg-white border border-border-color max-h-56":{}},".s-search-container-open":{"@apply rounded-b-sm max-h-96":{}},".s-search-input":{"@apply anime-item bg-transparent border-0 form-input w-full ps-10 pt-6 pb-7 rounded-tiny text-gray-600":{}},".s-search-icon":{"@apply anime-item flex justify-end items-center absolute top-4 start-4 text-md text-gray-400":{}},".s-search-spinner":{"@apply spinner-loader-wrap absolute top-1/2 transform -translate-y-1/2 start-4 w-4 h-4":{}},".s-search-spinner-loader":{"@apply block spinner-loader w-4 h-4 animate-spin border-2 border-gray-300 rounded-full":{}},".s-search-results":{"@apply m-auto max-h-96 overflow-y-auto bg-white rounded-b-tiny":{}},".s-search-no-results":{"@apply error 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-bg2 px-4 xs:px-5 py-5 border-t-0":{}},".s-search-product-image-container":{"@apply relative overflow-hidden w-20 h-20 sm:w-28 sm:h-28 rounded-md":{}},".s-search-product-image":{"@apply h-full w-full object-cover":{}},".s-search-product-details":{"@apply flex-1 ps-4 xs:ps-5 pt-1":{}},".s-search-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-title-color leading-6 mb-2.5":{}},".s-search-product-price":{"@apply w-full flex justify-between items-center mb-5 text-primary font-bold text-sm":{}},".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 space-s-2":{}},".s-verify-input":{"@apply font-bold appearance-none text-lg form-input h-10 rounded-md text-center":{}},".s-verify-footer":{"@apply text-center":{}},".s-verify-submit":{"@apply w-full mb-5":{}},".s-verify-resend-message":{"@apply text-gray-400":{}},".s-verify-timer":{"@apply text-gray-700 mx-1":{}},".s-verify-resend":{"@apply text-sm text-primary text-center":{}}}