@kinxcdn/commerce-player 1.0.17 → 1.0.19

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.
@@ -1,1795 +0,0 @@
1
- /*! tailwindcss v4.0.12 | MIT License | https://tailwindcss.com */
2
- @layer theme, base, components, utilities;
3
- @layer theme {
4
- :root, :host {
5
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
- "Courier New", monospace;
9
- --color-red-500: oklch(0.637 0.237 25.331);
10
- --color-blue-200: oklch(0.882 0.059 254.128);
11
- --color-blue-300: oklch(0.809 0.105 251.813);
12
- --color-gray-400: oklch(0.707 0.022 261.325);
13
- --color-gray-500: oklch(0.551 0.027 264.364);
14
- --color-gray-700: oklch(0.373 0.034 259.733);
15
- --color-gray-800: oklch(0.278 0.033 256.848);
16
- --color-zinc-700: oklch(0.37 0.013 285.805);
17
- --color-black: #000;
18
- --color-white: #fff;
19
- --spacing: 0.25rem;
20
- --container-sm: 24rem;
21
- --text-xs: 0.75rem;
22
- --text-xs--line-height: calc(1 / 0.75);
23
- --text-sm: 0.875rem;
24
- --text-sm--line-height: calc(1.25 / 0.875);
25
- --text-lg: 1.125rem;
26
- --text-lg--line-height: calc(1.75 / 1.125);
27
- --text-xl: 1.25rem;
28
- --text-xl--line-height: calc(1.75 / 1.25);
29
- --font-weight-medium: 500;
30
- --font-weight-semibold: 600;
31
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
32
- --aspect-video: 16 / 9;
33
- --default-transition-duration: 150ms;
34
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
35
- --default-font-family: var(--font-sans);
36
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
37
- --default-font-variation-settings: var(
38
- --font-sans--font-variation-settings
39
- );
40
- --default-mono-font-family: var(--font-mono);
41
- --default-mono-font-feature-settings: var(
42
- --font-mono--font-feature-settings
43
- );
44
- --default-mono-font-variation-settings: var(
45
- --font-mono--font-variation-settings
46
- );
47
- --animate-float: float 2s ease;
48
- }
49
- }
50
- @layer base {
51
- *, ::after, ::before, ::backdrop, ::file-selector-button {
52
- box-sizing: border-box;
53
- margin: 0;
54
- padding: 0;
55
- border: 0 solid;
56
- }
57
- html, :host {
58
- line-height: 1.5;
59
- -webkit-text-size-adjust: 100%;
60
- -moz-tab-size: 4;
61
- -o-tab-size: 4;
62
- tab-size: 4;
63
- font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
64
- font-feature-settings: var(--default-font-feature-settings, normal);
65
- font-variation-settings: var( --default-font-variation-settings, normal );
66
- -webkit-tap-highlight-color: transparent;
67
- }
68
- body {
69
- line-height: inherit;
70
- }
71
- hr {
72
- height: 0;
73
- color: inherit;
74
- border-top-width: 1px;
75
- }
76
- abbr:where([title]) {
77
- -webkit-text-decoration: underline dotted;
78
- text-decoration: underline dotted;
79
- }
80
- h1, h2, h3, h4, h5, h6 {
81
- font-size: inherit;
82
- font-weight: inherit;
83
- }
84
- a {
85
- color: inherit;
86
- -webkit-text-decoration: inherit;
87
- text-decoration: inherit;
88
- }
89
- b, strong {
90
- font-weight: bolder;
91
- }
92
- code, kbd, samp, pre {
93
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
94
- font-feature-settings: var( --default-mono-font-feature-settings, normal );
95
- font-variation-settings: var( --default-mono-font-variation-settings, normal );
96
- font-size: 1em;
97
- }
98
- small {
99
- font-size: 80%;
100
- }
101
- sub, sup {
102
- font-size: 75%;
103
- line-height: 0;
104
- position: relative;
105
- vertical-align: baseline;
106
- }
107
- sub {
108
- bottom: -0.25em;
109
- }
110
- sup {
111
- top: -0.5em;
112
- }
113
- table {
114
- text-indent: 0;
115
- border-color: inherit;
116
- border-collapse: collapse;
117
- }
118
- :-moz-focusring {
119
- outline: auto;
120
- }
121
- progress {
122
- vertical-align: baseline;
123
- }
124
- summary {
125
- display: list-item;
126
- }
127
- ol, ul, menu {
128
- list-style: none;
129
- }
130
- img, svg, video, canvas, audio, iframe, embed, object {
131
- display: block;
132
- vertical-align: middle;
133
- }
134
- img, video {
135
- max-width: 100%;
136
- height: auto;
137
- }
138
- button, input, select, optgroup, textarea, ::file-selector-button {
139
- font: inherit;
140
- font-feature-settings: inherit;
141
- font-variation-settings: inherit;
142
- letter-spacing: inherit;
143
- color: inherit;
144
- border-radius: 0;
145
- background-color: transparent;
146
- opacity: 1;
147
- }
148
- :where(select:is([multiple], [size])) optgroup {
149
- font-weight: bolder;
150
- }
151
- :where(select:is([multiple], [size])) optgroup option {
152
- padding-inline-start: 20px;
153
- }
154
- ::file-selector-button {
155
- margin-inline-end: 4px;
156
- }
157
- ::-moz-placeholder {
158
- opacity: 1;
159
- color: color-mix(in oklab, currentColor 50%, transparent);
160
- }
161
- ::placeholder {
162
- opacity: 1;
163
- color: color-mix(in oklab, currentColor 50%, transparent);
164
- }
165
- textarea {
166
- resize: vertical;
167
- }
168
- ::-webkit-search-decoration {
169
- -webkit-appearance: none;
170
- }
171
- ::-webkit-date-and-time-value {
172
- min-height: 1lh;
173
- text-align: inherit;
174
- }
175
- ::-webkit-datetime-edit {
176
- display: inline-flex;
177
- }
178
- ::-webkit-datetime-edit-fields-wrapper {
179
- padding: 0;
180
- }
181
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
182
- padding-block: 0;
183
- }
184
- :-moz-ui-invalid {
185
- box-shadow: none;
186
- }
187
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
188
- -webkit-appearance: button;
189
- -moz-appearance: button;
190
- appearance: button;
191
- }
192
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
193
- height: auto;
194
- }
195
- [hidden]:where(:not([hidden="until-found"])) {
196
- display: none !important;
197
- }
198
- }
199
- @layer utilities {
200
- .pointer-events-none {
201
- pointer-events: none;
202
- }
203
- .absolute {
204
- position: absolute;
205
- }
206
- .fixed {
207
- position: fixed;
208
- }
209
- .relative {
210
- position: relative;
211
- }
212
- .inset-0 {
213
- inset: calc(var(--spacing) * 0);
214
- }
215
- .top-0 {
216
- top: calc(var(--spacing) * 0);
217
- }
218
- .top-1\/2 {
219
- top: calc(1/2 * 100%);
220
- }
221
- .top-\[50\%\] {
222
- top: 50%;
223
- }
224
- .right-0 {
225
- right: calc(var(--spacing) * 0);
226
- }
227
- .right-\[-30px\] {
228
- right: -30px;
229
- }
230
- .bottom-0 {
231
- bottom: calc(var(--spacing) * 0);
232
- }
233
- .bottom-2 {
234
- bottom: calc(var(--spacing) * 2);
235
- }
236
- .left-0 {
237
- left: calc(var(--spacing) * 0);
238
- }
239
- .left-\[-30px\] {
240
- left: -30px;
241
- }
242
- .left-\[50\%\] {
243
- left: 50%;
244
- }
245
- .z-10 {
246
- z-index: 10;
247
- }
248
- .z-50 {
249
- z-index: 50;
250
- }
251
- .z-\[1\] {
252
- z-index: 1;
253
- }
254
- .z-\[5\] {
255
- z-index: 5;
256
- }
257
- .z-\[999\] {
258
- z-index: 999;
259
- }
260
- .z-\[999999\] {
261
- z-index: 999999;
262
- }
263
- .container {
264
- width: 100%;
265
- @media (width >= 40rem) {
266
- max-width: 40rem;
267
- }
268
- @media (width >= 48rem) {
269
- max-width: 48rem;
270
- }
271
- @media (width >= 64rem) {
272
- max-width: 64rem;
273
- }
274
- @media (width >= 80rem) {
275
- max-width: 80rem;
276
- }
277
- @media (width >= 96rem) {
278
- max-width: 96rem;
279
- }
280
- }
281
- .mx-10 {
282
- margin-inline: calc(var(--spacing) * 10);
283
- }
284
- .mx-auto {
285
- margin-inline: auto;
286
- }
287
- .my-0 {
288
- margin-block: calc(var(--spacing) * 0);
289
- }
290
- .my-2 {
291
- margin-block: calc(var(--spacing) * 2);
292
- }
293
- .my-10 {
294
- margin-block: calc(var(--spacing) * 10);
295
- }
296
- .mt-2 {
297
- margin-top: calc(var(--spacing) * 2);
298
- }
299
- .mt-3 {
300
- margin-top: calc(var(--spacing) * 3);
301
- }
302
- .mt-4 {
303
- margin-top: calc(var(--spacing) * 4);
304
- }
305
- .mt-auto {
306
- margin-top: auto;
307
- }
308
- .mr-2 {
309
- margin-right: calc(var(--spacing) * 2);
310
- }
311
- .mb-1 {
312
- margin-bottom: calc(var(--spacing) * 1);
313
- }
314
- .mb-2 {
315
- margin-bottom: calc(var(--spacing) * 2);
316
- }
317
- .mb-3 {
318
- margin-bottom: calc(var(--spacing) * 3);
319
- }
320
- .mb-6 {
321
- margin-bottom: calc(var(--spacing) * 6);
322
- }
323
- .ml-3 {
324
- margin-left: calc(var(--spacing) * 3);
325
- }
326
- .line-clamp-1 {
327
- overflow: hidden;
328
- display: -webkit-box;
329
- -webkit-box-orient: vertical;
330
- -webkit-line-clamp: 1;
331
- }
332
- .line-clamp-2 {
333
- overflow: hidden;
334
- display: -webkit-box;
335
- -webkit-box-orient: vertical;
336
- -webkit-line-clamp: 2;
337
- }
338
- .block {
339
- display: block;
340
- }
341
- .contents {
342
- display: contents;
343
- }
344
- .flex {
345
- display: flex;
346
- }
347
- .grid {
348
- display: grid;
349
- }
350
- .hidden {
351
- display: none;
352
- }
353
- .inline-block {
354
- display: inline-block;
355
- }
356
- .aspect-\[9\/16\] {
357
- aspect-ratio: 9/16;
358
- }
359
- .aspect-\[9\/16\]\! {
360
- aspect-ratio: 9/16 !important;
361
- }
362
- .aspect-square {
363
- aspect-ratio: 1 / 1;
364
- }
365
- .aspect-video {
366
- aspect-ratio: var(--aspect-video);
367
- }
368
- .size-3 {
369
- width: calc(var(--spacing) * 3);
370
- height: calc(var(--spacing) * 3);
371
- }
372
- .size-4 {
373
- width: calc(var(--spacing) * 4);
374
- height: calc(var(--spacing) * 4);
375
- }
376
- .h-1 {
377
- height: calc(var(--spacing) * 1);
378
- }
379
- .h-2 {
380
- height: calc(var(--spacing) * 2);
381
- }
382
- .h-5 {
383
- height: calc(var(--spacing) * 5);
384
- }
385
- .h-6 {
386
- height: calc(var(--spacing) * 6);
387
- }
388
- .h-10 {
389
- height: calc(var(--spacing) * 10);
390
- }
391
- .h-12 {
392
- height: calc(var(--spacing) * 12);
393
- }
394
- .h-14 {
395
- height: calc(var(--spacing) * 14);
396
- }
397
- .h-16 {
398
- height: calc(var(--spacing) * 16);
399
- }
400
- .h-20 {
401
- height: calc(var(--spacing) * 20);
402
- }
403
- .h-\[60px\] {
404
- height: 60px;
405
- }
406
- .h-\[80\%\] {
407
- height: 80%;
408
- }
409
- .h-\[100px\] {
410
- height: 100px;
411
- }
412
- .h-\[125px\] {
413
- height: 125px;
414
- }
415
- .h-\[500px\] {
416
- height: 500px;
417
- }
418
- .h-\[600px\] {
419
- height: 600px;
420
- }
421
- .h-auto {
422
- height: auto;
423
- }
424
- .h-fit {
425
- height: -moz-fit-content;
426
- height: fit-content;
427
- }
428
- .h-full {
429
- height: 100%;
430
- }
431
- .max-h-\[150px\] {
432
- max-height: 150px;
433
- }
434
- .max-h-\[300px\] {
435
- max-height: 300px;
436
- }
437
- .max-h-\[650px\] {
438
- max-height: 650px;
439
- }
440
- .max-h-fit {
441
- max-height: -moz-fit-content;
442
- max-height: fit-content;
443
- }
444
- .\!w-auto {
445
- width: auto !important;
446
- }
447
- .w-5 {
448
- width: calc(var(--spacing) * 5);
449
- }
450
- .w-12 {
451
- width: calc(var(--spacing) * 12);
452
- }
453
- .w-14 {
454
- width: calc(var(--spacing) * 14);
455
- }
456
- .w-16 {
457
- width: calc(var(--spacing) * 16);
458
- }
459
- .w-24 {
460
- width: calc(var(--spacing) * 24);
461
- }
462
- .w-32 {
463
- width: calc(var(--spacing) * 32);
464
- }
465
- .w-\[50px\] {
466
- width: 50px;
467
- }
468
- .w-\[80\%\] {
469
- width: 80%;
470
- }
471
- .w-\[95\%\] {
472
- width: 95%;
473
- }
474
- .w-\[100px\] {
475
- width: 100px;
476
- }
477
- .w-\[400px\] {
478
- width: 400px;
479
- }
480
- .w-\[500px\] {
481
- width: 500px;
482
- }
483
- .w-\[1024px\] {
484
- width: 1024px;
485
- }
486
- .w-fit {
487
- width: -moz-fit-content;
488
- width: fit-content;
489
- }
490
- .w-full {
491
- width: 100%;
492
- }
493
- .max-w-16 {
494
- max-width: calc(var(--spacing) * 16);
495
- }
496
- .max-w-52 {
497
- max-width: calc(var(--spacing) * 52);
498
- }
499
- .max-w-\[40\%\] {
500
- max-width: 40%;
501
- }
502
- .max-w-\[420px\] {
503
- max-width: 420px;
504
- }
505
- .max-w-\[800px\] {
506
- max-width: 800px;
507
- }
508
- .max-w-fit {
509
- max-width: -moz-fit-content;
510
- max-width: fit-content;
511
- }
512
- .max-w-full {
513
- max-width: 100%;
514
- }
515
- .min-w-44 {
516
- min-width: calc(var(--spacing) * 44);
517
- }
518
- .min-w-\[768px\] {
519
- min-width: 768px;
520
- }
521
- .min-w-\[1024px\] {
522
- min-width: 1024px;
523
- }
524
- .flex-1 {
525
- flex: 1;
526
- }
527
- .flex-\[2\] {
528
- flex: 2;
529
- }
530
- .shrink-0 {
531
- flex-shrink: 0;
532
- }
533
- .grow {
534
- flex-grow: 1;
535
- }
536
- .translate-x-\[-50\%\] {
537
- --tw-translate-x: -50%;
538
- translate: var(--tw-translate-x) var(--tw-translate-y);
539
- }
540
- .translate-y-0\.5 {
541
- --tw-translate-y: calc(var(--spacing) * 0.5);
542
- translate: var(--tw-translate-x) var(--tw-translate-y);
543
- }
544
- .translate-y-\[-50\%\] {
545
- --tw-translate-y: -50%;
546
- translate: var(--tw-translate-x) var(--tw-translate-y);
547
- }
548
- .scale-110 {
549
- --tw-scale-x: 110%;
550
- --tw-scale-y: 110%;
551
- --tw-scale-z: 110%;
552
- scale: var(--tw-scale-x) var(--tw-scale-y);
553
- }
554
- .transform {
555
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
556
- }
557
- .animate-float {
558
- animation: var(--animate-float);
559
- }
560
- .cursor-default {
561
- cursor: default;
562
- }
563
- .cursor-pointer {
564
- cursor: pointer;
565
- }
566
- .touch-none {
567
- touch-action: none;
568
- }
569
- .resize {
570
- resize: both;
571
- }
572
- .grid-cols-2 {
573
- grid-template-columns: repeat(2, minmax(0, 1fr));
574
- }
575
- .flex-col {
576
- flex-direction: column;
577
- }
578
- .flex-col-reverse {
579
- flex-direction: column-reverse;
580
- }
581
- .items-baseline {
582
- align-items: baseline;
583
- }
584
- .items-center {
585
- align-items: center;
586
- }
587
- .items-end {
588
- align-items: flex-end;
589
- }
590
- .items-start {
591
- align-items: flex-start;
592
- }
593
- .justify-between {
594
- justify-content: space-between;
595
- }
596
- .justify-center {
597
- justify-content: center;
598
- }
599
- .justify-end {
600
- justify-content: flex-end;
601
- }
602
- .justify-items-center {
603
- justify-items: center;
604
- }
605
- .gap-1 {
606
- gap: calc(var(--spacing) * 1);
607
- }
608
- .gap-1\.5 {
609
- gap: calc(var(--spacing) * 1.5);
610
- }
611
- .gap-2 {
612
- gap: calc(var(--spacing) * 2);
613
- }
614
- .gap-3 {
615
- gap: calc(var(--spacing) * 3);
616
- }
617
- .gap-4 {
618
- gap: calc(var(--spacing) * 4);
619
- }
620
- .gap-5 {
621
- gap: calc(var(--spacing) * 5);
622
- }
623
- .gap-10 {
624
- gap: calc(var(--spacing) * 10);
625
- }
626
- .self-center {
627
- align-self: center;
628
- }
629
- .justify-self-end {
630
- justify-self: flex-end;
631
- }
632
- .overflow-hidden {
633
- overflow: hidden;
634
- }
635
- .overflow-scroll {
636
- overflow: scroll;
637
- }
638
- .overflow-y-auto {
639
- overflow-y: auto;
640
- }
641
- .overflow-y-scroll {
642
- overflow-y: scroll;
643
- }
644
- .rounded {
645
- border-radius: 0.25rem;
646
- }
647
- .rounded-full {
648
- border-radius: calc(infinity * 1px);
649
- }
650
- .rounded-lg {
651
- border-radius: var(--radius);
652
- }
653
- .rounded-md {
654
- border-radius: calc(var(--radius) - 2px);
655
- }
656
- .rounded-xl {
657
- border-radius: calc(var(--radius) + 4px);
658
- }
659
- .border {
660
- border-style: var(--tw-border-style);
661
- border-width: 1px;
662
- }
663
- .border-0 {
664
- border-style: var(--tw-border-style);
665
- border-width: 0px;
666
- }
667
- .border-t {
668
- border-top-style: var(--tw-border-style);
669
- border-top-width: 1px;
670
- }
671
- .border-b {
672
- border-bottom-style: var(--tw-border-style);
673
- border-bottom-width: 1px;
674
- }
675
- .border-l {
676
- border-left-style: var(--tw-border-style);
677
- border-left-width: 1px;
678
- }
679
- .border-none {
680
- --tw-border-style: none;
681
- border-style: none;
682
- }
683
- .border-\[\#f4f3f6\] {
684
- border-color: #f4f3f6;
685
- }
686
- .bg-\[\#0ab060\] {
687
- background-color: #0ab060;
688
- }
689
- .bg-\[\#eeeeee\] {
690
- background-color: #eeeeee;
691
- }
692
- .bg-\[\#f4f4f4\] {
693
- background-color: #f4f4f4;
694
- }
695
- .bg-\[rgba\(0\,0\,0\,\.3\)\] {
696
- background-color: rgba(0,0,0,.3);
697
- }
698
- .bg-background {
699
- background-color: var(--background);
700
- }
701
- .bg-black {
702
- background-color: var(--color-black);
703
- }
704
- .bg-black\/50 {
705
- background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
706
- }
707
- .bg-blue-200 {
708
- background-color: var(--color-blue-200);
709
- }
710
- .bg-blue-300 {
711
- background-color: var(--color-blue-300);
712
- }
713
- .bg-muted {
714
- background-color: var(--muted);
715
- }
716
- .bg-transparent {
717
- background-color: transparent;
718
- }
719
- .bg-white {
720
- background-color: var(--color-white);
721
- }
722
- .bg-zinc-700 {
723
- background-color: var(--color-zinc-700);
724
- }
725
- .bg-gradient-to-b {
726
- --tw-gradient-position: to bottom in oklab;
727
- background-image: linear-gradient(var(--tw-gradient-stops));
728
- }
729
- .from-black\/40 {
730
- --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);
731
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
732
- }
733
- .via-transparent {
734
- --tw-gradient-via: transparent;
735
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
736
- --tw-gradient-stops: var(--tw-gradient-via-stops);
737
- }
738
- .to-black\/40 {
739
- --tw-gradient-to: color-mix(in oklab, var(--color-black) 40%, transparent);
740
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
741
- }
742
- .fill-black {
743
- fill: var(--color-black);
744
- }
745
- .fill-red-500 {
746
- fill: var(--color-red-500);
747
- }
748
- .fill-white {
749
- fill: var(--color-white);
750
- }
751
- .object-contain {
752
- -o-object-fit: contain;
753
- object-fit: contain;
754
- }
755
- .object-cover {
756
- -o-object-fit: cover;
757
- object-fit: cover;
758
- }
759
- .p-0 {
760
- padding: calc(var(--spacing) * 0);
761
- }
762
- .p-1 {
763
- padding: calc(var(--spacing) * 1);
764
- }
765
- .p-2 {
766
- padding: calc(var(--spacing) * 2);
767
- }
768
- .p-4 {
769
- padding: calc(var(--spacing) * 4);
770
- }
771
- .p-6 {
772
- padding: calc(var(--spacing) * 6);
773
- }
774
- .p-8 {
775
- padding: calc(var(--spacing) * 8);
776
- }
777
- .p-10 {
778
- padding: calc(var(--spacing) * 10);
779
- }
780
- .p-\[3px\] {
781
- padding: 3px;
782
- }
783
- .px-2 {
784
- padding-inline: calc(var(--spacing) * 2);
785
- }
786
- .px-3 {
787
- padding-inline: calc(var(--spacing) * 3);
788
- }
789
- .px-4 {
790
- padding-inline: calc(var(--spacing) * 4);
791
- }
792
- .px-\[24px\] {
793
- padding-inline: 24px;
794
- }
795
- .py-2 {
796
- padding-block: calc(var(--spacing) * 2);
797
- }
798
- .py-4 {
799
- padding-block: calc(var(--spacing) * 4);
800
- }
801
- .pt-0 {
802
- padding-top: calc(var(--spacing) * 0);
803
- }
804
- .pr-1 {
805
- padding-right: calc(var(--spacing) * 1);
806
- }
807
- .pr-2 {
808
- padding-right: calc(var(--spacing) * 2);
809
- }
810
- .pb-4 {
811
- padding-bottom: calc(var(--spacing) * 4);
812
- }
813
- .pb-10 {
814
- padding-bottom: calc(var(--spacing) * 10);
815
- }
816
- .text-center {
817
- text-align: center;
818
- }
819
- .text-left {
820
- text-align: left;
821
- }
822
- .text-lg {
823
- font-size: var(--text-lg);
824
- line-height: var(--tw-leading, var(--text-lg--line-height));
825
- }
826
- .text-sm {
827
- font-size: var(--text-sm);
828
- line-height: var(--tw-leading, var(--text-sm--line-height));
829
- }
830
- .text-xl {
831
- font-size: var(--text-xl);
832
- line-height: var(--tw-leading, var(--text-xl--line-height));
833
- }
834
- .text-xs {
835
- font-size: var(--text-xs);
836
- line-height: var(--tw-leading, var(--text-xs--line-height));
837
- }
838
- .text-\[0\.6rem\] {
839
- font-size: 0.6rem;
840
- }
841
- .text-\[0\.8rem\] {
842
- font-size: 0.8rem;
843
- }
844
- .text-\[10px\] {
845
- font-size: 10px;
846
- }
847
- .text-\[12px\] {
848
- font-size: 12px;
849
- }
850
- .leading-none {
851
- --tw-leading: 1;
852
- line-height: 1;
853
- }
854
- .font-medium {
855
- --tw-font-weight: var(--font-weight-medium);
856
- font-weight: var(--font-weight-medium);
857
- }
858
- .font-semibold {
859
- --tw-font-weight: var(--font-weight-semibold);
860
- font-weight: var(--font-weight-semibold);
861
- }
862
- .break-keep {
863
- word-break: keep-all;
864
- }
865
- .text-clip {
866
- text-overflow: clip;
867
- }
868
- .text-ellipsis {
869
- text-overflow: ellipsis;
870
- }
871
- .whitespace-nowrap {
872
- white-space: nowrap;
873
- }
874
- .text-black {
875
- color: var(--color-black);
876
- }
877
- .text-foreground {
878
- color: var(--foreground);
879
- }
880
- .text-gray-400 {
881
- color: var(--color-gray-400);
882
- }
883
- .text-gray-500 {
884
- color: var(--color-gray-500);
885
- }
886
- .text-gray-700 {
887
- color: var(--color-gray-700);
888
- }
889
- .text-gray-800 {
890
- color: var(--color-gray-800);
891
- }
892
- .text-muted-foreground {
893
- color: var(--muted-foreground);
894
- }
895
- .text-red-500 {
896
- color: var(--color-red-500);
897
- }
898
- .text-transparent {
899
- color: transparent;
900
- }
901
- .text-white {
902
- color: var(--color-white);
903
- }
904
- .no-underline {
905
- text-decoration-line: none;
906
- }
907
- .opacity-50 {
908
- opacity: 50%;
909
- }
910
- .shadow-sm {
911
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
912
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
913
- }
914
- .ring-ring\/30 {
915
- --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent);
916
- }
917
- .transition-\[color\,box-shadow\] {
918
- transition-property: color,box-shadow;
919
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
920
- transition-duration: var(--tw-duration, var(--default-transition-duration));
921
- }
922
- .transition-all {
923
- transition-property: all;
924
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
925
- transition-duration: var(--tw-duration, var(--default-transition-duration));
926
- }
927
- .transition-transform {
928
- transition-property: transform, translate, scale, rotate;
929
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
930
- transition-duration: var(--tw-duration, var(--default-transition-duration));
931
- }
932
- .duration-200 {
933
- --tw-duration: 200ms;
934
- transition-duration: 200ms;
935
- }
936
- .ease-in {
937
- --tw-ease: var(--ease-in);
938
- transition-timing-function: var(--ease-in);
939
- }
940
- .outline-none {
941
- --tw-outline-style: none;
942
- outline-style: none;
943
- }
944
- .select-none {
945
- -webkit-user-select: none;
946
- -moz-user-select: none;
947
- user-select: none;
948
- }
949
- .duration-200 {
950
- animation-duration: 200ms;
951
- }
952
- .ease-in {
953
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
954
- }
955
- .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
956
- &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
957
- display: block;
958
- }
959
- }
960
- .last\:border-b-0 {
961
- &:last-child {
962
- border-bottom-style: var(--tw-border-style);
963
- border-bottom-width: 0px;
964
- }
965
- }
966
- .hover\:underline {
967
- &:hover {
968
- @media (hover: hover) {
969
- text-decoration-line: underline;
970
- }
971
- }
972
- }
973
- .hover\:ring-4 {
974
- &:hover {
975
- @media (hover: hover) {
976
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
977
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
978
- }
979
- }
980
- }
981
- .focus-visible\:border-ring {
982
- &:focus-visible {
983
- border-color: var(--ring);
984
- }
985
- }
986
- .focus-visible\:ring-4 {
987
- &:focus-visible {
988
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
989
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
990
- }
991
- }
992
- .focus-visible\:ring-\[3px\] {
993
- &:focus-visible {
994
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
995
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
996
- }
997
- }
998
- .focus-visible\:ring-ring\/50 {
999
- &:focus-visible {
1000
- --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1001
- }
1002
- }
1003
- .focus-visible\:outline-hidden {
1004
- &:focus-visible {
1005
- --tw-outline-style: none;
1006
- outline-style: none;
1007
- @media (forced-colors: active) {
1008
- outline: 2px solid transparent;
1009
- outline-offset: 2px;
1010
- }
1011
- }
1012
- }
1013
- .disabled\:pointer-events-none {
1014
- &:disabled {
1015
- pointer-events: none;
1016
- }
1017
- }
1018
- .disabled\:opacity-50 {
1019
- &:disabled {
1020
- opacity: 50%;
1021
- }
1022
- }
1023
- .data-\[disabled\]\:opacity-50 {
1024
- &[data-disabled] {
1025
- opacity: 50%;
1026
- }
1027
- }
1028
- .data-\[orientation\=horizontal\]\:h-1\.5 {
1029
- &[data-orientation="horizontal"] {
1030
- height: calc(var(--spacing) * 1.5);
1031
- }
1032
- }
1033
- .data-\[orientation\=horizontal\]\:h-full {
1034
- &[data-orientation="horizontal"] {
1035
- height: 100%;
1036
- }
1037
- }
1038
- .data-\[orientation\=horizontal\]\:w-full {
1039
- &[data-orientation="horizontal"] {
1040
- width: 100%;
1041
- }
1042
- }
1043
- .data-\[orientation\=vertical\]\:h-full {
1044
- &[data-orientation="vertical"] {
1045
- height: 100%;
1046
- }
1047
- }
1048
- .data-\[orientation\=vertical\]\:min-h-44 {
1049
- &[data-orientation="vertical"] {
1050
- min-height: calc(var(--spacing) * 44);
1051
- }
1052
- }
1053
- .data-\[orientation\=vertical\]\:w-1\.5 {
1054
- &[data-orientation="vertical"] {
1055
- width: calc(var(--spacing) * 1.5);
1056
- }
1057
- }
1058
- .data-\[orientation\=vertical\]\:w-auto {
1059
- &[data-orientation="vertical"] {
1060
- width: auto;
1061
- }
1062
- }
1063
- .data-\[orientation\=vertical\]\:w-full {
1064
- &[data-orientation="vertical"] {
1065
- width: 100%;
1066
- }
1067
- }
1068
- .data-\[orientation\=vertical\]\:flex-col {
1069
- &[data-orientation="vertical"] {
1070
- flex-direction: column;
1071
- }
1072
- }
1073
- .data-\[state\=closed\]\:animate-out {
1074
- &[data-state="closed"] {
1075
- animation-name: exit;
1076
- animation-duration: 150ms;
1077
- --tw-exit-opacity: initial;
1078
- --tw-exit-scale: initial;
1079
- --tw-exit-rotate: initial;
1080
- --tw-exit-translate-x: initial;
1081
- --tw-exit-translate-y: initial;
1082
- }
1083
- }
1084
- .data-\[state\=closed\]\:fade-out-0 {
1085
- &[data-state="closed"] {
1086
- --tw-exit-opacity: 0;
1087
- }
1088
- }
1089
- .data-\[state\=closed\]\:zoom-out-95 {
1090
- &[data-state="closed"] {
1091
- --tw-exit-scale: .95;
1092
- }
1093
- }
1094
- .data-\[state\=open\]\:animate-in {
1095
- &[data-state="open"] {
1096
- animation-name: enter;
1097
- animation-duration: 150ms;
1098
- --tw-enter-opacity: initial;
1099
- --tw-enter-scale: initial;
1100
- --tw-enter-rotate: initial;
1101
- --tw-enter-translate-x: initial;
1102
- --tw-enter-translate-y: initial;
1103
- }
1104
- }
1105
- .data-\[state\=open\]\:fade-in-0 {
1106
- &[data-state="open"] {
1107
- --tw-enter-opacity: 0;
1108
- }
1109
- }
1110
- .data-\[state\=open\]\:zoom-in-95 {
1111
- &[data-state="open"] {
1112
- --tw-enter-scale: .95;
1113
- }
1114
- }
1115
- .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
1116
- &[data-vaul-drawer-direction="bottom"] {
1117
- inset-inline: calc(var(--spacing) * 0);
1118
- }
1119
- }
1120
- .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
1121
- &[data-vaul-drawer-direction="bottom"] {
1122
- bottom: calc(var(--spacing) * 0);
1123
- }
1124
- }
1125
- .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
1126
- &[data-vaul-drawer-direction="bottom"] {
1127
- margin-top: calc(var(--spacing) * 24);
1128
- }
1129
- }
1130
- .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
1131
- &[data-vaul-drawer-direction="bottom"] {
1132
- max-height: 80vh;
1133
- }
1134
- }
1135
- .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
1136
- &[data-vaul-drawer-direction="bottom"] {
1137
- border-top-left-radius: var(--radius);
1138
- border-top-right-radius: var(--radius);
1139
- }
1140
- }
1141
- .data-\[vaul-drawer-direction\=bottom\]\:border-t {
1142
- &[data-vaul-drawer-direction="bottom"] {
1143
- border-top-style: var(--tw-border-style);
1144
- border-top-width: 1px;
1145
- }
1146
- }
1147
- .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
1148
- &[data-vaul-drawer-direction="left"] {
1149
- inset-block: calc(var(--spacing) * 0);
1150
- }
1151
- }
1152
- .data-\[vaul-drawer-direction\=left\]\:left-0 {
1153
- &[data-vaul-drawer-direction="left"] {
1154
- left: calc(var(--spacing) * 0);
1155
- }
1156
- }
1157
- .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
1158
- &[data-vaul-drawer-direction="left"] {
1159
- width: calc(3/4 * 100%);
1160
- }
1161
- }
1162
- .data-\[vaul-drawer-direction\=left\]\:border-r {
1163
- &[data-vaul-drawer-direction="left"] {
1164
- border-right-style: var(--tw-border-style);
1165
- border-right-width: 1px;
1166
- }
1167
- }
1168
- .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
1169
- &[data-vaul-drawer-direction="right"] {
1170
- inset-block: calc(var(--spacing) * 0);
1171
- }
1172
- }
1173
- .data-\[vaul-drawer-direction\=right\]\:right-0 {
1174
- &[data-vaul-drawer-direction="right"] {
1175
- right: calc(var(--spacing) * 0);
1176
- }
1177
- }
1178
- .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
1179
- &[data-vaul-drawer-direction="right"] {
1180
- width: calc(3/4 * 100%);
1181
- }
1182
- }
1183
- .data-\[vaul-drawer-direction\=right\]\:border-l {
1184
- &[data-vaul-drawer-direction="right"] {
1185
- border-left-style: var(--tw-border-style);
1186
- border-left-width: 1px;
1187
- }
1188
- }
1189
- .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
1190
- &[data-vaul-drawer-direction="top"] {
1191
- inset-inline: calc(var(--spacing) * 0);
1192
- }
1193
- }
1194
- .data-\[vaul-drawer-direction\=top\]\:top-0 {
1195
- &[data-vaul-drawer-direction="top"] {
1196
- top: calc(var(--spacing) * 0);
1197
- }
1198
- }
1199
- .data-\[vaul-drawer-direction\=top\]\:mb-24 {
1200
- &[data-vaul-drawer-direction="top"] {
1201
- margin-bottom: calc(var(--spacing) * 24);
1202
- }
1203
- }
1204
- .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
1205
- &[data-vaul-drawer-direction="top"] {
1206
- max-height: 80vh;
1207
- }
1208
- }
1209
- .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
1210
- &[data-vaul-drawer-direction="top"] {
1211
- border-bottom-right-radius: var(--radius);
1212
- border-bottom-left-radius: var(--radius);
1213
- }
1214
- }
1215
- .data-\[vaul-drawer-direction\=top\]\:border-b {
1216
- &[data-vaul-drawer-direction="top"] {
1217
- border-bottom-style: var(--tw-border-style);
1218
- border-bottom-width: 1px;
1219
- }
1220
- }
1221
- .sm\:flex-row {
1222
- @media (width >= 40rem) {
1223
- flex-direction: row;
1224
- }
1225
- }
1226
- .sm\:justify-end {
1227
- @media (width >= 40rem) {
1228
- justify-content: flex-end;
1229
- }
1230
- }
1231
- .sm\:text-left {
1232
- @media (width >= 40rem) {
1233
- text-align: left;
1234
- }
1235
- }
1236
- .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
1237
- &[data-vaul-drawer-direction="left"] {
1238
- @media (width >= 40rem) {
1239
- max-width: var(--container-sm);
1240
- }
1241
- }
1242
- }
1243
- .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
1244
- &[data-vaul-drawer-direction="right"] {
1245
- @media (width >= 40rem) {
1246
- max-width: var(--container-sm);
1247
- }
1248
- }
1249
- }
1250
- .md\:text-\[0\.8rem\] {
1251
- @media (width >= 48rem) {
1252
- font-size: 0.8rem;
1253
- }
1254
- }
1255
- .md\:text-\[15px\] {
1256
- @media (width >= 48rem) {
1257
- font-size: 15px;
1258
- }
1259
- }
1260
- .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
1261
- &[data-state=open]>svg {
1262
- rotate: 180deg;
1263
- }
1264
- }
1265
- }
1266
- :root {
1267
- --background: oklch(1 0 0);
1268
- --foreground: oklch(0.145 0 0);
1269
- --card: oklch(1 0 0);
1270
- --card-foreground: oklch(0.145 0 0);
1271
- --popover: oklch(1 0 0);
1272
- --popover-foreground: oklch(0.145 0 0);
1273
- --primary: oklch(0.205 0 0);
1274
- --primary-foreground: oklch(0.985 0 0);
1275
- --secondary: oklch(0.97 0 0);
1276
- --secondary-foreground: oklch(0.205 0 0);
1277
- --muted: oklch(0.97 0 0);
1278
- --muted-foreground: oklch(0.556 0 0);
1279
- --accent: oklch(0.97 0 0);
1280
- --accent-foreground: oklch(0.205 0 0);
1281
- --destructive: oklch(0.577 0.245 27.325);
1282
- --destructive-foreground: oklch(0.577 0.245 27.325);
1283
- --border: oklch(0.922 0 0);
1284
- --input: oklch(0.922 0 0);
1285
- --ring: oklch(0.708 0 0);
1286
- --chart-1: oklch(0.646 0.222 41.116);
1287
- --chart-2: oklch(0.6 0.118 184.704);
1288
- --chart-3: oklch(0.398 0.07 227.392);
1289
- --chart-4: oklch(0.828 0.189 84.429);
1290
- --chart-5: oklch(0.769 0.188 70.08);
1291
- --radius: 0.625rem;
1292
- --sidebar: oklch(0.985 0 0);
1293
- --sidebar-foreground: oklch(0.145 0 0);
1294
- --sidebar-primary: oklch(0.205 0 0);
1295
- --sidebar-primary-foreground: oklch(0.985 0 0);
1296
- --sidebar-accent: oklch(0.97 0 0);
1297
- --sidebar-accent-foreground: oklch(0.205 0 0);
1298
- --sidebar-border: oklch(0.922 0 0);
1299
- --sidebar-ring: oklch(0.708 0 0);
1300
- }
1301
- .dark {
1302
- --background: oklch(0.145 0 0);
1303
- --foreground: oklch(0.985 0 0);
1304
- --card: oklch(0.145 0 0);
1305
- --card-foreground: oklch(0.985 0 0);
1306
- --popover: oklch(0.145 0 0);
1307
- --popover-foreground: oklch(0.985 0 0);
1308
- --primary: oklch(0.985 0 0);
1309
- --primary-foreground: oklch(0.205 0 0);
1310
- --secondary: oklch(0.269 0 0);
1311
- --secondary-foreground: oklch(0.985 0 0);
1312
- --muted: oklch(0.269 0 0);
1313
- --muted-foreground: oklch(0.708 0 0);
1314
- --accent: oklch(0.269 0 0);
1315
- --accent-foreground: oklch(0.985 0 0);
1316
- --destructive: oklch(0.396 0.141 25.723);
1317
- --destructive-foreground: oklch(0.637 0.237 25.331);
1318
- --border: oklch(0.269 0 0);
1319
- --input: oklch(0.269 0 0);
1320
- --ring: oklch(0.439 0 0);
1321
- --chart-1: oklch(0.488 0.243 264.376);
1322
- --chart-2: oklch(0.696 0.17 162.48);
1323
- --chart-3: oklch(0.769 0.188 70.08);
1324
- --chart-4: oklch(0.627 0.265 303.9);
1325
- --chart-5: oklch(0.645 0.246 16.439);
1326
- --sidebar: oklch(0.205 0 0);
1327
- --sidebar-foreground: oklch(0.985 0 0);
1328
- --sidebar-primary: oklch(0.488 0.243 264.376);
1329
- --sidebar-primary-foreground: oklch(0.985 0 0);
1330
- --sidebar-accent: oklch(0.269 0 0);
1331
- --sidebar-accent-foreground: oklch(0.985 0 0);
1332
- --sidebar-border: oklch(0.269 0 0);
1333
- --sidebar-ring: oklch(0.439 0 0);
1334
- }
1335
- @layer base {
1336
- * {
1337
- border-color: var(--border);
1338
- outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
1339
- }
1340
- body {
1341
- background-color: var(--background);
1342
- color: var(--foreground);
1343
- }
1344
- }
1345
- html.overflow-hidden {
1346
- overflow: hidden;
1347
- }
1348
- [role="dialog"] {
1349
- padding-left: 0;
1350
- padding-right: 0;
1351
- }
1352
- .slick-cloned .player-container {
1353
- display: none !important;
1354
- }
1355
- .scrollbar-hide::-webkit-scrollbar {
1356
- display: none;
1357
- }
1358
- .scrollbar-hide {
1359
- -ms-overflow-style: none;
1360
- scrollbar-width: none;
1361
- }
1362
- .bg-insta {
1363
- background-image: linear-gradient(to top right, #facc15, #ec4899, #9333ea);
1364
- }
1365
- @keyframes enter {
1366
- from {
1367
- opacity: var(--tw-enter-opacity, 1);
1368
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
1369
- }
1370
- }
1371
- @keyframes exit {
1372
- to {
1373
- opacity: var(--tw-exit-opacity, 1);
1374
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
1375
- }
1376
- }
1377
- @property --tw-translate-x {
1378
- syntax: "*";
1379
- inherits: false;
1380
- initial-value: 0;
1381
- }
1382
- @property --tw-translate-y {
1383
- syntax: "*";
1384
- inherits: false;
1385
- initial-value: 0;
1386
- }
1387
- @property --tw-translate-z {
1388
- syntax: "*";
1389
- inherits: false;
1390
- initial-value: 0;
1391
- }
1392
- @property --tw-scale-x {
1393
- syntax: "*";
1394
- inherits: false;
1395
- initial-value: 1;
1396
- }
1397
- @property --tw-scale-y {
1398
- syntax: "*";
1399
- inherits: false;
1400
- initial-value: 1;
1401
- }
1402
- @property --tw-scale-z {
1403
- syntax: "*";
1404
- inherits: false;
1405
- initial-value: 1;
1406
- }
1407
- @property --tw-rotate-x {
1408
- syntax: "*";
1409
- inherits: false;
1410
- initial-value: rotateX(0);
1411
- }
1412
- @property --tw-rotate-y {
1413
- syntax: "*";
1414
- inherits: false;
1415
- initial-value: rotateY(0);
1416
- }
1417
- @property --tw-rotate-z {
1418
- syntax: "*";
1419
- inherits: false;
1420
- initial-value: rotateZ(0);
1421
- }
1422
- @property --tw-skew-x {
1423
- syntax: "*";
1424
- inherits: false;
1425
- initial-value: skewX(0);
1426
- }
1427
- @property --tw-skew-y {
1428
- syntax: "*";
1429
- inherits: false;
1430
- initial-value: skewY(0);
1431
- }
1432
- @property --tw-border-style {
1433
- syntax: "*";
1434
- inherits: false;
1435
- initial-value: solid;
1436
- }
1437
- @property --tw-gradient-position {
1438
- syntax: "*";
1439
- inherits: false;
1440
- }
1441
- @property --tw-gradient-from {
1442
- syntax: "<color>";
1443
- inherits: false;
1444
- initial-value: #0000;
1445
- }
1446
- @property --tw-gradient-via {
1447
- syntax: "<color>";
1448
- inherits: false;
1449
- initial-value: #0000;
1450
- }
1451
- @property --tw-gradient-to {
1452
- syntax: "<color>";
1453
- inherits: false;
1454
- initial-value: #0000;
1455
- }
1456
- @property --tw-gradient-stops {
1457
- syntax: "*";
1458
- inherits: false;
1459
- }
1460
- @property --tw-gradient-via-stops {
1461
- syntax: "*";
1462
- inherits: false;
1463
- }
1464
- @property --tw-gradient-from-position {
1465
- syntax: "<length-percentage>";
1466
- inherits: false;
1467
- initial-value: 0%;
1468
- }
1469
- @property --tw-gradient-via-position {
1470
- syntax: "<length-percentage>";
1471
- inherits: false;
1472
- initial-value: 50%;
1473
- }
1474
- @property --tw-gradient-to-position {
1475
- syntax: "<length-percentage>";
1476
- inherits: false;
1477
- initial-value: 100%;
1478
- }
1479
- @property --tw-leading {
1480
- syntax: "*";
1481
- inherits: false;
1482
- }
1483
- @property --tw-font-weight {
1484
- syntax: "*";
1485
- inherits: false;
1486
- }
1487
- @property --tw-shadow {
1488
- syntax: "*";
1489
- inherits: false;
1490
- initial-value: 0 0 #0000;
1491
- }
1492
- @property --tw-shadow-color {
1493
- syntax: "*";
1494
- inherits: false;
1495
- }
1496
- @property --tw-inset-shadow {
1497
- syntax: "*";
1498
- inherits: false;
1499
- initial-value: 0 0 #0000;
1500
- }
1501
- @property --tw-inset-shadow-color {
1502
- syntax: "*";
1503
- inherits: false;
1504
- }
1505
- @property --tw-ring-color {
1506
- syntax: "*";
1507
- inherits: false;
1508
- }
1509
- @property --tw-ring-shadow {
1510
- syntax: "*";
1511
- inherits: false;
1512
- initial-value: 0 0 #0000;
1513
- }
1514
- @property --tw-inset-ring-color {
1515
- syntax: "*";
1516
- inherits: false;
1517
- }
1518
- @property --tw-inset-ring-shadow {
1519
- syntax: "*";
1520
- inherits: false;
1521
- initial-value: 0 0 #0000;
1522
- }
1523
- @property --tw-ring-inset {
1524
- syntax: "*";
1525
- inherits: false;
1526
- }
1527
- @property --tw-ring-offset-width {
1528
- syntax: "<length>";
1529
- inherits: false;
1530
- initial-value: 0px;
1531
- }
1532
- @property --tw-ring-offset-color {
1533
- syntax: "*";
1534
- inherits: false;
1535
- initial-value: #fff;
1536
- }
1537
- @property --tw-ring-offset-shadow {
1538
- syntax: "*";
1539
- inherits: false;
1540
- initial-value: 0 0 #0000;
1541
- }
1542
- @property --tw-duration {
1543
- syntax: "*";
1544
- inherits: false;
1545
- }
1546
- @property --tw-ease {
1547
- syntax: "*";
1548
- inherits: false;
1549
- }
1550
- @keyframes float {
1551
- 0% {
1552
- transform: translateY(0);
1553
- opacity: 1;
1554
- }
1555
- 100% {
1556
- transform: translateY(-200px);
1557
- opacity: 0;
1558
- }
1559
- }
1560
-
1561
- /**
1562
- * Swiper 11.1.15
1563
- * Most modern mobile touch slider and framework with hardware accelerated transitions
1564
- * https://swiperjs.com
1565
- *
1566
- * Copyright 2014-2024 Vladimir Kharlampidi
1567
- *
1568
- * Released under the MIT License
1569
- *
1570
- * Released on: November 18, 2024
1571
- */
1572
-
1573
- /* FONT_START */
1574
- @font-face {
1575
- font-family: 'swiper-icons';
1576
- src: url('data:application/font-woff;charset=utf-8;base64, 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');
1577
- font-weight: 400;
1578
- font-style: normal;
1579
- }
1580
- /* FONT_END */
1581
- :root {
1582
- --swiper-theme-color: #007aff;
1583
- /*
1584
- --swiper-preloader-color: var(--swiper-theme-color);
1585
- --swiper-wrapper-transition-timing-function: initial;
1586
- */
1587
- }
1588
- :host {
1589
- position: relative;
1590
- display: block;
1591
- margin-left: auto;
1592
- margin-right: auto;
1593
- z-index: 1;
1594
- }
1595
- .swiper {
1596
- margin-left: auto;
1597
- margin-right: auto;
1598
- position: relative;
1599
- overflow: hidden;
1600
- list-style: none;
1601
- padding: 0;
1602
- /* Fix of Webkit flickering */
1603
- z-index: 1;
1604
- display: block;
1605
- }
1606
- .swiper-vertical > .swiper-wrapper {
1607
- flex-direction: column;
1608
- }
1609
- .swiper-wrapper {
1610
- position: relative;
1611
- width: 100%;
1612
- height: 100%;
1613
- z-index: 1;
1614
- display: flex;
1615
- transition-property: transform;
1616
- transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
1617
- box-sizing: content-box;
1618
- }
1619
- .swiper-android .swiper-slide,
1620
- .swiper-ios .swiper-slide,
1621
- .swiper-wrapper {
1622
- transform: translate3d(0px, 0, 0);
1623
- }
1624
- .swiper-horizontal {
1625
- touch-action: pan-y;
1626
- }
1627
- .swiper-vertical {
1628
- touch-action: pan-x;
1629
- }
1630
- .swiper-slide {
1631
- flex-shrink: 0;
1632
- width: 100%;
1633
- height: 100%;
1634
- position: relative;
1635
- transition-property: transform;
1636
- display: block;
1637
- }
1638
- .swiper-slide-invisible-blank {
1639
- visibility: hidden;
1640
- }
1641
- /* Auto Height */
1642
- .swiper-autoheight,
1643
- .swiper-autoheight .swiper-slide {
1644
- height: auto;
1645
- }
1646
- .swiper-autoheight .swiper-wrapper {
1647
- align-items: flex-start;
1648
- transition-property: transform, height;
1649
- }
1650
- .swiper-backface-hidden .swiper-slide {
1651
- transform: translateZ(0);
1652
- backface-visibility: hidden;
1653
- }
1654
- /* 3D Effects */
1655
- .swiper-3d.swiper-css-mode .swiper-wrapper {
1656
- perspective: 1200px;
1657
- }
1658
- .swiper-3d .swiper-wrapper {
1659
- transform-style: preserve-3d;
1660
- }
1661
- .swiper-3d {
1662
- perspective: 1200px;
1663
- }
1664
- .swiper-3d .swiper-slide,
1665
- .swiper-3d .swiper-cube-shadow {
1666
- transform-style: preserve-3d;
1667
- }
1668
- /* CSS Mode */
1669
- .swiper-css-mode > .swiper-wrapper {
1670
- overflow: auto;
1671
- scrollbar-width: none;
1672
- /* For Firefox */
1673
- -ms-overflow-style: none;
1674
- /* For Internet Explorer and Edge */
1675
- }
1676
- .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
1677
- display: none;
1678
- }
1679
- .swiper-css-mode > .swiper-wrapper > .swiper-slide {
1680
- scroll-snap-align: start start;
1681
- }
1682
- .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
1683
- scroll-snap-type: x mandatory;
1684
- }
1685
- .swiper-css-mode.swiper-vertical > .swiper-wrapper {
1686
- scroll-snap-type: y mandatory;
1687
- }
1688
- .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
1689
- scroll-snap-type: none;
1690
- }
1691
- .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
1692
- scroll-snap-align: none;
1693
- }
1694
- .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
1695
- content: '';
1696
- flex-shrink: 0;
1697
- order: 9999;
1698
- }
1699
- .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
1700
- scroll-snap-align: center center;
1701
- scroll-snap-stop: always;
1702
- }
1703
- .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
1704
- margin-inline-start: var(--swiper-centered-offset-before);
1705
- }
1706
- .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
1707
- height: 100%;
1708
- min-height: 1px;
1709
- width: var(--swiper-centered-offset-after);
1710
- }
1711
- .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
1712
- margin-block-start: var(--swiper-centered-offset-before);
1713
- }
1714
- .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
1715
- width: 100%;
1716
- min-width: 1px;
1717
- height: var(--swiper-centered-offset-after);
1718
- }
1719
- /* Slide styles start */
1720
- /* 3D Shadows */
1721
- .swiper-3d .swiper-slide-shadow,
1722
- .swiper-3d .swiper-slide-shadow-left,
1723
- .swiper-3d .swiper-slide-shadow-right,
1724
- .swiper-3d .swiper-slide-shadow-top,
1725
- .swiper-3d .swiper-slide-shadow-bottom,
1726
- .swiper-3d .swiper-slide-shadow,
1727
- .swiper-3d .swiper-slide-shadow-left,
1728
- .swiper-3d .swiper-slide-shadow-right,
1729
- .swiper-3d .swiper-slide-shadow-top,
1730
- .swiper-3d .swiper-slide-shadow-bottom {
1731
- position: absolute;
1732
- left: 0;
1733
- top: 0;
1734
- width: 100%;
1735
- height: 100%;
1736
- pointer-events: none;
1737
- z-index: 10;
1738
- }
1739
- .swiper-3d .swiper-slide-shadow {
1740
- background: rgba(0, 0, 0, 0.15);
1741
- }
1742
- .swiper-3d .swiper-slide-shadow-left {
1743
- background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
1744
- }
1745
- .swiper-3d .swiper-slide-shadow-right {
1746
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
1747
- }
1748
- .swiper-3d .swiper-slide-shadow-top {
1749
- background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
1750
- }
1751
- .swiper-3d .swiper-slide-shadow-bottom {
1752
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
1753
- }
1754
- .swiper-lazy-preloader {
1755
- width: 42px;
1756
- height: 42px;
1757
- position: absolute;
1758
- left: 50%;
1759
- top: 50%;
1760
- margin-left: -21px;
1761
- margin-top: -21px;
1762
- z-index: 10;
1763
- transform-origin: 50%;
1764
- box-sizing: border-box;
1765
- border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
1766
- border-radius: 50%;
1767
- border-top-color: transparent;
1768
- }
1769
- .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
1770
- .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
1771
- animation: swiper-preloader-spin 1s infinite linear;
1772
- }
1773
- .swiper-lazy-preloader-white {
1774
- --swiper-preloader-color: #fff;
1775
- }
1776
- .swiper-lazy-preloader-black {
1777
- --swiper-preloader-color: #000;
1778
- }
1779
- @keyframes swiper-preloader-spin {
1780
- 0% {
1781
- transform: rotate(0deg);
1782
- }
1783
- 100% {
1784
- transform: rotate(360deg);
1785
- }
1786
- }
1787
- /* Slide styles end */
1788
-
1789
- .swiper-grid > .swiper-wrapper {
1790
- flex-wrap: wrap;
1791
- }
1792
- .swiper-grid-column > .swiper-wrapper {
1793
- flex-wrap: wrap;
1794
- flex-direction: column;
1795
- }