@norskvideo/norsk-studio-source-switcher 1.9.0-2025-01-27-b21c8c91

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.
@@ -0,0 +1,3 @@
1
+ video {
2
+ width: 100%;
3
+ }
@@ -0,0 +1,723 @@
1
+ .transform {
2
+ --tw-translate-x: 0;
3
+ --tw-translate-y: 0;
4
+ --tw-rotate: 0;
5
+ --tw-skew-x: 0;
6
+ --tw-skew-y: 0;
7
+ --tw-scale-x: 1;
8
+ --tw-scale-y: 1;
9
+ }
10
+
11
+ .shadow-lg {
12
+ --tw-ring-offset-shadow: 0 0 #0000;
13
+ --tw-ring-shadow: 0 0 #0000;
14
+ --tw-shadow: 0 0 #0000;
15
+ --tw-shadow-colored: 0 0 #0000;
16
+ }
17
+
18
+ .focus\:ring-0, .focus\:ring-4 {
19
+ --tw-ring-inset: ;
20
+ --tw-ring-offset-width: 0px;
21
+ --tw-ring-offset-color: #fff;
22
+ --tw-ring-color: rgb(63 131 248 / 0.5);
23
+ --tw-ring-offset-shadow: 0 0 #0000;
24
+ --tw-ring-shadow: 0 0 #0000;
25
+ --tw-shadow: 0 0 #0000;
26
+ --tw-shadow-colored: 0 0 #0000;
27
+ }
28
+
29
+ .filter {
30
+ --tw-blur: ;
31
+ --tw-brightness: ;
32
+ --tw-contrast: ;
33
+ --tw-grayscale: ;
34
+ --tw-hue-rotate: ;
35
+ --tw-invert: ;
36
+ --tw-saturate: ;
37
+ --tw-sepia: ;
38
+ --tw-drop-shadow: ;
39
+ }
40
+
41
+ .container {
42
+ width: 100%;
43
+ }
44
+
45
+ @media (min-width: 300px) {
46
+ .container {
47
+ max-width: 300px;
48
+ }
49
+ }
50
+
51
+ @media (min-width: 640px) {
52
+ .container {
53
+ max-width: 640px;
54
+ }
55
+ }
56
+
57
+ @media (min-width: 768px) {
58
+ .container {
59
+ max-width: 768px;
60
+ }
61
+ }
62
+
63
+ @media (min-width: 1024px) {
64
+ .container {
65
+ max-width: 1024px;
66
+ }
67
+ }
68
+
69
+ @media (min-width: 1280px) {
70
+ .container {
71
+ max-width: 1280px;
72
+ }
73
+ }
74
+
75
+ @media (min-width: 1536px) {
76
+ .container {
77
+ max-width: 1536px;
78
+ }
79
+ }
80
+
81
+ .fixed {
82
+ position: fixed;
83
+ }
84
+
85
+ .absolute {
86
+ position: absolute;
87
+ }
88
+
89
+ .relative {
90
+ position: relative;
91
+ }
92
+
93
+ .left-0 {
94
+ left: 0px;
95
+ }
96
+
97
+ .left-2 {
98
+ left: 0.5rem;
99
+ }
100
+
101
+ .top-0 {
102
+ top: 0px;
103
+ }
104
+
105
+ .top-2 {
106
+ top: 0.5rem;
107
+ }
108
+
109
+ .z-10 {
110
+ z-index: 10;
111
+ }
112
+
113
+ .z-40 {
114
+ z-index: 40;
115
+ }
116
+
117
+ .mb-2 {
118
+ margin-bottom: 0.5rem;
119
+ }
120
+
121
+ .mb-6 {
122
+ margin-bottom: 1.5rem;
123
+ }
124
+
125
+ .ml-2 {
126
+ margin-left: 0.5rem;
127
+ }
128
+
129
+ .mr-2 {
130
+ margin-right: 0.5rem;
131
+ }
132
+
133
+ .mt-2 {
134
+ margin-top: 0.5rem;
135
+ }
136
+
137
+ .inline {
138
+ display: inline;
139
+ }
140
+
141
+ .flex {
142
+ display: flex;
143
+ }
144
+
145
+ .grid {
146
+ display: grid;
147
+ }
148
+
149
+ .h-6 {
150
+ height: 1.5rem;
151
+ }
152
+
153
+ .h-9 {
154
+ height: 2.25rem;
155
+ }
156
+
157
+ .h-full {
158
+ height: 100%;
159
+ }
160
+
161
+ .w-1\/2 {
162
+ width: 50%;
163
+ }
164
+
165
+ .w-64 {
166
+ width: 16rem;
167
+ }
168
+
169
+ .w-full {
170
+ width: 100%;
171
+ }
172
+
173
+ .transform {
174
+ 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));
175
+ }
176
+
177
+ .cursor-default {
178
+ cursor: default;
179
+ }
180
+
181
+ .resize {
182
+ resize: both;
183
+ }
184
+
185
+ .grid-cols-2 {
186
+ grid-template-columns: repeat(2, minmax(0, 1fr));
187
+ }
188
+
189
+ .grid-cols-4 {
190
+ grid-template-columns: repeat(4, minmax(0, 1fr));
191
+ }
192
+
193
+ .grid-cols-7 {
194
+ grid-template-columns: repeat(7, minmax(0, 1fr));
195
+ }
196
+
197
+ .grid-rows-1 {
198
+ grid-template-rows: repeat(1, minmax(0, 1fr));
199
+ }
200
+
201
+ .flex-col {
202
+ flex-direction: column;
203
+ }
204
+
205
+ .justify-center {
206
+ justify-content: center;
207
+ }
208
+
209
+ .gap-4 {
210
+ gap: 1rem;
211
+ }
212
+
213
+ .justify-self-start {
214
+ justify-self: start;
215
+ }
216
+
217
+ .justify-self-end {
218
+ justify-self: end;
219
+ }
220
+
221
+ .rounded-lg {
222
+ border-radius: 0.5rem;
223
+ }
224
+
225
+ .rounded-e-lg {
226
+ border-start-end-radius: 0.5rem;
227
+ border-end-end-radius: 0.5rem;
228
+ }
229
+
230
+ .rounded-l-lg {
231
+ border-top-left-radius: 0.5rem;
232
+ border-bottom-left-radius: 0.5rem;
233
+ }
234
+
235
+ .rounded-r-lg {
236
+ border-top-right-radius: 0.5rem;
237
+ border-bottom-right-radius: 0.5rem;
238
+ }
239
+
240
+ .rounded-s-lg {
241
+ border-start-start-radius: 0.5rem;
242
+ border-end-start-radius: 0.5rem;
243
+ }
244
+
245
+ .border {
246
+ border-width: 1px;
247
+ }
248
+
249
+ .border-2 {
250
+ border-width: 2px;
251
+ }
252
+
253
+ .border-solid {
254
+ border-style: solid;
255
+ }
256
+
257
+ .border-gray-300 {
258
+ --tw-border-opacity: 1;
259
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
260
+ }
261
+
262
+ .border-green-400 {
263
+ --tw-border-opacity: 1;
264
+ border-color: rgb(49 196 141 / var(--tw-border-opacity));
265
+ }
266
+
267
+ .\!bg-gray-50 {
268
+ --tw-bg-opacity: 1 !important;
269
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
270
+ }
271
+
272
+ .bg-gray-200 {
273
+ --tw-bg-opacity: 1;
274
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
275
+ }
276
+
277
+ .bg-gray-50 {
278
+ --tw-bg-opacity: 1;
279
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
280
+ }
281
+
282
+ .bg-green-300 {
283
+ --tw-bg-opacity: 1;
284
+ background-color: rgb(132 225 188 / var(--tw-bg-opacity));
285
+ }
286
+
287
+ .bg-primary-700 {
288
+ --tw-bg-opacity: 1;
289
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity));
290
+ }
291
+
292
+ .bg-white {
293
+ --tw-bg-opacity: 1;
294
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
295
+ }
296
+
297
+ .p-2 {
298
+ padding: 0.5rem;
299
+ }
300
+
301
+ .px-1 {
302
+ padding-left: 0.25rem;
303
+ padding-right: 0.25rem;
304
+ }
305
+
306
+ .px-5 {
307
+ padding-left: 1.25rem;
308
+ padding-right: 1.25rem;
309
+ }
310
+
311
+ .py-2\.5 {
312
+ padding-top: 0.625rem;
313
+ padding-bottom: 0.625rem;
314
+ }
315
+
316
+ .text-center {
317
+ text-align: center;
318
+ }
319
+
320
+ .text-sm {
321
+ font-size: 0.875rem;
322
+ line-height: 1.25rem;
323
+ }
324
+
325
+ .text-xs {
326
+ font-size: 0.75rem;
327
+ line-height: 1rem;
328
+ }
329
+
330
+ .font-medium {
331
+ font-weight: 500;
332
+ }
333
+
334
+ .leading-6 {
335
+ line-height: 1.5rem;
336
+ }
337
+
338
+ .leading-9 {
339
+ line-height: 2.25rem;
340
+ }
341
+
342
+ .text-gray-900 {
343
+ --tw-text-opacity: 1;
344
+ color: rgb(17 24 39 / var(--tw-text-opacity));
345
+ }
346
+
347
+ .text-green-500 {
348
+ --tw-text-opacity: 1;
349
+ color: rgb(14 159 110 / var(--tw-text-opacity));
350
+ }
351
+
352
+ .text-orange-500 {
353
+ --tw-text-opacity: 1;
354
+ color: rgb(255 90 31 / var(--tw-text-opacity));
355
+ }
356
+
357
+ .text-white {
358
+ --tw-text-opacity: 1;
359
+ color: rgb(255 255 255 / var(--tw-text-opacity));
360
+ }
361
+
362
+ .opacity-70 {
363
+ opacity: 0.7;
364
+ }
365
+
366
+ .shadow-lg {
367
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
368
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
369
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
370
+ }
371
+
372
+ .filter {
373
+ 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);
374
+ }
375
+
376
+ .transition {
377
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
378
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
379
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
380
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
381
+ transition-duration: 150ms;
382
+ }
383
+
384
+ .node-editor-label {
385
+ margin-bottom: 0.125rem;
386
+ display: block;
387
+ font-size: 0.875rem;
388
+ line-height: 1.25rem;
389
+ font-weight: 500;
390
+ --tw-text-opacity: 1;
391
+ color: rgb(17 24 39 / var(--tw-text-opacity));
392
+ }
393
+
394
+ .node-editor-label:is(.dark *) {
395
+ --tw-text-opacity: 1;
396
+ color: rgb(255 255 255 / var(--tw-text-opacity));
397
+ }
398
+
399
+ .node-editor-text-input {
400
+ display: block;
401
+ width: 100%;
402
+ border-radius: 0.25rem;
403
+ border-width: 1px;
404
+ --tw-border-opacity: 1;
405
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
406
+ --tw-bg-opacity: 1;
407
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
408
+ padding: 0.25rem;
409
+ font-size: 0.875rem;
410
+ line-height: 1.25rem;
411
+ --tw-text-opacity: 1;
412
+ color: rgb(17 24 39 / var(--tw-text-opacity));
413
+ }
414
+
415
+ .node-editor-text-input:focus {
416
+ --tw-border-opacity: 1;
417
+ border-color: rgb(63 131 248 / var(--tw-border-opacity));
418
+ outline: 2px solid transparent;
419
+ outline-offset: 2px;
420
+ --tw-ring-opacity: 1;
421
+ --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
422
+ }
423
+
424
+ .node-editor-text-input:is(.dark *) {
425
+ --tw-border-opacity: 1;
426
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
427
+ --tw-bg-opacity: 1;
428
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
429
+ --tw-text-opacity: 1;
430
+ color: rgb(255 255 255 / var(--tw-text-opacity));
431
+ }
432
+
433
+ .node-editor-text-input:is(.dark *)::-moz-placeholder {
434
+ --tw-placeholder-opacity: 1;
435
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
436
+ }
437
+
438
+ .node-editor-text-input:is(.dark *)::placeholder {
439
+ --tw-placeholder-opacity: 1;
440
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
441
+ }
442
+
443
+ .node-editor-text-input:focus:is(.dark *) {
444
+ --tw-border-opacity: 1;
445
+ border-color: rgb(63 131 248 / var(--tw-border-opacity));
446
+ --tw-ring-opacity: 1;
447
+ --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
448
+ }
449
+
450
+ .node-editor-numeric-input {
451
+ display: block;
452
+ width: 100%;
453
+ border-radius: 0.25rem;
454
+ border-width: 1px;
455
+ --tw-border-opacity: 1;
456
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
457
+ --tw-bg-opacity: 1;
458
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
459
+ padding: 0.125rem;
460
+ font-size: 0.875rem;
461
+ line-height: 1.25rem;
462
+ --tw-text-opacity: 1;
463
+ color: rgb(17 24 39 / var(--tw-text-opacity));
464
+ }
465
+
466
+ .node-editor-numeric-input:focus {
467
+ --tw-border-opacity: 1;
468
+ border-color: rgb(63 131 248 / var(--tw-border-opacity));
469
+ --tw-ring-opacity: 1;
470
+ --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
471
+ }
472
+
473
+ .node-editor-numeric-input:is(.dark *) {
474
+ --tw-border-opacity: 1;
475
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
476
+ --tw-bg-opacity: 1;
477
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
478
+ --tw-text-opacity: 1;
479
+ color: rgb(255 255 255 / var(--tw-text-opacity));
480
+ }
481
+
482
+ .node-editor-numeric-input:is(.dark *)::-moz-placeholder {
483
+ --tw-placeholder-opacity: 1;
484
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
485
+ }
486
+
487
+ .node-editor-numeric-input:is(.dark *)::placeholder {
488
+ --tw-placeholder-opacity: 1;
489
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
490
+ }
491
+
492
+ .node-editor-numeric-input:focus:is(.dark *) {
493
+ --tw-border-opacity: 1;
494
+ border-color: rgb(63 131 248 / var(--tw-border-opacity));
495
+ --tw-ring-opacity: 1;
496
+ --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
497
+ }
498
+
499
+ .node-editor-select-input {
500
+ display: block;
501
+ width: 100%;
502
+ border-radius: 0.25rem;
503
+ border-width: 1px;
504
+ --tw-border-opacity: 1;
505
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
506
+ --tw-bg-opacity: 1;
507
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
508
+ padding: 0.25rem;
509
+ font-size: 0.875rem;
510
+ line-height: 1.25rem;
511
+ --tw-text-opacity: 1;
512
+ color: rgb(17 24 39 / var(--tw-text-opacity));
513
+ }
514
+
515
+ .node-editor-select-input:focus {
516
+ --tw-border-opacity: 1;
517
+ border-color: rgb(63 131 248 / var(--tw-border-opacity));
518
+ --tw-ring-opacity: 1;
519
+ --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
520
+ }
521
+
522
+ .node-editor-select-input:is(.dark *) {
523
+ --tw-border-opacity: 1;
524
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
525
+ --tw-bg-opacity: 1;
526
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
527
+ --tw-text-opacity: 1;
528
+ color: rgb(255 255 255 / var(--tw-text-opacity));
529
+ }
530
+
531
+ .node-editor-select-input:is(.dark *)::-moz-placeholder {
532
+ --tw-placeholder-opacity: 1;
533
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
534
+ }
535
+
536
+ .node-editor-select-input:is(.dark *)::placeholder {
537
+ --tw-placeholder-opacity: 1;
538
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity));
539
+ }
540
+
541
+ .node-editor-select-input:focus:is(.dark *) {
542
+ --tw-border-opacity: 1;
543
+ border-color: rgb(63 131 248 / var(--tw-border-opacity));
544
+ --tw-ring-opacity: 1;
545
+ --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
546
+ }
547
+
548
+ .node-editor-helper-text {
549
+ margin-top: 0.125rem;
550
+ margin-bottom: 0.125rem;
551
+ font-size: 0.75rem;
552
+ line-height: 1rem;
553
+ --tw-text-opacity: 1;
554
+ color: rgb(107 114 128 / var(--tw-text-opacity));
555
+ }
556
+
557
+ .node-editor-helper-text:is(.dark *) {
558
+ --tw-text-opacity: 1;
559
+ color: rgb(156 163 175 / var(--tw-text-opacity));
560
+ }
561
+
562
+ .output-socket {
563
+ display: inline-block;
564
+ }
565
+
566
+ .input-socket {
567
+ display: inline-block;
568
+ }
569
+
570
+ .hover\:bg-gray-100:hover {
571
+ --tw-bg-opacity: 1;
572
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
573
+ }
574
+
575
+ .hover\:bg-primary-800:hover {
576
+ --tw-bg-opacity: 1;
577
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity));
578
+ }
579
+
580
+ .focus\:outline-none:focus {
581
+ outline: 2px solid transparent;
582
+ outline-offset: 2px;
583
+ }
584
+
585
+ .focus\:ring-0:focus {
586
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
587
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
588
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
589
+ }
590
+
591
+ .focus\:ring-4:focus {
592
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
593
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
594
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
595
+ }
596
+
597
+ .focus\:ring-gray-200:focus {
598
+ --tw-ring-opacity: 1;
599
+ --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
600
+ }
601
+
602
+ .focus\:ring-primary-300:focus {
603
+ --tw-ring-opacity: 1;
604
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
605
+ }
606
+
607
+ .dark\:border-gray-600:is(.dark *) {
608
+ --tw-border-opacity: 1;
609
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
610
+ }
611
+
612
+ .dark\:\!bg-gray-700:is(.dark *) {
613
+ --tw-bg-opacity: 1 !important;
614
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
615
+ }
616
+
617
+ .dark\:bg-gray-800:is(.dark *) {
618
+ --tw-bg-opacity: 1;
619
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity));
620
+ }
621
+
622
+ .dark\:bg-gray-900:is(.dark *) {
623
+ --tw-bg-opacity: 1;
624
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity));
625
+ }
626
+
627
+ .dark\:bg-primary-600:is(.dark *) {
628
+ --tw-bg-opacity: 1;
629
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity));
630
+ }
631
+
632
+ .dark\:text-black:is(.dark *) {
633
+ --tw-text-opacity: 1;
634
+ color: rgb(0 0 0 / var(--tw-text-opacity));
635
+ }
636
+
637
+ .dark\:text-green-300:is(.dark *) {
638
+ --tw-text-opacity: 1;
639
+ color: rgb(132 225 188 / var(--tw-text-opacity));
640
+ }
641
+
642
+ .dark\:text-orange-300:is(.dark *) {
643
+ --tw-text-opacity: 1;
644
+ color: rgb(253 186 140 / var(--tw-text-opacity));
645
+ }
646
+
647
+ .dark\:text-white:is(.dark *) {
648
+ --tw-text-opacity: 1;
649
+ color: rgb(255 255 255 / var(--tw-text-opacity));
650
+ }
651
+
652
+ .dark\:hover\:border-gray-600:hover:is(.dark *) {
653
+ --tw-border-opacity: 1;
654
+ border-color: rgb(75 85 99 / var(--tw-border-opacity));
655
+ }
656
+
657
+ .dark\:hover\:bg-gray-700:hover:is(.dark *) {
658
+ --tw-bg-opacity: 1;
659
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity));
660
+ }
661
+
662
+ .dark\:hover\:bg-primary-700:hover:is(.dark *) {
663
+ --tw-bg-opacity: 1;
664
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity));
665
+ }
666
+
667
+ .dark\:focus\:ring-gray-700:focus:is(.dark *) {
668
+ --tw-ring-opacity: 1;
669
+ --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
670
+ }
671
+
672
+ .dark\:focus\:ring-primary-800:focus:is(.dark *) {
673
+ --tw-ring-opacity: 1;
674
+ --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
675
+ }
676
+
677
+ @media (min-width: 300px) {
678
+ .xs\:grid-cols-2 {
679
+ grid-template-columns: repeat(2, minmax(0, 1fr));
680
+ }
681
+ }
682
+
683
+ @media (min-width: 640px) {
684
+ .sm\:grid-cols-2 {
685
+ grid-template-columns: repeat(2, minmax(0, 1fr));
686
+ }
687
+ }
688
+
689
+ @media (min-width: 768px) {
690
+ .md\:mx-6 {
691
+ margin-left: 1.5rem;
692
+ margin-right: 1.5rem;
693
+ }
694
+
695
+ .md\:grid-cols-3 {
696
+ grid-template-columns: repeat(3, minmax(0, 1fr));
697
+ }
698
+ }
699
+
700
+ @media (min-width: 1024px) {
701
+ .lg\:w-10\/12 {
702
+ width: 83.333333%;
703
+ }
704
+
705
+ .lg\:grid-cols-4 {
706
+ grid-template-columns: repeat(4, minmax(0, 1fr));
707
+ }
708
+ }
709
+
710
+ @media (min-width: 1536px) {
711
+ .\32xl\:mx-40 {
712
+ margin-left: 10rem;
713
+ margin-right: 10rem;
714
+ }
715
+
716
+ .\32xl\:w-8\/12 {
717
+ width: 66.666667%;
718
+ }
719
+
720
+ .\32xl\:grid-cols-5 {
721
+ grid-template-columns: repeat(5, minmax(0, 1fr));
722
+ }
723
+ }