react-restyle-components 0.2.5 → 0.2.7

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/lib/src/tc.css CHANGED
@@ -1 +1,944 @@
1
- /*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-3{right:.75rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-3{top:.75rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.m-2{margin:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.-mb-px{margin-bottom:-1px}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-40{max-height:10rem}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-8{width:2rem}.w-full{width:100%}.max-w-full{max-width:100%}.flex-auto{flex:1 1 auto}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.transform,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-100px{border-radius:100px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-gray-dark-secondary{--tw-border-opacity:1;border-color:rgb(151 151 151/var(--tw-border-opacity))}.border-gray-light,.border-gray-secondary{--tw-border-opacity:1;border-color:rgb(196 196 196/var(--tw-border-opacity))}.border-orange{--tw-border-opacity:1;border-color:rgb(231 80 61/var(--tw-border-opacity))}.border-primary{border-color:var(--theme-primary)}.border-red{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.bg-\[\#007BFF\]{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity))}.bg-background-secondary{--tw-bg-opacity:1;background-color:rgb(240 239 238/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-dark-secondary{--tw-bg-opacity:1;background-color:rgb(151 151 151/var(--tw-bg-opacity))}.bg-gray-light{--tw-bg-opacity:1;background-color:rgb(196 196 196/var(--tw-bg-opacity))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.bg-orange{--tw-bg-opacity:1;background-color:rgb(231 80 61/var(--tw-bg-opacity))}.bg-orange1{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-none{background-image:none}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.font-nunitoSansRegular{font-family:Nunito Sans Regular}.text-3md{font-size:20px}.text-3xs{font-size:12px}.text-4xs{font-size:14px}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-md{font-size:16px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-current{color:currentColor}.text-gray{--tw-text-opacity:1;color:rgb(105 105 105/var(--tw-text-opacity))}.text-gray-dark-secondary{--tw-text-opacity:1;color:rgb(151 151 151/var(--tw-text-opacity))}.text-orange{--tw-text-opacity:1;color:rgb(231 80 61/var(--tw-text-opacity))}.text-primaryCharcoal{--tw-text-opacity:1;color:rgb(33 39 33/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.outline-offset-8{outline-offset:8px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-\[\#007BFF\]:hover{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-gray-secondary:focus{--tw-border-opacity:1;border-color:rgb(196 196 196/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}.dark\:bg-black:is([data-mode=dark] *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.dark\:bg-white:is([data-mode=dark] *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.dark\:text-black:is([data-mode=dark] *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark\:text-white:is([data-mode=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark\:focus\:ring-blue-600:focus:is([data-mode=dark] *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity))}@media (min-width:480px){.sm\:block{display:block}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:text-md{font-size:16px}}
1
+ /*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
2
+ *,
3
+ :after,
4
+ :before {
5
+ border: 0 solid;
6
+ box-sizing: border-box;
7
+ }
8
+ :after,
9
+ :before {
10
+ --tw-content: "";
11
+ }
12
+ :host,
13
+ html {
14
+ -webkit-text-size-adjust: 100%;
15
+ font-feature-settings: normal;
16
+ -webkit-tap-highlight-color: transparent;
17
+ font-family:
18
+ ui-sans-serif,
19
+ system-ui,
20
+ sans-serif,
21
+ Apple Color Emoji,
22
+ Segoe UI Emoji,
23
+ Segoe UI Symbol,
24
+ Noto Color Emoji;
25
+ font-variation-settings: normal;
26
+ line-height: 1.5;
27
+ tab-size: 4;
28
+ }
29
+ body {
30
+ line-height: inherit;
31
+ margin: 0;
32
+ }
33
+ hr {
34
+ border-top-width: 1px;
35
+ color: inherit;
36
+ height: 0;
37
+ }
38
+ abbr:where([title]) {
39
+ -webkit-text-decoration: underline dotted;
40
+ text-decoration: underline dotted;
41
+ }
42
+ h1,
43
+ h2,
44
+ h3,
45
+ h4,
46
+ h5,
47
+ h6 {
48
+ font-size: inherit;
49
+ font-weight: inherit;
50
+ }
51
+ a {
52
+ color: inherit;
53
+ text-decoration: inherit;
54
+ }
55
+ b,
56
+ strong {
57
+ font-weight: bolder;
58
+ }
59
+ code,
60
+ kbd,
61
+ pre,
62
+ samp {
63
+ font-feature-settings: normal;
64
+ font-family:
65
+ ui-monospace,
66
+ SFMono-Regular,
67
+ Menlo,
68
+ Monaco,
69
+ Consolas,
70
+ Liberation Mono,
71
+ Courier New,
72
+ monospace;
73
+ font-size: 1em;
74
+ font-variation-settings: normal;
75
+ }
76
+ small {
77
+ font-size: 80%;
78
+ }
79
+ sub,
80
+ sup {
81
+ font-size: 75%;
82
+ line-height: 0;
83
+ position: relative;
84
+ vertical-align: initial;
85
+ }
86
+ sub {
87
+ bottom: -0.25em;
88
+ }
89
+ sup {
90
+ top: -0.5em;
91
+ }
92
+ table {
93
+ border-collapse: collapse;
94
+ border-color: inherit;
95
+ text-indent: 0;
96
+ }
97
+ button,
98
+ input,
99
+ optgroup,
100
+ select,
101
+ textarea {
102
+ font-feature-settings: inherit;
103
+ color: inherit;
104
+ font-family: inherit;
105
+ font-size: 100%;
106
+ font-variation-settings: inherit;
107
+ font-weight: inherit;
108
+ letter-spacing: inherit;
109
+ line-height: inherit;
110
+ margin: 0;
111
+ padding: 0;
112
+ }
113
+ button,
114
+ select {
115
+ text-transform: none;
116
+ }
117
+ button,
118
+ input:where([type="button"]),
119
+ input:where([type="reset"]),
120
+ input:where([type="submit"]) {
121
+ -webkit-appearance: button;
122
+ background-color: initial;
123
+ background-image: none;
124
+ }
125
+ :-moz-focusring {
126
+ outline: auto;
127
+ }
128
+ :-moz-ui-invalid {
129
+ box-shadow: none;
130
+ }
131
+ progress {
132
+ vertical-align: initial;
133
+ }
134
+ ::-webkit-inner-spin-button,
135
+ ::-webkit-outer-spin-button {
136
+ height: auto;
137
+ }
138
+ [type="search"] {
139
+ -webkit-appearance: textfield;
140
+ outline-offset: -2px;
141
+ }
142
+ ::-webkit-search-decoration {
143
+ -webkit-appearance: none;
144
+ }
145
+ ::-webkit-file-upload-button {
146
+ -webkit-appearance: button;
147
+ font: inherit;
148
+ }
149
+ summary {
150
+ display: list-item;
151
+ }
152
+ blockquote,
153
+ dd,
154
+ dl,
155
+ figure,
156
+ h1,
157
+ h2,
158
+ h3,
159
+ h4,
160
+ h5,
161
+ h6,
162
+ hr,
163
+ p,
164
+ pre {
165
+ margin: 0;
166
+ }
167
+ fieldset {
168
+ margin: 0;
169
+ }
170
+ fieldset,
171
+ legend {
172
+ padding: 0;
173
+ }
174
+ menu,
175
+ ol,
176
+ ul {
177
+ list-style: none;
178
+ margin: 0;
179
+ padding: 0;
180
+ }
181
+ dialog {
182
+ padding: 0;
183
+ }
184
+ textarea {
185
+ resize: vertical;
186
+ }
187
+ input::placeholder,
188
+ textarea::placeholder {
189
+ color: #9ca3af;
190
+ opacity: 1;
191
+ }
192
+ [role="button"],
193
+ button {
194
+ cursor: pointer;
195
+ }
196
+ :disabled {
197
+ cursor: default;
198
+ }
199
+ audio,
200
+ canvas,
201
+ embed,
202
+ iframe,
203
+ img,
204
+ object,
205
+ svg,
206
+ video {
207
+ display: block;
208
+ vertical-align: middle;
209
+ }
210
+ img,
211
+ video {
212
+ height: auto;
213
+ max-width: 100%;
214
+ }
215
+ [hidden] {
216
+ display: none;
217
+ }
218
+ *,
219
+ :after,
220
+ :before {
221
+ --tw-border-spacing-x: 0;
222
+ --tw-border-spacing-y: 0;
223
+ --tw-translate-x: 0;
224
+ --tw-translate-y: 0;
225
+ --tw-rotate: 0;
226
+ --tw-skew-x: 0;
227
+ --tw-skew-y: 0;
228
+ --tw-scale-x: 1;
229
+ --tw-scale-y: 1;
230
+ --tw-pan-x: ;
231
+ --tw-pan-y: ;
232
+ --tw-pinch-zoom: ;
233
+ --tw-scroll-snap-strictness: proximity;
234
+ --tw-gradient-from-position: ;
235
+ --tw-gradient-via-position: ;
236
+ --tw-gradient-to-position: ;
237
+ --tw-ordinal: ;
238
+ --tw-slashed-zero: ;
239
+ --tw-numeric-figure: ;
240
+ --tw-numeric-spacing: ;
241
+ --tw-numeric-fraction: ;
242
+ --tw-ring-inset: ;
243
+ --tw-ring-offset-width: 0px;
244
+ --tw-ring-offset-color: #fff;
245
+ --tw-ring-color: #3b82f680;
246
+ --tw-ring-offset-shadow: 0 0 #0000;
247
+ --tw-ring-shadow: 0 0 #0000;
248
+ --tw-shadow: 0 0 #0000;
249
+ --tw-shadow-colored: 0 0 #0000;
250
+ --tw-blur: ;
251
+ --tw-brightness: ;
252
+ --tw-contrast: ;
253
+ --tw-grayscale: ;
254
+ --tw-hue-rotate: ;
255
+ --tw-invert: ;
256
+ --tw-saturate: ;
257
+ --tw-sepia: ;
258
+ --tw-drop-shadow: ;
259
+ --tw-backdrop-blur: ;
260
+ --tw-backdrop-brightness: ;
261
+ --tw-backdrop-contrast: ;
262
+ --tw-backdrop-grayscale: ;
263
+ --tw-backdrop-hue-rotate: ;
264
+ --tw-backdrop-invert: ;
265
+ --tw-backdrop-opacity: ;
266
+ --tw-backdrop-saturate: ;
267
+ --tw-backdrop-sepia: ;
268
+ --tw-contain-size: ;
269
+ --tw-contain-layout: ;
270
+ --tw-contain-paint: ;
271
+ --tw-contain-style: ;
272
+ }
273
+ ::backdrop {
274
+ --tw-border-spacing-x: 0;
275
+ --tw-border-spacing-y: 0;
276
+ --tw-translate-x: 0;
277
+ --tw-translate-y: 0;
278
+ --tw-rotate: 0;
279
+ --tw-skew-x: 0;
280
+ --tw-skew-y: 0;
281
+ --tw-scale-x: 1;
282
+ --tw-scale-y: 1;
283
+ --tw-pan-x: ;
284
+ --tw-pan-y: ;
285
+ --tw-pinch-zoom: ;
286
+ --tw-scroll-snap-strictness: proximity;
287
+ --tw-gradient-from-position: ;
288
+ --tw-gradient-via-position: ;
289
+ --tw-gradient-to-position: ;
290
+ --tw-ordinal: ;
291
+ --tw-slashed-zero: ;
292
+ --tw-numeric-figure: ;
293
+ --tw-numeric-spacing: ;
294
+ --tw-numeric-fraction: ;
295
+ --tw-ring-inset: ;
296
+ --tw-ring-offset-width: 0px;
297
+ --tw-ring-offset-color: #fff;
298
+ --tw-ring-color: #3b82f680;
299
+ --tw-ring-offset-shadow: 0 0 #0000;
300
+ --tw-ring-shadow: 0 0 #0000;
301
+ --tw-shadow: 0 0 #0000;
302
+ --tw-shadow-colored: 0 0 #0000;
303
+ --tw-blur: ;
304
+ --tw-brightness: ;
305
+ --tw-contrast: ;
306
+ --tw-grayscale: ;
307
+ --tw-hue-rotate: ;
308
+ --tw-invert: ;
309
+ --tw-saturate: ;
310
+ --tw-sepia: ;
311
+ --tw-drop-shadow: ;
312
+ --tw-backdrop-blur: ;
313
+ --tw-backdrop-brightness: ;
314
+ --tw-backdrop-contrast: ;
315
+ --tw-backdrop-grayscale: ;
316
+ --tw-backdrop-hue-rotate: ;
317
+ --tw-backdrop-invert: ;
318
+ --tw-backdrop-opacity: ;
319
+ --tw-backdrop-saturate: ;
320
+ --tw-backdrop-sepia: ;
321
+ --tw-contain-size: ;
322
+ --tw-contain-layout: ;
323
+ --tw-contain-paint: ;
324
+ --tw-contain-style: ;
325
+ }
326
+ .invisible {
327
+ visibility: hidden;
328
+ }
329
+ .fixed {
330
+ position: fixed;
331
+ }
332
+ .absolute {
333
+ position: absolute;
334
+ }
335
+ .relative {
336
+ position: relative;
337
+ }
338
+ .inset-0 {
339
+ inset: 0;
340
+ }
341
+ .left-0 {
342
+ left: 0;
343
+ }
344
+ .right-0 {
345
+ right: 0;
346
+ }
347
+ .right-3 {
348
+ right: 0.75rem;
349
+ }
350
+ .top-1 {
351
+ top: 0.25rem;
352
+ }
353
+ .top-1\/2 {
354
+ top: 50%;
355
+ }
356
+ .top-3 {
357
+ top: 0.75rem;
358
+ }
359
+ .z-10 {
360
+ z-index: 10;
361
+ }
362
+ .z-20 {
363
+ z-index: 20;
364
+ }
365
+ .z-40 {
366
+ z-index: 40;
367
+ }
368
+ .z-50 {
369
+ z-index: 50;
370
+ }
371
+ .m-2 {
372
+ margin: 0.5rem;
373
+ }
374
+ .mx-auto {
375
+ margin-left: auto;
376
+ margin-right: auto;
377
+ }
378
+ .my-4 {
379
+ margin-bottom: 1rem;
380
+ margin-top: 1rem;
381
+ }
382
+ .-mb-px {
383
+ margin-bottom: -1px;
384
+ }
385
+ .-mt-2 {
386
+ margin-top: -0.5rem;
387
+ }
388
+ .mb-1 {
389
+ margin-bottom: 0.25rem;
390
+ }
391
+ .ml-1 {
392
+ margin-left: 0.25rem;
393
+ }
394
+ .ml-2 {
395
+ margin-left: 0.5rem;
396
+ }
397
+ .mr-1 {
398
+ margin-right: 0.25rem;
399
+ }
400
+ .mr-2 {
401
+ margin-right: 0.5rem;
402
+ }
403
+ .mr-3 {
404
+ margin-right: 0.75rem;
405
+ }
406
+ .mt-0 {
407
+ margin-top: 0;
408
+ }
409
+ .mt-1 {
410
+ margin-top: 0.25rem;
411
+ }
412
+ .mt-4 {
413
+ margin-top: 1rem;
414
+ }
415
+ .mt-6 {
416
+ margin-top: 1.5rem;
417
+ }
418
+ .block {
419
+ display: block;
420
+ }
421
+ .inline-block {
422
+ display: inline-block;
423
+ }
424
+ .flex {
425
+ display: flex;
426
+ }
427
+ .inline-flex {
428
+ display: inline-flex;
429
+ }
430
+ .hidden {
431
+ display: none;
432
+ }
433
+ .h-0 {
434
+ height: 0;
435
+ }
436
+ .h-0\.5 {
437
+ height: 0.125rem;
438
+ }
439
+ .h-1 {
440
+ height: 0.25rem;
441
+ }
442
+ .h-3 {
443
+ height: 0.75rem;
444
+ }
445
+ .h-4 {
446
+ height: 1rem;
447
+ }
448
+ .h-6 {
449
+ height: 1.5rem;
450
+ }
451
+ .h-8 {
452
+ height: 2rem;
453
+ }
454
+ .max-h-40 {
455
+ max-height: 10rem;
456
+ }
457
+ .w-10 {
458
+ width: 2.5rem;
459
+ }
460
+ .w-3 {
461
+ width: 0.75rem;
462
+ }
463
+ .w-4 {
464
+ width: 1rem;
465
+ }
466
+ .w-40 {
467
+ width: 10rem;
468
+ }
469
+ .w-8 {
470
+ width: 2rem;
471
+ }
472
+ .w-full {
473
+ width: 100%;
474
+ }
475
+ .max-w-full {
476
+ max-width: 100%;
477
+ }
478
+ .flex-auto {
479
+ flex: 1 1 auto;
480
+ }
481
+ .-translate-x-1\/2 {
482
+ --tw-translate-x: -50%;
483
+ }
484
+ .-translate-x-1\/2,
485
+ .-translate-y-1\/2 {
486
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y))
487
+ rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
488
+ scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
489
+ }
490
+ .-translate-y-1\/2 {
491
+ --tw-translate-y: -50%;
492
+ }
493
+ .translate-x-1\/2 {
494
+ --tw-translate-x: 50%;
495
+ }
496
+ .transform,
497
+ .translate-x-1\/2 {
498
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y))
499
+ rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
500
+ scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
501
+ }
502
+ .cursor-pointer {
503
+ cursor: pointer;
504
+ }
505
+ .list-none {
506
+ list-style-type: none;
507
+ }
508
+ .appearance-none {
509
+ -webkit-appearance: none;
510
+ appearance: none;
511
+ }
512
+ .flex-row {
513
+ flex-direction: row;
514
+ }
515
+ .flex-col {
516
+ flex-direction: column;
517
+ }
518
+ .flex-wrap {
519
+ flex-wrap: wrap;
520
+ }
521
+ .place-items-center {
522
+ place-items: center;
523
+ }
524
+ .items-center {
525
+ align-items: center;
526
+ }
527
+ .items-stretch {
528
+ align-items: stretch;
529
+ }
530
+ .justify-center {
531
+ justify-content: center;
532
+ }
533
+ .gap-1 {
534
+ gap: 0.25rem;
535
+ }
536
+ .gap-2 {
537
+ gap: 0.5rem;
538
+ }
539
+ .gap-4 {
540
+ gap: 1rem;
541
+ }
542
+ .space-x-1 > :not([hidden]) ~ :not([hidden]) {
543
+ --tw-space-x-reverse: 0;
544
+ margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
545
+ margin-right: calc(0.25rem * var(--tw-space-x-reverse));
546
+ }
547
+ .divide-y > :not([hidden]) ~ :not([hidden]) {
548
+ --tw-divide-y-reverse: 0;
549
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
550
+ border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
551
+ }
552
+ .overflow-y-auto {
553
+ overflow-y: auto;
554
+ }
555
+ .overflow-x-hidden {
556
+ overflow-x: hidden;
557
+ }
558
+ .overflow-y-scroll {
559
+ overflow-y: scroll;
560
+ }
561
+ .rounded {
562
+ border-radius: 0.25rem;
563
+ }
564
+ .rounded-100px {
565
+ border-radius: 100px;
566
+ }
567
+ .rounded-full {
568
+ border-radius: 9999px;
569
+ }
570
+ .rounded-lg {
571
+ border-radius: 0.5rem;
572
+ }
573
+ .rounded-md {
574
+ border-radius: 0.375rem;
575
+ }
576
+ .rounded-none {
577
+ border-radius: 0;
578
+ }
579
+ .rounded-sm {
580
+ border-radius: 0.125rem;
581
+ }
582
+ .border {
583
+ border-width: 1px;
584
+ }
585
+ .border-0 {
586
+ border-width: 0;
587
+ }
588
+ .border-b {
589
+ border-bottom-width: 1px;
590
+ }
591
+ .border-b-0 {
592
+ border-bottom-width: 0;
593
+ }
594
+ .border-gray-dark-secondary {
595
+ --tw-border-opacity: 1;
596
+ border-color: rgb(151 151 151 / var(--tw-border-opacity));
597
+ }
598
+ .border-gray-light,
599
+ .border-gray-secondary {
600
+ --tw-border-opacity: 1;
601
+ border-color: rgb(196 196 196 / var(--tw-border-opacity));
602
+ }
603
+ .border-orange {
604
+ --tw-border-opacity: 1;
605
+ border-color: rgb(231 80 61 / var(--tw-border-opacity));
606
+ }
607
+ .border-primary {
608
+ border-color: var(--theme-primary);
609
+ }
610
+ .border-red {
611
+ --tw-border-opacity: 1;
612
+ border-color: rgb(255 0 0 / var(--tw-border-opacity));
613
+ }
614
+ .border-transparent {
615
+ border-color: #0000;
616
+ }
617
+ .bg-\[\#007BFF\] {
618
+ --tw-bg-opacity: 1;
619
+ background-color: rgb(0 123 255 / var(--tw-bg-opacity));
620
+ }
621
+ .bg-background-secondary {
622
+ --tw-bg-opacity: 1;
623
+ background-color: rgb(240 239 238 / var(--tw-bg-opacity));
624
+ }
625
+ .bg-black {
626
+ --tw-bg-opacity: 1;
627
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
628
+ }
629
+ .bg-gray-dark-secondary {
630
+ --tw-bg-opacity: 1;
631
+ background-color: rgb(151 151 151 / var(--tw-bg-opacity));
632
+ }
633
+ .bg-gray-light {
634
+ --tw-bg-opacity: 1;
635
+ background-color: rgb(196 196 196 / var(--tw-bg-opacity));
636
+ }
637
+ .bg-green-700 {
638
+ --tw-bg-opacity: 1;
639
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity));
640
+ }
641
+ .bg-orange {
642
+ --tw-bg-opacity: 1;
643
+ background-color: rgb(231 80 61 / var(--tw-bg-opacity));
644
+ }
645
+ .bg-orange1 {
646
+ --tw-bg-opacity: 1;
647
+ background-color: rgb(239 68 68 / var(--tw-bg-opacity));
648
+ }
649
+ .bg-slate-800 {
650
+ --tw-bg-opacity: 1;
651
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity));
652
+ }
653
+ .bg-transparent {
654
+ background-color: initial;
655
+ }
656
+ .bg-white {
657
+ --tw-bg-opacity: 1;
658
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
659
+ }
660
+ .bg-none {
661
+ background-image: none;
662
+ }
663
+ .p-2 {
664
+ padding: 0.5rem;
665
+ }
666
+ .p-3 {
667
+ padding: 0.75rem;
668
+ }
669
+ .px-0 {
670
+ padding-left: 0;
671
+ padding-right: 0;
672
+ }
673
+ .px-2 {
674
+ padding-left: 0.5rem;
675
+ padding-right: 0.5rem;
676
+ }
677
+ .px-3 {
678
+ padding-left: 0.75rem;
679
+ padding-right: 0.75rem;
680
+ }
681
+ .px-4 {
682
+ padding-left: 1rem;
683
+ padding-right: 1rem;
684
+ }
685
+ .py-1 {
686
+ padding-bottom: 0.25rem;
687
+ padding-top: 0.25rem;
688
+ }
689
+ .py-2 {
690
+ padding-top: 0.5rem;
691
+ }
692
+ .pb-2,
693
+ .py-2 {
694
+ padding-bottom: 0.5rem;
695
+ }
696
+ .pt-1 {
697
+ padding-top: 0.25rem;
698
+ }
699
+ .pt-2 {
700
+ padding-top: 0.5rem;
701
+ }
702
+ .pt-3 {
703
+ padding-top: 0.75rem;
704
+ }
705
+ .text-center {
706
+ text-align: center;
707
+ }
708
+ .font-nunitoSansRegular {
709
+ font-family: Nunito Sans Regular;
710
+ }
711
+ .text-3md {
712
+ font-size: 20px;
713
+ }
714
+ .text-3xs {
715
+ font-size: 12px;
716
+ }
717
+ .text-4xs {
718
+ font-size: 14px;
719
+ }
720
+ .text-5xl {
721
+ font-size: 3rem;
722
+ line-height: 1;
723
+ }
724
+ .text-base {
725
+ font-size: 1rem;
726
+ line-height: 1.5rem;
727
+ }
728
+ .text-lg {
729
+ font-size: 1.125rem;
730
+ line-height: 1.75rem;
731
+ }
732
+ .text-md {
733
+ font-size: 16px;
734
+ }
735
+ .text-sm {
736
+ font-size: 0.875rem;
737
+ line-height: 1.25rem;
738
+ }
739
+ .font-bold {
740
+ font-weight: 700;
741
+ }
742
+ .font-extrabold {
743
+ font-weight: 800;
744
+ }
745
+ .font-medium {
746
+ font-weight: 500;
747
+ }
748
+ .uppercase {
749
+ text-transform: uppercase;
750
+ }
751
+ .lowercase {
752
+ text-transform: lowercase;
753
+ }
754
+ .capitalize {
755
+ text-transform: capitalize;
756
+ }
757
+ .leading-4 {
758
+ line-height: 1rem;
759
+ }
760
+ .text-black {
761
+ --tw-text-opacity: 1;
762
+ color: rgb(0 0 0 / var(--tw-text-opacity));
763
+ }
764
+ .text-blue-600 {
765
+ --tw-text-opacity: 1;
766
+ color: rgb(37 99 235 / var(--tw-text-opacity));
767
+ }
768
+ .text-current {
769
+ color: currentColor;
770
+ }
771
+ .text-gray {
772
+ --tw-text-opacity: 1;
773
+ color: rgb(105 105 105 / var(--tw-text-opacity));
774
+ }
775
+ .text-gray-dark-secondary {
776
+ --tw-text-opacity: 1;
777
+ color: rgb(151 151 151 / var(--tw-text-opacity));
778
+ }
779
+ .text-orange {
780
+ --tw-text-opacity: 1;
781
+ color: rgb(231 80 61 / var(--tw-text-opacity));
782
+ }
783
+ .text-primaryCharcoal {
784
+ --tw-text-opacity: 1;
785
+ color: rgb(33 39 33 / var(--tw-text-opacity));
786
+ }
787
+ .text-red {
788
+ --tw-text-opacity: 1;
789
+ color: rgb(255 0 0 / var(--tw-text-opacity));
790
+ }
791
+ .text-white {
792
+ --tw-text-opacity: 1;
793
+ color: rgb(255 255 255 / var(--tw-text-opacity));
794
+ }
795
+ .underline {
796
+ text-decoration-line: underline;
797
+ }
798
+ .line-through {
799
+ text-decoration-line: line-through;
800
+ }
801
+ .opacity-100 {
802
+ opacity: 1;
803
+ }
804
+ .opacity-25 {
805
+ opacity: 0.25;
806
+ }
807
+ .opacity-50 {
808
+ opacity: 0.5;
809
+ }
810
+ .shadow {
811
+ --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
812
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
813
+ 0 1px 2px -1px var(--tw-shadow-color);
814
+ }
815
+ .shadow,
816
+ .shadow-lg {
817
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
818
+ var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
819
+ }
820
+ .shadow-lg {
821
+ --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
822
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
823
+ 0 4px 6px -4px var(--tw-shadow-color);
824
+ }
825
+ .shadow-sm {
826
+ --tw-shadow: 0 1px 2px 0 #0000000d;
827
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
828
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
829
+ var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
830
+ }
831
+ .outline-none {
832
+ outline: 2px solid #0000;
833
+ outline-offset: 2px;
834
+ }
835
+ .outline {
836
+ outline-style: solid;
837
+ }
838
+ .outline-offset-8 {
839
+ outline-offset: 8px;
840
+ }
841
+ .blur {
842
+ --tw-blur: blur(8px);
843
+ }
844
+ .blur,
845
+ .filter {
846
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
847
+ var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
848
+ var(--tw-sepia) var(--tw-drop-shadow);
849
+ }
850
+ .duration-300 {
851
+ transition-duration: 0.3s;
852
+ }
853
+ .duration-500 {
854
+ transition-duration: 0.5s;
855
+ }
856
+ .ease-in-out {
857
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
858
+ }
859
+ .hover\:bg-\[\#007BFF\]:hover {
860
+ --tw-bg-opacity: 1;
861
+ background-color: rgb(0 123 255 / var(--tw-bg-opacity));
862
+ }
863
+ .hover\:shadow-lg:hover {
864
+ --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
865
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
866
+ 0 4px 6px -4px var(--tw-shadow-color);
867
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
868
+ var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
869
+ }
870
+ .focus\:border-gray-secondary:focus {
871
+ --tw-border-opacity: 1;
872
+ border-color: rgb(196 196 196 / var(--tw-border-opacity));
873
+ }
874
+ .focus\:outline-none:focus {
875
+ outline: 2px solid #0000;
876
+ outline-offset: 2px;
877
+ }
878
+ .focus\:ring:focus {
879
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
880
+ var(--tw-ring-offset-width) var(--tw-ring-offset-color);
881
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
882
+ calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
883
+ }
884
+ .focus\:ring-0:focus,
885
+ .focus\:ring:focus {
886
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
887
+ var(--tw-shadow, 0 0 #0000);
888
+ }
889
+ .focus\:ring-0:focus {
890
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
891
+ var(--tw-ring-offset-width) var(--tw-ring-offset-color);
892
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width))
893
+ var(--tw-ring-color);
894
+ }
895
+ .focus\:ring-2:focus {
896
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
897
+ var(--tw-ring-offset-width) var(--tw-ring-offset-color);
898
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
899
+ calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
900
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
901
+ var(--tw-shadow, 0 0 #0000);
902
+ }
903
+ .focus\:ring-blue-500:focus {
904
+ --tw-ring-opacity: 1;
905
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
906
+ }
907
+ .dark\:bg-black:is([data-mode="dark"] *) {
908
+ --tw-bg-opacity: 1;
909
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
910
+ }
911
+ .dark\:bg-white:is([data-mode="dark"] *) {
912
+ --tw-bg-opacity: 1;
913
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
914
+ }
915
+ .dark\:text-black:is([data-mode="dark"] *) {
916
+ --tw-text-opacity: 1;
917
+ color: rgb(0 0 0 / var(--tw-text-opacity));
918
+ }
919
+ .dark\:text-white:is([data-mode="dark"] *) {
920
+ --tw-text-opacity: 1;
921
+ color: rgb(255 255 255 / var(--tw-text-opacity));
922
+ }
923
+ .dark\:focus\:ring-blue-600:focus:is([data-mode="dark"] *) {
924
+ --tw-ring-opacity: 1;
925
+ --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
926
+ }
927
+ @media (min-width: 480px) {
928
+ .sm\:block {
929
+ display: block;
930
+ }
931
+ .sm\:px-8 {
932
+ padding-left: 2rem;
933
+ padding-right: 2rem;
934
+ }
935
+ .sm\:text-base {
936
+ font-size: 1rem;
937
+ line-height: 1.5rem;
938
+ }
939
+ }
940
+ @media (min-width: 768px) {
941
+ .md\:text-md {
942
+ font-size: 16px;
943
+ }
944
+ }