-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
3288 lines (2919 loc) · 170 KB
/
index.html
File metadata and controls
3288 lines (2919 loc) · 170 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Waves</title>
<link id="favicon" rel="icon" type="image/png" href="favicon.png">
<meta name="theme-color" content="#141218">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="manifest" href="manifest.json">
<script type="module">
import { joinRoom, selfId } from 'https://esm.sh/trystero@0.15.1/torrent';
window.Trystero = { joinRoom, selfId };
window.dispatchEvent(new Event('trystero-ready'));
</script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,700,1,0" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/suncalc/1.9.0/suncalc.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Climate+Crisis&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jaro:opsz@6..72&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Doto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200..900&display=swap');
@font-face {
font-family: 'Open Runde';
font-style: normal;
font-weight: 400;
src: url('https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Open Runde';
font-style: normal;
font-weight: 500;
src: url('https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'Open Runde';
font-style: normal;
font-weight: 700;
src: url('https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Semibold.woff2') format('woff2');
}
@font-face {
font-family: 'Open Runde';
font-style: normal;
font-weight: 800;
src: url('https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Inter Numeric';
src: url('https://polygol.github.io/assets/fonts/InterNumeric.ttf') format('truetype-variations');
font-weight: 100 900; /* Define the supported variable weight range */
font-style: normal;
}
* {
-webkit-tap-highlight-color: transparent;
}
*::-webkit-scrollbar {
width: 8px; /* Thin scrollbar */
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: var(--tonal);
border-radius: 50px;
}
:root {
/* Dark Theme (Default) Variables */
--background-color-dark: #1c1c1c;
--text-color-dark: #f9f9f9;
--secondary-text-color-dark: rgba(255, 255, 255, 0.7);
--modal-background-dark: rgba(51, 51, 51, 0.8);
--modal-transparent-dark: rgba(51, 51, 51, 0.7);
--search-background-dark: rgba(51, 51, 51, 0.5);
--dark-overlay: rgba(51, 51, 51, 0.2);
--dark-transparent: rgba(255, 255, 255, 0.1);
--glass-border-dark: rgba(100, 100, 100, 0.2);
--accent-dark: rgba(255, 255, 255, 0.7);
--tonal-dark: rgba(255, 255, 255, 0.7);
/* Light Theme Variables */
--background-color-light: #f0f0f0;
--text-color-light: #333333;
--secondary-text-color-light: rgba(0, 0, 0, 0.7);
--modal-background-light: rgba(220, 220, 220, 0.8);
--modal-transparent-light: rgba(240, 240, 240, 0.7);
--search-background-light: rgba(220, 220, 220, 0.5);
--light-overlay: rgba(220, 220, 220, 0.2);
--light-transparent: rgba(255, 255, 255, 0.1);
--glass-border-light: rgba(200, 200, 200, 0.2);
--accent-light: rgba(0, 0, 0, 0.7);
--tonal-light: rgba(0, 0, 0, 0.7);
/* Default to Dark Theme */
--background-color: var(--background-color-dark);
--text-color: var(--text-color-dark);
--secondary-text-color: var(--secondary-text-color-dark);
--modal-background: var(--modal-background-dark);
--modal-transparent: var(--modal-transparent-dark);
--search-background: var(--search-background-dark);
--overlay-color: var(--dark-overlay);
--transparent-color: var(--dark-transparent);
--glass-border: var(--glass-border-dark);
--accent: var(--accent-dark);
--tonal: var(--tonal-dark);
--edge-refraction-filter: grayscale(0);
--sun-shadow: 0 0 0 0 transparent;
--sun-shadow-strong: 0 0 0 0 transparent;
/* Base Hue (Default Purple) */
--theme-r: 208;
--theme-g: 188;
--theme-b: 255;
--accent: rgb(var(--theme-r), var(--theme-g), var(--theme-b));
--color-on-primary: #333333;
--border-radius-lg: 50px;
--border-radius-md: 35px;
}
@supports (corner-shape: superellipse(1.5)) {
:root {
--edge-refraction-filter: blur(10px) opacity(0.9) !important;
}
}
body.light-theme {
--background-color: var(--background-color-light);
--text-color: var(--text-color-light);
--secondary-text-color: var(--secondary-text-color-light);
--modal-background: var(--modal-background-light);
--modal-transparent: var(--modal-transparent-light);
--search-background: var(--search-background-light);
--overlay-color: var(--light-overlay);
--transparent-color: var(--light-transparent);
--glass-border: var(--glass-border-light);
--tonal: var(--tonal-light);
--color-on-primary: #000000;
}
/* High Contrast Overrides */
body.high-contrast {
--background-color: #000 !important;
--background-color: #000 !important;
--search-background: #333 !important;
border: 1px solid #fff;
}
body.light-theme.high-contrast {
--background-color: #fff !important;
--background-color: #fff !important;
--search-background: #eee !important;
border: 1px solid #000;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
user-select: none;
transition: all 0.3s cubic-bezier(.2, 1.3, .64, 1) !important;
}
body {
background-color: var(--background-color);
color: var(--text-color);
font-family: 'Inter', sans-serif;
margin: 0;
padding: 0;
height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
}
.loading-spinner {
width: 24px;
height: 24px;
aspect-ratio: 1/1;
color: var(--text-color);
}
.loading-spinner-ind {
transform-origin: 50% 50%;
animation: loading-spinner-ind-rotate 4998ms infinite;
will-change: transform, clip-path;
--_polygon-soft-burst: polygon(59.28% 10.04%, 60.01% 11.05%, 60.92% 11.86%, 61.99% 12.44%, 63.15% 12.76%, 64.37% 12.81%, 65.59% 12.57%, 66.75% 12.12%, 67.90% 11.66%, 69.04% 11.20%, 70.18% 10.74%, 71.32% 10.28%, 72.46% 9.83%, 73.60% 9.37%, 74.75% 8.91%, 76.01% 8.58%, 77.25% 8.56%, 78.43% 8.82%, 79.51% 9.33%, 80.44% 10.06%, 81.19% 10.98%, 81.72% 12.06%, 81.98% 13.28%, 81.96% 14.56%, 81.87% 15.78%, 81.77% 17.01%, 81.68% 18.24%, 81.59% 19.46%, 81.50% 20.69%, 81.41% 21.92%, 81.32% 23.14%, 81.32% 24.39%, 81.60% 25.58%, 82.15% 26.65%, 82.93% 27.57%, 83.91% 28.30%, 85.06% 28.79%, 86.27% 29.09%, 87.46% 29.38%, 88.66% 29.67%, 89.85% 29.96%, 91.05% 30.25%, 92.24% 30.54%, 93.44% 30.83%, 94.65% 31.13%, 95.85% 31.62%, 96.85% 32.35%, 97.62% 33.27%, 98.16% 34.32%, 98.46% 35.47%, 98.48% 36.66%, 98.22% 37.84%, 97.67% 38.97%, 96.87% 39.97%, 96.07% 40.90%, 95.27% 41.84%, 94.47% 42.77%, 93.67% 43.70%, 92.87% 44.64%, 92.07% 45.57%, 91.27% 46.51%, 90.54% 47.53%, 90.09% 48.67%, 89.92% 49.86%, 90.03% 51.06%, 90.42% 52.22%, 91.09% 53.27%, 91.89% 54.21%, 92.70% 55.15%, 93.50% 56.08%, 94.30% 57.01%, 95.10% 57.95%, 95.90% 58.88%, 96.70% 59.82%, 97.51% 60.79%, 98.13% 61.90%, 98.45% 63.07%, 98.48% 64.26%, 98.25% 65.42%, 97.76% 66.50%, 97.03% 67.45%, 96.08% 68.22%, 94.93% 68.77%, 93.70% 69.09%, 92.50% 69.38%, 91.31% 69.67%, 90.11% 69.96%, 88.92% 70.25%, 87.72% 70.54%, 86.53% 70.83%, 85.33% 71.12%, 84.14% 71.56%, 83.12% 72.24%, 82.30% 73.12%, 81.70% 74.17%, 81.36% 75.33%, 81.30% 76.58%, 81.39% 77.80%, 81.48% 79.03%, 81.57% 80.26%, 81.66% 81.48%, 81.75% 82.71%, 81.85% 83.94%, 81.94% 85.16%, 82.00% 86.43%, 81.80% 87.67%, 81.33% 88.78%, 80.62% 89.74%, 79.72% 90.52%, 78.67% 91.08%, 77.51% 91.39%, 76.28% 91.44%, 75.02% 91.18%, 73.85% 90.72%, 72.71% 90.26%, 71.57% 89.80%, 70.42% 89.34%, 69.28% 88.88%, 68.14% 88.42%, 67.00% 87.96%, 65.85% 87.50%, 64.64% 87.21%, 63.41% 87.20%, 62.23% 87.46%, 61.14% 87.98%, 60.19% 88.74%, 59.42% 89.72%, 58.77% 90.76%, 58.11% 91.81%, 57.46% 92.85%, 56.80% 93.89%, 56.15% 94.93%, 55.49% 95.97%, 54.84% 97.01%, 54.13% 98.07%, 53.22% 98.94%, 52.17% 99.55%, 51.03% 99.91%, 49.84% 100.00%, 48.66% 99.83%, 47.54% 99.41%, 46.52% 98.72%, 45.67% 97.77%, 44.99% 96.72%, 44.34% 95.67%, 43.68% 94.63%, 43.03% 93.59%, 42.37% 92.55%, 41.72% 91.51%, 41.06% 90.47%, 40.40% 89.42%, 39.57% 88.50%, 38.58% 87.80%, 37.46% 87.36%, 36.26% 87.17%, 35.03% 87.26%, 33.83% 87.64%, 32.69% 88.09%, 31.55% 88.55%, 30.41% 89.01%, 29.27% 89.47%, 28.13% 89.93%, 26.99% 90.39%, 25.85% 90.85%, 24.64% 91.28%, 23.39% 91.46%, 22.17% 91.33%, 21.04% 90.94%, 20.02% 90.32%, 19.17% 89.49%, 18.53% 88.48%, 18.13% 87.33%, 18.02% 86.06%, 18.11% 84.82%, 18.20% 83.59%, 18.29% 82.36%, 18.38% 81.14%, 18.47% 79.91%, 18.56% 78.68%, 18.65% 77.46%, 18.73% 76.22%, 18.59% 74.99%, 18.17% 73.85%, 17.51% 72.85%, 16.62% 72.02%, 15.55% 71.41%, 14.35% 71.04%, 13.15% 70.75%, 11.96% 70.46%, 10.76% 70.17%, 9.57% 69.88%, 8.37% 69.59%, 7.18% 69.30%, 5.98% 69.01%, 4.74% 68.64%, 3.64% 68.02%, 2.76% 67.20%, 2.09% 66.20%, 1.68% 65.10%, 1.52% 63.92%, 1.63% 62.73%, 2.04% 61.57%, 2.75% 60.49%, 3.55% 59.55%, 4.35% 58.62%, 5.15% 57.68%, 5.95% 56.75%, 6.75% 55.81%, 7.55% 54.88%, 8.35% 53.95%, 9.15% 52.99%, 9.74% 51.90%, 10.05% 50.72%, 10.08% 49.52%, 9.83% 48.34%, 9.30% 47.23%, 8.52% 46.24%, 7.72% 45.31%, 6.92% 44.37%, 6.12% 43.44%, 5.32% 42.50%, 4.52% 41.57%, 3.72% 40.64%, 2.92% 39.70%, 2.16% 38.66%, 1.69% 37.51%, 1.52% 36.32%, 1.62% 35.14%, 1.98% 34.01%, 2.59% 32.99%, 3.43% 32.12%, 4.49% 31.46%, 5.72% 31.04%, 6.92% 30.75%, 8.11% 30.46%, 9.31% 30.17%, 10.50% 29.88%, 11.70% 29.59%, 12.90% 29.30%, 14.09% 29.01%, 15.30% 28.68%, 16.41% 28.12%, 17.33% 27.33%, 18.05% 26.36%, 18.52% 25.25%, 18.73% 24.04%, 18.67% 22.80%, 18.58% 21.57%, 18.49% 20.34%, 18.40% 19.11%, 18.31% 17.89%, 18.22% 16.66%, 18.13% 15.43%, 18.04% 14.21%, 18.08% 12.92%, 18.42% 11.74%, 19.02% 10.70%, 19.82% 9.83%, 20.81% 9.16%, 21.92% 8.72%, 23.12% 8.53%, 24.37% 8.64%, 25.60% 9.04%, 26.74% 9.50%, 27.88% 9.96%, 29.02% 10.42%, 30.16% 10.87%, 31.31% 11.33%, 32.45% 11.79%, 33.59% 12.25%, 34.77% 12.67%, 35.99% 12.82%, 37.20% 12.69%, 38.34% 12.30%, 39.37% 11.66%, 40.24% 10.78%, 40.92% 9.74%, 41.58% 8.70%, 42.23% 7.66%, 42.89% 6.62%, 43.54% 5.58%, 44.20% 4.54%, 44.85% 3.50%, 45.51% 2.45%, 45.51% 2.45%, 46.32% 1.45%, 47.31% 0.71%, 48.41% 0.22%, 49.58% 0.00%, 50.77% 0.04%, 51.93% 0.33%, 53.01% 0.89%, 53.95% 1.71%, 54.70% 2.75%, 55.35% 3.79%, 56.01% 4.83%, 56.66% 5.87%, 57.32% 6.91%, 57.97% 7.96%, 58.63% 9.00%);
--_polygon-7-sided-cookie: polygon(62.26% 4.67%, 62.96% 5.21%, 63.66% 5.81%, 64.65% 6.68%, 65.51% 7.42%, 66.32% 8.08%, 67.18% 8.70%, 68.07% 9.27%, 68.98% 9.79%, 69.92% 10.27%, 70.88% 10.70%, 71.87% 11.08%, 72.87% 11.41%, 73.89% 11.69%, 74.87% 11.90%, 76.12% 12.13%, 77.32% 12.34%, 78.17% 12.52%, 79.09% 12.75%, 80.13% 13.07%, 81.14% 13.44%, 82.12% 13.86%, 83.08% 14.32%, 84.00% 14.83%, 84.89% 15.39%, 85.75% 15.99%, 86.58% 16.63%, 87.37% 17.31%, 88.13% 18.03%, 88.84% 18.78%, 89.52% 19.57%, 90.16% 20.39%, 90.75% 21.24%, 91.30% 22.12%, 91.81% 23.04%, 92.28% 23.97%, 92.69% 24.93%, 93.06% 25.92%, 93.38% 26.93%, 93.64% 27.95%, 93.86% 29.00%, 94.02% 30.06%, 94.13% 31.14%, 94.18% 32.23%, 94.18% 33.03%, 94.14% 34.05%, 94.07% 35.47%, 94.04% 36.46%, 94.05% 37.52%, 94.12% 38.57%, 94.24% 39.62%, 94.42% 40.66%, 94.65% 41.69%, 94.93% 42.71%, 95.26% 43.71%, 95.64% 44.69%, 96.07% 45.66%, 96.51% 46.51%, 97.17% 47.74%, 97.69% 48.72%, 98.06% 49.45%, 98.47% 50.40%, 98.86% 51.41%, 99.18% 52.44%, 99.45% 53.47%, 99.67% 54.51%, 99.83% 55.55%, 99.94% 56.60%, 100.00% 57.65%, 100.00% 58.69%, 99.95% 59.73%, 99.85% 60.77%, 99.69% 61.80%, 99.49% 62.82%, 99.23% 63.83%, 98.92% 64.82%, 98.57% 65.80%, 98.16% 66.76%, 97.71% 67.70%, 97.20% 68.62%, 96.65% 69.51%, 96.05% 70.38%, 95.41% 71.23%, 94.72% 72.04%, 93.98% 72.82%, 93.19% 73.56%, 92.41% 74.24%, 91.77% 74.74%, 90.87% 75.39%, 89.74% 76.21%, 88.98% 76.80%, 88.17% 77.48%, 87.40% 78.20%, 86.66% 78.96%, 85.97% 79.76%, 85.32% 80.58%, 84.71% 81.45%, 84.15% 82.34%, 83.63% 83.26%, 83.16% 84.21%, 82.76% 85.12%, 82.21% 86.43%, 81.80% 87.35%, 81.45% 88.08%, 80.94% 89.04%, 80.37% 89.97%, 79.76% 90.85%, 79.12% 91.70%, 78.43% 92.51%, 77.71% 93.28%, 76.95% 94.01%, 76.16% 94.69%, 75.33% 95.33%, 74.48% 95.93%, 73.60% 96.49%, 72.69% 97.00%, 71.76% 97.46%, 70.81% 97.87%, 69.83% 98.24%, 68.84% 98.56%, 67.83% 98.82%, 66.81% 99.04%, 65.78% 99.20%, 64.73% 99.31%, 63.67% 99.37%, 62.61% 99.37%, 61.54% 99.32%, 60.47% 99.21%, 59.40% 99.05%, 58.48% 98.86%, 57.63% 98.64%, 56.44% 98.31%, 55.23% 97.98%, 54.26% 97.74%, 53.22% 97.55%, 52.17% 97.41%, 51.12% 97.33%, 50.06% 97.30%, 49.01% 97.32%, 47.96% 97.40%, 46.91% 97.53%, 45.87% 97.72%, 44.86% 97.95%, 43.74% 98.26%, 42.49% 98.61%, 41.61% 98.84%, 40.73% 99.02%, 39.66% 99.20%, 38.59% 99.31%, 37.52% 99.37%, 36.45% 99.37%, 35.40% 99.32%, 34.35% 99.22%, 33.31% 99.06%, 32.29% 98.85%, 31.28% 98.59%, 30.29% 98.28%, 29.31% 97.92%, 28.35% 97.51%, 27.42% 97.05%, 26.51% 96.55%, 25.63% 96.00%, 24.77% 95.41%, 23.94% 94.77%, 23.15% 94.09%, 22.38% 93.37%, 21.66% 92.61%, 20.96% 91.80%, 20.31% 90.96%, 19.70% 90.08%, 19.13% 89.16%, 18.61% 88.20%, 18.24% 87.44%, 17.85% 86.56%, 17.31% 85.28%, 16.89% 84.33%, 16.43% 83.37%, 15.92% 82.45%, 15.36% 81.55%, 14.75% 80.69%, 14.11% 79.85%, 13.42% 79.05%, 12.69% 78.29%, 11.93% 77.56%, 11.12% 76.88%, 10.35% 76.28%, 9.26% 75.49%, 8.33% 74.81%, 7.66% 74.30%, 6.90% 73.65%, 6.12% 72.91%, 5.37% 72.13%, 4.67% 71.33%, 4.02% 70.49%, 3.42% 69.62%, 2.86% 68.73%, 2.35% 67.81%, 1.89% 66.87%, 1.48% 65.92%, 1.12% 64.94%, 0.80% 63.95%, 0.54% 62.94%, 0.33% 61.92%, 0.17% 60.89%, 0.06% 59.86%, 0.00% 58.82%, 0.00% 57.77%, 0.05% 56.73%, 0.15% 55.68%, 0.31% 54.63%, 0.52% 53.59%, 0.78% 52.56%, 1.10% 51.54%, 1.48% 50.52%, 1.91% 49.53%, 2.26% 48.82%, 2.75% 47.88%, 3.43% 46.63%, 3.87% 45.77%, 4.31% 44.81%, 4.70% 43.83%, 5.04% 42.83%, 5.32% 41.81%, 5.56% 40.78%, 5.74% 39.75%, 5.87% 38.70%, 5.94% 37.64%, 5.96% 36.58%, 5.93% 35.62%, 5.87% 34.20%, 5.83% 33.14%, 5.82% 32.35%, 5.86% 31.27%, 5.96% 30.19%, 6.12% 29.12%, 6.33% 28.08%, 6.59% 27.05%, 6.90% 26.04%, 7.26% 25.05%, 7.67% 24.09%, 8.13% 23.15%, 8.63% 22.23%, 9.18% 21.35%, 9.77% 20.49%, 10.40% 19.67%, 11.08% 18.87%, 11.79% 18.12%, 12.54% 17.39%, 13.32% 16.71%, 14.15% 16.06%, 15.00% 15.46%, 15.89% 14.90%, 16.81% 14.38%, 17.76% 13.91%, 18.74% 13.49%, 19.75% 13.11%, 20.78% 12.79%, 21.74% 12.54%, 22.56% 12.37%, 23.71% 12.16%, 25.03% 11.92%, 25.98% 11.72%, 27.01% 11.44%, 28.01% 11.12%, 29.00% 10.75%, 29.96% 10.33%, 30.91% 9.85%, 31.82% 9.33%, 32.72% 8.77%, 33.58% 8.15%, 34.41% 7.50%, 35.21% 6.80%, 35.21% 6.80%, 36.24% 5.90%, 36.97% 5.28%, 37.64% 4.75%, 38.52% 4.12%, 39.44% 3.54%, 40.37% 3.01%, 41.32% 2.54%, 42.29% 2.12%, 43.28% 1.75%, 44.28% 1.43%, 45.29% 1.16%, 46.32% 0.95%, 47.35% 0.79%, 48.38% 0.68%, 49.42% 0.63%, 50.46% 0.63%, 51.50% 0.67%, 52.53% 0.78%, 53.56% 0.93%, 54.58% 1.14%, 55.60% 1.39%, 56.60% 1.71%, 57.59% 2.07%, 58.56% 2.48%, 59.52% 2.95%, 60.45% 3.47%, 61.37% 4.04%);
--_polygon-pentagon: polygon(61.18% 5.13%, 62.02% 5.74%, 62.86% 6.35%, 63.70% 6.96%, 64.54% 7.58%, 65.38% 8.19%, 66.22% 8.80%, 67.07% 9.41%, 67.91% 10.02%, 68.75% 10.63%, 69.59% 11.24%, 70.43% 11.85%, 71.27% 12.47%, 72.11% 13.08%, 72.96% 13.69%, 73.80% 14.30%, 74.64% 14.91%, 75.48% 15.52%, 76.32% 16.13%, 77.16% 16.74%, 78.00% 17.36%, 78.85% 17.97%, 79.69% 18.58%, 80.53% 19.19%, 81.37% 19.80%, 82.21% 20.41%, 83.05% 21.02%, 83.89% 21.64%, 84.74% 22.25%, 85.58% 22.86%, 86.42% 23.47%, 87.26% 24.08%, 88.10% 24.69%, 88.94% 25.30%, 89.78% 25.91%, 90.62% 26.53%, 91.47% 27.14%, 92.31% 27.75%, 93.15% 28.41%, 93.95% 29.12%, 94.70% 29.85%, 95.40% 30.63%, 96.05% 31.44%, 96.66% 32.27%, 97.22% 33.14%, 97.73% 34.03%, 98.19% 34.95%, 98.60% 35.89%, 98.96% 36.85%, 99.27% 37.83%, 99.52% 38.82%, 99.72% 39.83%, 99.87% 40.84%, 99.96% 41.87%, 100.00% 42.90%, 99.98% 43.94%, 99.90% 44.98%, 99.77% 46.02%, 99.58% 47.05%, 99.32% 48.09%, 99.01% 49.11%, 98.69% 50.09%, 98.37% 51.08%, 98.05% 52.07%, 97.73% 53.06%, 97.41% 54.05%, 97.09% 55.04%, 96.76% 56.03%, 96.44% 57.02%, 96.12% 58.01%, 95.80% 59.00%, 95.48% 59.99%, 95.16% 60.97%, 94.84% 61.96%, 94.51% 62.95%, 94.19% 63.94%, 93.87% 64.93%, 93.55% 65.92%, 93.23% 66.91%, 92.91% 67.90%, 92.59% 68.89%, 92.26% 69.88%, 91.94% 70.87%, 91.62% 71.85%, 91.30% 72.84%, 90.98% 73.83%, 90.66% 74.82%, 90.34% 75.81%, 90.02% 76.80%, 89.69% 77.79%, 89.37% 78.78%, 89.05% 79.77%, 88.73% 80.76%, 88.41% 81.75%, 88.09% 82.73%, 87.77% 83.72%, 87.44% 84.71%, 87.11% 85.71%, 86.73% 86.71%, 86.30% 87.68%, 85.82% 88.61%, 85.29% 89.51%, 84.72% 90.38%, 84.10% 91.21%, 83.44% 92.00%, 82.74% 92.75%, 82.01% 93.47%, 81.23% 94.14%, 80.42% 94.77%, 79.58% 95.35%, 78.71% 95.89%, 77.81% 96.39%, 76.88% 96.83%, 75.93% 97.22%, 74.96% 97.57%, 73.96% 97.86%, 72.94% 98.10%, 71.91% 98.28%, 70.86% 98.40%, 69.80% 98.47%, 68.74% 98.48%, 67.70% 98.48%, 66.66% 98.48%, 65.62% 98.48%, 64.58% 98.48%, 63.54% 98.48%, 62.50% 98.48%, 61.46% 98.48%, 60.42% 98.48%, 59.38% 98.48%, 58.34% 98.48%, 57.30% 98.48%, 56.26% 98.48%, 55.22% 98.48%, 54.18% 98.48%, 53.14% 98.48%, 52.10% 98.48%, 51.06% 98.48%, 50.02% 98.48%, 48.98% 98.48%, 47.94% 98.48%, 46.90% 98.48%, 45.86% 98.48%, 44.82% 98.48%, 43.78% 98.48%, 42.74% 98.48%, 41.70% 98.48%, 40.66% 98.48%, 39.62% 98.48%, 38.58% 98.48%, 37.54% 98.48%, 36.50% 98.48%, 35.46% 98.48%, 34.42% 98.48%, 33.38% 98.48%, 32.34% 98.48%, 31.30% 98.48%, 30.24% 98.47%, 29.18% 98.41%, 28.13% 98.28%, 27.09% 98.10%, 26.08% 97.87%, 25.08% 97.58%, 24.11% 97.24%, 23.15% 96.85%, 22.22% 96.40%, 21.32% 95.91%, 20.45% 95.37%, 19.61% 94.79%, 18.80% 94.16%, 18.02% 93.49%, 17.28% 92.78%, 16.58% 92.03%, 15.92% 91.24%, 15.30% 90.41%, 14.73% 89.54%, 14.20% 88.64%, 13.71% 87.71%, 13.28% 86.75%, 12.90% 85.75%, 12.57% 84.75%, 12.25% 83.76%, 11.93% 82.77%, 11.60% 81.78%, 11.28% 80.79%, 10.96% 79.80%, 10.64% 78.82%, 10.32% 77.83%, 10.00% 76.84%, 9.68% 75.85%, 9.35% 74.86%, 9.03% 73.87%, 8.71% 72.88%, 8.39% 71.89%, 8.07% 70.90%, 7.75% 69.91%, 7.43% 68.92%, 7.10% 67.94%, 6.78% 66.95%, 6.46% 65.96%, 6.14% 64.97%, 5.82% 63.98%, 5.50% 62.99%, 5.18% 62.00%, 4.86% 61.01%, 4.53% 60.02%, 4.21% 59.03%, 3.89% 58.04%, 3.57% 57.06%, 3.25% 56.07%, 2.93% 55.08%, 2.61% 54.09%, 2.28% 53.10%, 1.96% 52.11%, 1.64% 51.12%, 1.32% 50.13%, 1.00% 49.14%, 0.69% 48.12%, 0.43% 47.09%, 0.24% 46.06%, 0.10% 45.02%, 0.02% 43.98%, 0.00% 42.94%, 0.03% 41.91%, 0.12% 40.88%, 0.27% 39.86%, 0.47% 38.86%, 0.72% 37.86%, 1.03% 36.89%, 1.38% 35.93%, 1.79% 34.99%, 2.25% 34.07%, 2.76% 33.17%, 3.32% 32.31%, 3.92% 31.47%, 4.58% 30.66%, 5.28% 29.88%, 6.03% 29.14%, 6.82% 28.44%, 7.66% 27.78%, 8.50% 27.16%, 9.34% 26.55%, 10.19% 25.94%, 11.03% 25.33%, 11.87% 24.71%, 12.71% 24.10%, 13.55% 23.49%, 14.39% 22.88%, 15.23% 22.27%, 16.08% 21.66%, 16.92% 21.05%, 17.76% 20.44%, 18.60% 19.82%, 19.44% 19.21%, 20.28% 18.60%, 21.12% 17.99%, 21.96% 17.38%, 22.81% 16.77%, 23.65% 16.16%, 24.49% 15.55%, 25.33% 14.93%, 26.17% 14.32%, 27.01% 13.71%, 27.85% 13.10%, 28.70% 12.49%, 29.54% 11.88%, 30.38% 11.27%, 31.22% 10.65%, 32.06% 10.04%, 32.90% 9.43%, 33.74% 8.82%, 34.59% 8.21%, 35.43% 7.60%, 36.27% 6.99%, 37.11% 6.38%, 37.95% 5.76%, 38.79% 5.15%, 38.79% 5.15%, 39.68% 4.55%, 40.58% 4.00%, 41.51% 3.50%, 42.46% 3.06%, 43.43% 2.68%, 44.41% 2.35%, 45.41% 2.07%, 46.41% 1.85%, 47.43% 1.69%, 48.45% 1.57%, 49.47% 1.52%, 50.49% 1.52%, 51.52% 1.57%, 52.54% 1.68%, 53.55% 1.84%, 54.56% 2.06%, 55.55% 2.34%, 56.53% 2.66%, 57.50% 3.05%, 58.45% 3.49%, 59.38% 3.98%, 60.29% 4.53%);
--_polygon-pill: polygon(64.49% 0.65%, 65.49% 0.84%, 66.48% 1.05%, 67.48% 1.28%, 68.46% 1.54%, 69.44% 1.83%, 70.42% 2.13%, 71.39% 2.46%, 72.35% 2.81%, 73.30% 3.19%, 74.25% 3.59%, 75.19% 4.02%, 76.12% 4.47%, 77.05% 4.94%, 77.96% 5.43%, 78.87% 5.95%, 79.76% 6.50%, 80.64% 7.06%, 81.52% 7.66%, 82.38% 8.27%, 83.23% 8.91%, 84.06% 9.57%, 84.89% 10.26%, 85.70% 10.96%, 86.49% 11.70%, 87.28% 12.45%, 88.04% 13.23%, 88.78% 14.02%, 89.50% 14.83%, 90.19% 15.65%, 90.86% 16.48%, 91.51% 17.33%, 92.13% 18.18%, 92.73% 19.05%, 93.31% 19.93%, 93.86% 20.82%, 94.39% 21.72%, 94.89% 22.63%, 95.37% 23.55%, 95.83% 24.48%, 96.26% 25.42%, 96.67% 26.36%, 97.06% 27.32%, 97.42% 28.28%, 97.76% 29.24%, 98.07% 30.22%, 98.36% 31.20%, 98.63% 32.18%, 98.87% 33.17%, 99.09% 34.16%, 99.29% 35.16%, 99.46% 36.16%, 99.61% 37.16%, 99.73% 38.17%, 99.83% 39.18%, 99.91% 40.19%, 99.96% 41.20%, 99.99% 42.21%, 100.00% 43.23%, 99.98% 44.24%, 99.94% 45.25%, 99.88% 46.26%, 99.79% 47.27%, 99.68% 48.28%, 99.54% 49.29%, 99.38% 50.29%, 99.20% 51.29%, 98.99% 52.28%, 98.76% 53.27%, 98.50% 54.26%, 98.22% 55.24%, 97.92% 56.22%, 97.60% 57.19%, 97.25% 58.15%, 96.87% 59.11%, 96.48% 60.06%, 96.06% 61.00%, 95.61% 61.93%, 95.14% 62.86%, 94.65% 63.77%, 94.14% 64.68%, 93.60% 65.57%, 93.03% 66.46%, 92.45% 67.33%, 91.84% 68.20%, 91.20% 69.05%, 90.55% 69.89%, 89.86% 70.71%, 89.16% 71.53%, 88.43% 72.33%, 87.68% 73.11%, 86.93% 73.86%, 86.20% 74.59%, 85.47% 75.32%, 84.74% 76.06%, 84.00% 76.79%, 83.27% 77.52%, 82.54% 78.25%, 81.81% 78.99%, 81.07% 79.72%, 80.34% 80.45%, 79.61% 81.18%, 78.88% 81.92%, 78.14% 82.65%, 77.41% 83.38%, 76.68% 84.11%, 75.95% 84.85%, 75.21% 85.58%, 74.48% 86.31%, 73.75% 87.04%, 72.99% 87.79%, 72.21% 88.54%, 71.40% 89.27%, 70.59% 89.97%, 69.76% 90.65%, 68.92% 91.30%, 68.07% 91.93%, 67.20% 92.54%, 66.33% 93.12%, 65.44% 93.68%, 64.54% 94.22%, 63.64% 94.73%, 62.72% 95.22%, 61.79% 95.68%, 60.86% 96.12%, 59.91% 96.54%, 58.96% 96.93%, 58.01% 97.30%, 57.04% 97.65%, 56.07% 97.97%, 55.09% 98.27%, 54.11% 98.54%, 53.12% 98.79%, 52.13% 99.02%, 51.14% 99.22%, 50.14% 99.40%, 49.13% 99.56%, 48.13% 99.69%, 47.12% 99.80%, 46.11% 99.89%, 45.10% 99.95%, 44.09% 99.99%, 43.07% 100.00%, 42.06% 99.99%, 41.05% 99.96%, 40.04% 99.90%, 39.03% 99.82%, 38.02% 99.71%, 37.01% 99.59%, 36.01% 99.43%, 35.01% 99.26%, 34.01% 99.06%, 33.02% 98.83%, 32.03% 98.59%, 31.05% 98.32%, 30.07% 98.02%, 29.10% 97.70%, 28.13% 97.36%, 27.17% 97.00%, 26.22% 96.61%, 25.28% 96.20%, 24.34% 95.76%, 23.41% 95.30%, 22.49% 94.81%, 21.59% 94.31%, 20.69% 93.78%, 19.80% 93.22%, 18.92% 92.64%, 18.05% 92.04%, 17.20% 91.41%, 16.35% 90.76%, 15.52% 90.09%, 14.71% 89.39%, 13.90% 88.67%, 13.11% 87.92%, 12.34% 87.16%, 11.59% 86.37%, 10.86% 85.57%, 10.15% 84.76%, 9.47% 83.93%, 8.81% 83.10%, 8.18% 82.25%, 7.56% 81.38%, 6.98% 80.51%, 6.41% 79.62%, 5.87% 78.73%, 5.36% 77.82%, 4.87% 76.91%, 4.40% 75.98%, 3.95% 75.05%, 3.53% 74.11%, 3.13% 73.16%, 2.76% 72.20%, 2.41% 71.24%, 2.08% 70.27%, 1.78% 69.29%, 1.50% 68.31%, 1.25% 67.32%, 1.02% 66.33%, 0.81% 65.34%, 0.62% 64.34%, 0.46% 63.34%, 0.33% 62.33%, 0.21% 61.32%, 0.13% 60.31%, 0.06% 59.30%, 0.02% 58.29%, 0.00% 57.28%, 0.01% 56.26%, 0.04% 55.25%, 0.09% 54.24%, 0.16% 53.23%, 0.27% 52.22%, 0.39% 51.22%, 0.54% 50.21%, 0.71% 49.21%, 0.90% 48.21%, 1.12% 47.22%, 1.37% 46.23%, 1.63% 45.25%, 1.92% 44.27%, 2.24% 43.29%, 2.57% 42.33%, 2.94% 41.37%, 3.32% 40.41%, 3.73% 39.47%, 4.16% 38.53%, 4.62% 37.60%, 5.10% 36.68%, 5.60% 35.77%, 6.13% 34.87%, 6.68% 33.98%, 7.26% 33.10%, 7.85% 32.23%, 8.48% 31.37%, 9.12% 30.53%, 9.79% 29.70%, 10.49% 28.88%, 11.20% 28.07%, 11.94% 27.28%, 12.70% 26.51%, 13.43% 25.77%, 14.17% 25.04%, 14.90% 24.31%, 15.63% 23.58%, 16.36% 22.84%, 17.10% 22.11%, 17.83% 21.38%, 18.56% 20.65%, 19.29% 19.91%, 20.03% 19.18%, 20.76% 18.45%, 21.49% 17.72%, 22.22% 16.98%, 22.96% 16.25%, 23.69% 15.52%, 24.42% 14.79%, 25.15% 14.05%, 25.89% 13.32%, 26.62% 12.59%, 26.62% 12.59%, 27.40% 11.83%, 28.19% 11.09%, 29.00% 10.38%, 29.82% 9.69%, 30.66% 9.02%, 31.50% 8.38%, 32.36% 7.76%, 33.23% 7.17%, 34.11% 6.59%, 35.01% 6.05%, 35.91% 5.52%, 36.82% 5.02%, 37.74% 4.55%, 38.67% 4.09%, 39.61% 3.67%, 40.56% 3.26%, 41.51% 2.88%, 42.47% 2.52%, 43.44% 2.19%, 44.42% 1.88%, 45.40% 1.59%, 46.38% 1.33%, 47.37% 1.09%, 48.37% 0.87%, 49.36% 0.68%, 50.36% 0.51%, 51.37% 0.37%, 52.38% 0.25%, 53.38% 0.15%, 54.40% 0.08%, 55.41% 0.03%, 56.42% 0.00%, 57.43% 0.00%, 58.45% 0.02%, 59.46% 0.07%, 60.47% 0.14%, 61.48% 0.23%, 62.48% 0.35%, 63.49% 0.49%);
--_polygon-very-sunny: polygon(60.04% 8.72%, 60.63% 9.70%, 61.23% 10.69%, 61.95% 11.60%, 62.77% 12.40%, 63.68% 13.07%, 64.66% 13.61%, 65.71% 14.02%, 66.81% 14.29%, 67.94% 14.41%, 69.08% 14.37%, 70.24% 14.18%, 71.35% 13.90%, 72.46% 13.62%, 73.56% 13.35%, 74.67% 13.07%, 75.78% 12.79%, 76.89% 12.51%, 78.06% 12.25%, 79.26% 12.15%, 80.42% 12.21%, 81.54% 12.42%, 82.60% 12.78%, 83.59% 13.28%, 84.51% 13.89%, 85.34% 14.62%, 86.08% 15.44%, 86.70% 16.36%, 87.20% 17.35%, 87.56% 18.41%, 87.79% 19.52%, 87.86% 20.68%, 87.76% 21.88%, 87.50% 23.05%, 87.23% 24.16%, 86.95% 25.27%, 86.67% 26.38%, 86.39% 27.49%, 86.11% 28.60%, 85.84% 29.71%, 85.63% 30.86%, 85.59% 32.01%, 85.70% 33.14%, 85.96% 34.24%, 86.36% 35.29%, 86.90% 36.28%, 87.57% 37.19%, 88.36% 38.01%, 89.27% 38.73%, 90.25% 39.34%, 91.23% 39.93%, 92.21% 40.52%, 93.19% 41.11%, 94.17% 41.69%, 95.15% 42.28%, 96.15% 42.89%, 97.13% 43.62%, 97.96% 44.45%, 98.65% 45.36%, 99.20% 46.35%, 99.60% 47.38%, 99.87% 48.46%, 100.00% 49.55%, 99.99% 50.66%, 99.83% 51.75%, 99.53% 52.82%, 99.10% 53.85%, 98.52% 54.82%, 97.80% 55.72%, 96.94% 56.53%, 95.94% 57.24%, 94.96% 57.83%, 93.98% 58.42%, 93.00% 59.00%, 92.02% 59.59%, 91.04% 60.18%, 90.06% 60.77%, 89.08% 61.39%, 88.19% 62.13%, 87.42% 62.98%, 86.78% 63.91%, 86.27% 64.91%, 85.90% 65.97%, 85.67% 67.08%, 85.59% 68.21%, 85.66% 69.36%, 85.89% 70.51%, 86.17% 71.62%, 86.45% 72.72%, 86.73% 73.83%, 87.00% 74.94%, 87.28% 76.05%, 87.56% 77.16%, 87.79% 78.36%, 87.85% 79.54%, 87.75% 80.69%, 87.50% 81.80%, 87.11% 82.85%, 86.58% 83.82%, 85.94% 84.72%, 85.19% 85.53%, 84.34% 86.23%, 83.40% 86.82%, 82.39% 87.29%, 81.32% 87.62%, 80.19% 87.81%, 79.02% 87.84%, 77.82% 87.70%, 76.67% 87.43%, 75.56% 87.15%, 74.45% 86.87%, 73.34% 86.59%, 72.23% 86.31%, 71.13% 86.04%, 70.01% 85.76%, 68.85% 85.60%, 67.71% 85.60%, 66.59% 85.75%, 65.50% 86.04%, 64.46% 86.48%, 63.49% 87.05%, 62.60% 87.74%, 61.80% 88.56%, 61.11% 89.50%, 60.51% 90.49%, 59.92% 91.47%, 59.34% 92.45%, 58.75% 93.43%, 58.16% 94.41%, 57.57% 95.39%, 56.94% 96.40%, 56.19% 97.34%, 55.33% 98.13%, 54.40% 98.79%, 53.40% 99.30%, 52.35% 99.68%, 51.27% 99.91%, 50.17% 100.00%, 49.07% 99.95%, 47.98% 99.76%, 46.92% 99.43%, 45.91% 98.96%, 44.95% 98.35%, 44.07% 97.59%, 43.29% 96.70%, 42.61% 95.69%, 42.03% 94.70%, 41.44% 93.72%, 40.85% 92.74%, 40.26% 91.76%, 39.68% 90.78%, 39.09% 89.80%, 38.43% 88.84%, 37.67% 87.98%, 36.80% 87.24%, 35.85% 86.63%, 34.83% 86.16%, 33.76% 85.82%, 32.64% 85.63%, 31.50% 85.58%, 30.35% 85.70%, 29.22% 85.95%, 28.11% 86.23%, 27.00% 86.51%, 25.89% 86.79%, 24.78% 87.06%, 23.67% 87.34%, 22.55% 87.62%, 21.35% 87.81%, 20.17% 87.84%, 19.03% 87.70%, 17.94% 87.41%, 16.90% 86.98%, 15.95% 86.42%, 15.07% 85.75%, 14.29% 84.97%, 13.61% 84.10%, 13.05% 83.15%, 12.61% 82.12%, 12.32% 81.03%, 12.17% 79.89%, 12.18% 78.72%, 12.37% 77.51%, 12.65% 76.38%, 12.92% 75.28%, 13.20% 74.17%, 13.48% 73.06%, 13.76% 71.95%, 14.04% 70.84%, 14.30% 69.71%, 14.42% 68.56%, 14.38% 67.42%, 14.20% 66.30%, 13.87% 65.23%, 13.40% 64.20%, 12.79% 63.25%, 12.06% 62.38%, 11.21% 61.60%, 10.25% 60.94%, 9.27% 60.36%, 8.29% 59.77%, 7.31% 59.18%, 6.33% 58.59%, 5.35% 58.01%, 4.37% 57.42%, 3.35% 56.75%, 2.45% 55.97%, 1.69% 55.10%, 1.07% 54.15%, 0.59% 53.13%, 0.25% 52.08%, 0.06% 50.99%, 0.00% 49.89%, 0.09% 48.79%, 0.31% 47.70%, 0.68% 46.65%, 1.18% 45.65%, 1.83% 44.72%, 2.62% 43.86%, 3.55% 43.10%, 4.56% 42.46%, 5.54% 41.87%, 6.52% 41.28%, 7.50% 40.70%, 8.48% 40.11%, 9.46% 39.52%, 10.45% 38.93%, 11.39% 38.24%, 12.22% 37.45%, 12.92% 36.56%, 13.50% 35.59%, 13.94% 34.56%, 14.25% 33.47%, 14.40% 32.35%, 14.41% 31.21%, 14.25% 30.05%, 13.98% 28.93%, 13.70% 27.82%, 13.42% 26.71%, 13.15% 25.61%, 12.87% 24.50%, 12.59% 23.39%, 12.32% 22.24%, 12.17% 21.04%, 12.19% 19.87%, 12.36% 18.74%, 12.69% 17.66%, 13.15% 16.65%, 13.74% 15.71%, 14.44% 14.86%, 15.24% 14.10%, 16.13% 13.45%, 17.10% 12.92%, 18.15% 12.52%, 19.25% 12.26%, 20.40% 12.15%, 21.58% 12.20%, 22.79% 12.43%, 23.89% 12.71%, 25.00% 12.98%, 26.11% 13.26%, 27.22% 13.54%, 28.33% 13.82%, 29.44% 14.10%, 30.58% 14.33%, 31.73% 14.41%, 32.87% 14.34%, 33.97% 14.12%, 35.04% 13.75%, 36.04% 13.25%, 36.98% 12.61%, 37.83% 11.85%, 38.57% 10.97%, 39.21% 10.00%, 39.79% 9.02%, 40.38% 8.03%, 40.97% 7.05%, 41.56% 6.07%, 42.14% 5.09%, 42.73% 4.11%, 42.73% 4.11%, 43.43% 3.11%, 44.24% 2.24%, 45.14% 1.51%, 46.10% 0.93%, 47.13% 0.49%, 48.20% 0.18%, 49.29% 0.02%, 50.39% 0.00%, 51.49% 0.12%, 52.56% 0.38%, 53.60% 0.78%, 54.59% 1.32%, 55.51% 2.01%, 56.34% 2.83%, 57.08% 3.79%, 57.69% 4.80%, 58.28% 5.78%, 58.87% 6.76%, 59.45% 7.74%);
--_polygon-4-sided-cookie: polygon(63.83% 2.22%, 65.10% 1.70%, 66.36% 1.26%, 67.62% 0.89%, 68.88% 0.58%, 70.14% 0.34%, 71.39% 0.16%, 72.63% 0.05%, 73.86% 0.00%, 75.08% 0.01%, 76.28% 0.08%, 77.48% 0.21%, 78.66% 0.40%, 79.82% 0.63%, 80.97% 0.93%, 82.09% 1.27%, 83.20% 1.67%, 84.28% 2.11%, 85.34% 2.60%, 86.37% 3.14%, 87.38% 3.72%, 88.36% 4.35%, 89.31% 5.02%, 90.23% 5.73%, 91.12% 6.48%, 91.98% 7.26%, 92.80% 8.09%, 93.58% 8.94%, 94.32% 9.83%, 95.03% 10.76%, 95.70% 11.71%, 96.32% 12.69%, 96.90% 13.70%, 97.43% 14.74%, 97.92% 15.80%, 98.36% 16.88%, 98.76% 17.99%, 99.10% 19.12%, 99.38% 20.26%, 99.62% 21.43%, 99.80% 22.61%, 99.92% 23.80%, 99.99% 25.01%, 100.00% 26.23%, 99.94% 27.47%, 99.83% 28.71%, 99.65% 29.95%, 99.40% 31.21%, 99.09% 32.47%, 98.71% 33.73%, 98.26% 35.00%, 97.75% 36.25%, 97.26% 37.36%, 96.78% 38.47%, 96.30% 39.59%, 95.83% 40.72%, 95.42% 41.87%, 95.06% 43.03%, 94.76% 44.21%, 94.52% 45.40%, 94.33% 46.59%, 94.20% 47.79%, 94.12% 48.99%, 94.11% 50.19%, 94.14% 51.40%, 94.24% 52.60%, 94.39% 53.80%, 94.59% 54.99%, 94.85% 56.17%, 95.17% 57.34%, 95.55% 58.50%, 95.98% 59.65%, 96.45% 60.77%, 96.94% 61.89%, 97.42% 63.00%, 97.92% 64.15%, 98.41% 65.41%, 98.84% 66.68%, 99.20% 67.94%, 99.49% 69.20%, 99.71% 70.45%, 99.87% 71.70%, 99.97% 72.93%, 100.00% 74.16%, 99.97% 75.38%, 99.89% 76.58%, 99.75% 77.78%, 99.55% 78.95%, 99.30% 80.11%, 98.99% 81.25%, 98.63% 82.37%, 98.23% 83.47%, 97.77% 84.55%, 97.27% 85.60%, 96.72% 86.63%, 96.12% 87.63%, 95.49% 88.60%, 94.81% 89.55%, 94.09% 90.46%, 93.33% 91.34%, 92.54% 92.19%, 91.70% 93.00%, 90.84% 93.77%, 89.94% 94.51%, 89.01% 95.20%, 88.05% 95.86%, 87.06% 96.47%, 86.04% 97.04%, 85.00% 97.56%, 83.93% 98.04%, 82.84% 98.47%, 81.73% 98.85%, 80.60% 99.17%, 79.45% 99.45%, 78.28% 99.67%, 77.09% 99.84%, 75.89% 99.95%, 74.68% 100.00%, 73.46% 99.99%, 72.23% 99.92%, 70.98% 99.79%, 69.73% 99.59%, 68.48% 99.33%, 67.22% 99.00%, 65.95% 98.60%, 64.69% 98.14%, 63.47% 97.63%, 62.36% 97.14%, 61.25% 96.66%, 60.13% 96.18%, 58.99% 95.72%, 57.84% 95.32%, 56.67% 94.98%, 55.49% 94.70%, 54.31% 94.47%, 53.11% 94.29%, 51.91% 94.18%, 50.71% 94.11%, 49.50% 94.11%, 48.30% 94.16%, 47.10% 94.27%, 45.90% 94.43%, 44.71% 94.65%, 43.53% 94.93%, 42.36% 95.26%, 41.21% 95.65%, 40.07% 96.09%, 38.95% 96.58%, 37.84% 97.06%, 36.72% 97.54%, 35.54% 98.05%, 34.27% 98.53%, 33.01% 98.94%, 31.74% 99.28%, 30.49% 99.55%, 29.24% 99.76%, 27.99% 99.90%, 26.76% 99.98%, 25.53% 100.00%, 24.32% 99.96%, 23.12% 99.86%, 21.93% 99.70%, 20.76% 99.49%, 19.60% 99.23%, 18.47% 98.91%, 17.35% 98.54%, 16.26% 98.12%, 15.19% 97.65%, 14.14% 97.13%, 13.12% 96.57%, 12.12% 95.97%, 11.16% 95.32%, 10.22% 94.63%, 9.32% 93.90%, 8.45% 93.14%, 7.61% 92.33%, 6.81% 91.49%, 6.04% 90.62%, 5.32% 89.71%, 4.63% 88.77%, 3.99% 87.80%, 3.38% 86.81%, 2.83% 85.78%, 2.31% 84.74%, 1.85% 83.66%, 1.43% 82.57%, 1.07% 81.45%, 0.75% 80.31%, 0.49% 79.16%, 0.28% 77.98%, 0.13% 76.80%, 0.04% 75.59%, 0.00% 74.38%, 0.02% 73.15%, 0.11% 71.92%, 0.26% 70.67%, 0.47% 69.42%, 0.75% 68.16%, 1.09% 66.90%, 1.51% 65.64%, 1.99% 64.37%, 2.49% 63.19%, 2.98% 62.08%, 3.46% 60.97%, 3.94% 59.85%, 4.38% 58.71%, 4.77% 57.55%, 5.09% 56.38%, 5.37% 55.20%, 5.58% 54.01%, 5.74% 52.81%, 5.84% 51.61%, 5.89% 50.41%, 5.88% 49.20%, 5.82% 48.00%, 5.70% 46.80%, 5.52% 45.61%, 5.28% 44.42%, 4.99% 43.24%, 4.65% 42.07%, 4.25% 40.92%, 3.79% 39.78%, 3.30% 38.67%, 2.82% 37.56%, 2.34% 36.45%, 1.82% 35.22%, 1.36% 33.95%, 0.97% 32.69%, 0.65% 31.43%, 0.39% 30.18%, 0.20% 28.93%, 0.07% 27.68%, 0.01% 26.45%, 0.01% 25.23%, 0.06% 24.02%, 0.17% 22.82%, 0.34% 21.64%, 0.57% 20.47%, 0.85% 19.32%, 1.18% 18.19%, 1.56% 17.08%, 2.00% 15.99%, 2.48% 14.92%, 3.00% 13.88%, 3.57% 12.87%, 4.19% 11.88%, 4.85% 10.92%, 5.55% 9.99%, 6.29% 9.10%, 7.06% 8.23%, 7.88% 7.41%, 8.72% 6.61%, 9.61% 5.86%, 10.52% 5.14%, 11.47% 4.47%, 12.44% 3.83%, 13.45% 3.24%, 14.48% 2.69%, 15.53% 2.19%, 16.61% 1.74%, 17.71% 1.34%, 18.83% 0.98%, 19.98% 0.68%, 21.14% 0.43%, 22.31% 0.24%, 23.50% 0.10%, 24.71% 0.02%, 25.93% 0.00%, 27.16% 0.04%, 28.39% 0.14%, 29.64% 0.30%, 30.89% 0.53%, 32.15% 0.83%, 33.41% 1.19%, 34.68% 1.62%, 35.94% 2.12%, 37.08% 2.61%, 38.20% 3.10%, 39.31% 3.58%, 40.43% 4.06%, 41.58% 4.48%, 42.74% 4.85%, 43.91% 5.17%, 45.10% 5.43%, 46.29% 5.63%, 47.49% 5.77%, 48.69% 5.86%, 49.89% 5.90%, 51.10% 5.87%, 52.30% 5.79%, 53.50% 5.66%, 54.69% 5.47%, 55.88% 5.22%, 57.05% 4.91%, 58.21% 4.55%, 59.36% 4.14%, 60.49% 3.67%, 61.61% 3.18%, 62.72% 2.70%, 63.83% 2.22%);
--_polygon-oval: polygon(72.29% 0.03%, 73.21% 0.08%, 74.12% 0.15%, 75.02% 0.24%, 75.92% 0.35%, 76.80% 0.49%, 77.67% 0.64%, 78.54% 0.82%, 79.39% 1.02%, 80.23% 1.24%, 81.06% 1.49%, 81.87% 1.75%, 82.68% 2.04%, 83.47% 2.35%, 84.25% 2.68%, 85.01% 3.04%, 85.76% 3.42%, 86.50% 3.82%, 87.23% 4.24%, 87.93% 4.69%, 88.63% 5.15%, 89.31% 5.65%, 89.97% 6.16%, 90.62% 6.70%, 91.25% 7.26%, 91.86% 7.84%, 92.45% 8.45%, 93.03% 9.07%, 93.57% 9.71%, 94.10% 10.36%, 94.60% 11.03%, 95.08% 11.72%, 95.54% 12.42%, 95.97% 13.13%, 96.39% 13.86%, 96.77% 14.61%, 97.14% 15.37%, 97.48% 16.14%, 97.81% 16.93%, 98.11% 17.72%, 98.38% 18.53%, 98.64% 19.36%, 98.87% 20.19%, 99.08% 21.04%, 99.27% 21.89%, 99.44% 22.76%, 99.58% 23.64%, 99.71% 24.53%, 99.81% 25.43%, 99.89% 26.33%, 99.95% 27.25%, 99.98% 28.18%, 100.00% 29.11%, 99.99% 30.05%, 99.97% 31.00%, 99.92% 31.96%, 99.85% 32.92%, 99.76% 33.89%, 99.65% 34.87%, 99.52% 35.85%, 99.37% 36.84%, 99.20% 37.83%, 99.00% 38.83%, 98.79% 39.84%, 98.55% 40.84%, 98.30% 41.86%, 98.02% 42.87%, 97.73% 43.89%, 97.41% 44.91%, 97.08% 45.93%, 96.72% 46.96%, 96.35% 47.99%, 95.95% 49.02%, 95.53% 50.05%, 95.10% 51.08%, 94.65% 52.11%, 94.17% 53.15%, 93.68% 54.18%, 93.16% 55.21%, 92.63% 56.24%, 92.08% 57.27%, 91.51% 58.30%, 90.92% 59.33%, 90.31% 60.35%, 89.68% 61.37%, 89.03% 62.39%, 88.37% 63.41%, 87.68% 64.42%, 86.98% 65.43%, 86.26% 66.43%, 85.52% 67.43%, 84.76% 68.43%, 83.98% 69.42%, 83.18% 70.40%, 82.37% 71.38%, 81.54% 72.35%, 80.69% 73.32%, 79.82% 74.27%, 78.93% 75.22%, 78.03% 76.17%, 77.10% 77.10%, 77.10% 77.10%, 76.17% 78.03%, 75.22% 78.93%, 74.27% 79.82%, 73.32% 80.69%, 72.35% 81.54%, 71.38% 82.37%, 70.40% 83.18%, 69.42% 83.98%, 68.43% 84.76%, 67.43% 85.52%, 66.43% 86.26%, 65.43% 86.98%, 64.42% 87.68%, 63.41% 88.37%, 62.39% 89.03%, 61.37% 89.68%, 60.35% 90.31%, 59.33% 90.92%, 58.30% 91.51%, 57.27% 92.08%, 56.24% 92.63%, 55.21% 93.16%, 54.18% 93.68%, 53.15% 94.17%, 52.11% 94.65%, 51.08% 95.10%, 50.05% 95.53%, 49.02% 95.95%, 47.99% 96.35%, 46.96% 96.72%, 45.93% 97.08%, 44.91% 97.41%, 43.89% 97.73%, 42.87% 98.02%, 41.86% 98.30%, 40.84% 98.55%, 39.84% 98.79%, 38.83% 99.00%, 37.83% 99.20%, 36.84% 99.37%, 35.85% 99.52%, 34.87% 99.65%, 33.89% 99.76%, 32.92% 99.85%, 31.96% 99.92%, 31.00% 99.97%, 30.05% 99.99%, 29.11% 100.00%, 28.18% 99.98%, 27.25% 99.95%, 26.33% 99.89%, 25.43% 99.81%, 24.53% 99.71%, 23.64% 99.58%, 22.76% 99.44%, 21.89% 99.27%, 21.04% 99.08%, 20.19% 98.87%, 19.36% 98.64%, 18.53% 98.38%, 17.72% 98.11%, 16.93% 97.81%, 16.14% 97.48%, 15.37% 97.14%, 14.61% 96.77%, 13.86% 96.39%, 13.13% 95.97%, 12.42% 95.54%, 11.72% 95.08%, 11.03% 94.60%, 10.36% 94.10%, 9.71% 93.57%, 9.07% 93.03%, 8.45% 92.45%, 7.84% 91.86%, 7.26% 91.25%, 6.70% 90.62%, 6.16% 89.97%, 5.65% 89.31%, 5.15% 88.63%, 4.69% 87.93%, 4.24% 87.23%, 3.82% 86.50%, 3.42% 85.76%, 3.04% 85.01%, 2.68% 84.25%, 2.35% 83.47%, 2.04% 82.68%, 1.75% 81.87%, 1.49% 81.06%, 1.24% 80.23%, 1.02% 79.39%, 0.82% 78.54%, 0.64% 77.67%, 0.49% 76.80%, 0.35% 75.92%, 0.24% 75.02%, 0.15% 74.12%, 0.08% 73.21%, 0.03% 72.29%, 0.01% 71.36%, 0.00% 70.42%, 0.02% 69.47%, 0.05% 68.52%, 0.11% 67.56%, 0.19% 66.59%, 0.29% 65.62%, 0.41% 64.64%, 0.55% 63.65%, 0.72% 62.66%, 0.90% 61.67%, 1.10% 60.67%, 1.33% 59.66%, 1.57% 58.65%, 1.84% 57.64%, 2.12% 56.62%, 2.43% 55.60%, 2.75% 54.58%, 3.10% 53.55%, 3.46% 52.53%, 3.85% 51.50%, 4.25% 50.47%, 4.68% 49.43%, 5.12% 48.40%, 5.59% 47.37%, 6.07% 46.34%, 6.58% 45.31%, 7.10% 44.27%, 7.64% 43.24%, 8.20% 42.21%, 8.78% 41.19%, 9.38% 40.16%, 10.00% 39.14%, 10.64% 38.12%, 11.30% 37.10%, 11.97% 36.09%, 12.67% 35.07%, 13.38% 34.07%, 14.11% 33.07%, 14.86% 32.07%, 15.63% 31.08%, 16.42% 30.09%, 17.22% 29.11%, 18.05% 28.13%, 18.89% 27.17%, 19.75% 26.20%, 20.62% 25.25%, 21.52% 24.30%, 22.43% 23.36%, 23.36% 22.43%, 24.30% 21.52%, 25.25% 20.62%, 26.20% 19.75%, 27.17% 18.89%, 28.13% 18.05%, 29.11% 17.22%, 30.09% 16.42%, 31.08% 15.63%, 32.07% 14.86%, 33.07% 14.11%, 34.07% 13.38%, 35.07% 12.67%, 36.09% 11.97%, 37.10% 11.30%, 38.12% 10.64%, 39.14% 10.00%, 40.16% 9.38%, 41.19% 8.78%, 42.21% 8.20%, 43.24% 7.64%, 44.27% 7.10%, 45.31% 6.58%, 46.34% 6.07%, 47.37% 5.59%, 48.40% 5.12%, 49.43% 4.68%, 50.47% 4.25%, 51.50% 3.85%, 52.53% 3.46%, 53.55% 3.10%, 54.58% 2.75%, 55.60% 2.43%, 56.62% 2.12%, 57.64% 1.84%, 58.65% 1.57%, 59.66% 1.33%, 60.67% 1.10%, 61.67% 0.90%, 62.66% 0.72%, 63.65% 0.55%, 64.64% 0.41%, 65.62% 0.29%, 66.59% 0.19%, 67.56% 0.11%, 68.52% 0.05%, 69.47% 0.02%, 70.42% 0.00%, 71.36% 0.01%);
}
@keyframes loading-spinner-ind-rotate {
0% {
clip-path: var(--_polygon-soft-burst);
transform: rotate(0deg) scale(0.842);
animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8);
}
14% {
clip-path: var(--_polygon-7-sided-cookie);
transform: rotate(154deg) scale(0.842);
animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8);
}
29% {
clip-path: var(--_polygon-pentagon);
transform: rotate(309deg) scale(0.842);
animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8);
}
43% {
clip-path: var(--_polygon-pill);
transform: rotate(463deg) scale(0.842);
animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8);
}
57% {
clip-path: var(--_polygon-very-sunny);
transform: rotate(617deg) scale(0.842);
animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8);
}
71% {
clip-path: var(--_polygon-4-sided-cookie);
transform: rotate(771deg) scale(0.842);
animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8);
}
83% {
clip-path: var(--_polygon-oval);
transform: rotate(926deg) scale(0.842);
animation-timing-function: cubic-bezier(0.5, 0.2, 0, 0.8);
}
100% {
clip-path: var(--_polygon-soft-burst);
transform: rotate(1080deg) scale(0.842);
}
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Runde', sans-serif;
}
.material-symbols-rounded {
font-variation-settings:
'FILL' 1,
'wght' 700,
'GRAD' 0,
'opsz' 24;
vertical-align: middle;
}
button {
font-family: 'Inter', sans-serif;
}
/* For all clickable elements */
[onclick],
button,
a,
input[type="button"],
input[type="submit"],
.clickable {
cursor: pointer;
transform: scale(1);
transition: transform 0.3s cubic-bezier(.2, 1.3, .64, 1), filter 0.3s cubic-bezier(.2, 1.3, .64, 1);
}
/* Active effect (when clicking down) */
[onclick]:active,
button:active,
a:active,
input[type="button"]:active,
input[type="submit"]:active,
.clickable:active {
transform: scale(1.1);
filter: brightness(1.5);
transition: transform 0.3s cubic-bezier(.2, 1.3, .64, 1), filter 0.3s cubic-bezier(.2, 1.3, .64, 1);
}
input[type="color"] {
-webkit-appearance: none;
appearance: none;
border: 1px solid var(--glass-border);
width: 30px;
height: 30px;
padding: 0;
background: none;
border-radius: 999px;
cursor: pointer;
overflow: hidden;
}
input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
}
input[type="color"]::-webkit-color-swatch {
border: none;
border-radius: 999px;
}
input[type="color"]::-moz-color-swatch {
border: 1px solid var(--glass-border);
border-radius: 999px;
}
input[type="checkbox"] {
appearance: none;
width: 56px;
height: 32px;
background-color: var(--search-background);
border-radius: 16px;
position: relative;
cursor: pointer;
transition: all 0.3s cubic-bezier(.2, 1.3, .64, 1);
border: 1px solid var(--glass-border);
cursor: pointer;
box-shadow: var(--sun-shadow);
}
input[type="checkbox"]::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: var(--accent);
border-radius: 50%;
top: 50%;
left: 6.5px;
transform: translateY(-50%);
border: 1px solid var(--glass-border);
box-sizing: border-box;
box-shadow: var(--sun-shadow);
transition: all 0.3s cubic-bezier(.2, 1.3, .64, 1);
}
input[type="checkbox"]:checked {
background-color: var(--accent);
}
input[type="checkbox"]:checked::before {
background-color: var(--tonal);
transform: translateY(-50%);
width: 46px;
height: 40px;
top: 50%;
left: 14px;
backdrop-filter: saturate(2) blur(2.5px);
border-radius: 36px;
}
input[type="radio"] {
appearance: none;
background-color: var(--search-background);
font: inherit;
width: 20px;
height: 20px;
border: 1px solid var(--glass-border);
border-radius: 50%;
box-shadow: var(--sun-shadow);
cursor: pointer;
transition: all 0.3s cubic-bezier(.2, 1.3, .64, 1);
display: grid;
place-content: center;
}
input[type="radio"]::before {
content: "";
background-color: var(--background-color);
border-radius: 50%;
transform: scale(0);
transition: all 0.3s cubic-bezier(.2, 1.3, .64, 1);
width: 12px;
height: 12px;
display: block;
box-shadow: var(--sun-shadow);
border: 1px solid var(--glass-border);
box-sizing: border-box;
}
input[type="radio"]:checked {
background-color: var(--accent);
}
input[type="radio"]:checked::before {
transform: scale(1);
}
input[type="range"] {
-webkit-appearance: none;
width: 100%;
height: 34px;
background: var(--search-background);
border-radius: 20px;
padding: 0 8px;
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--accent);
cursor: pointer;
outline: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
transition: width 0.3s, height 0.3s, transform 0.3s;
}
input[type="range"]::-webkit-slider-thumb:active {
width: 24px;
height: 24px;
transform: scale(1.1);
}
input[type="range"]::-moz-range-thumb {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--accent);
cursor: pointer;
outline: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
transition: width 0.3s, height 0.3s, transform 0.3s;
}
input[type="range"]::-moz-range-thumb:active {
width: 24px;
height: 24px;
transform: scale(1.1);
}
select {
background-color: var(--search-background);
color: var(--text-color);
padding: 8px 16px;
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
border-radius: 50px;
cursor: pointer;
}
select option {
background-color: var(--background-color);
color: var(--text-color);
transition: background-color 0.2s, transform 0.1s;
}
/* State Views */
.view {
display: none;
height: 100%;
width: 100%;
max-width: 800px;
margin: auto;
flex-direction: column;
padding: 64px 16px 80px 16px;
overflow-y: auto;
}
.view.active { display: flex; }
/* Typography */
h1 { font-size: 32px; margin: 0; font-weight: bold; }
h2 { font-size: 22px; margin: 0; font-weight: bold; color: var(--text-color); }
.label-large { font-size: 14px; font-weight: 500; line-height: 20px; }
.label-medium { font-size: 12px; font-weight: 500; letter-spacing: 0.5px; }
.code-input {
background-color: var(--search-background) !important;
color: var(--text-color) !important;
border: 1px solid var(--glass-border);
border-radius: 25px;
corner-shape: superellipse(1.5);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
font-size: 24px;
text-align: center;
padding: 16px;
width: 100%;
letter-spacing: 4px;
margin: 20px 0;
outline: none;
}
/* Emoji Grid */
.emoji-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 Columns */
gap: 12px;
margin-top: 20px;
}
.emoji-btn {
background: var(--search-background) !important;
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
border-radius: 25px;
corner-shape: superellipse(1.5);
font-size: 28px;
padding: 0;
aspect-ratio: 1 / 1; /* Keep them square */
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-color);
transition: transform 0.2s, filter 0.2s;
}
.emoji-btn:active { transform: scale(1.1); filter: brightness(1.5); }
/* Components */
.card {
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
border-radius: var(--border-radius-lg);
corner-shape: superellipse(1.5);
padding: 16px;
margin-bottom: 12px;
}
.filled-card {
background: var(--search-background);
color: var(--text-color);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
border-radius: var(--border-radius-md);
corner-shape: superellipse(1.5);
padding: 16px;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 8px;
cursor: pointer;
transition: transform 0.2s, filter 0.2s;
}
.filled-card:active { transform: scale(1.05); filter: brightness(1.2); }
.btn-primary {
font-family: 'Inter', sans-serif;
background: var(--accent);
color: var(--background-color);
border-radius: 50px;
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
height: 56px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 16px;
cursor: pointer;
width: 100%;
margin-top: 16px;
gap: 8px;
transition: transform 0.2s, filter 0.2s;
}
.btn-primary:active { transform: scale(1.05); filter: brightness(1.2); }
.icon-btn {
font-family: 'Inter', sans-serif;
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
color: var(--text-color);
padding: 8px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.2s, filter 0.2s;
}
.icon-btn:active { transform: scale(1.1); filter: brightness(1.5); }
.icon-btn-nbg {
font-family: 'Inter', sans-serif;
background: transparent;
border: none;
color: var(--text-color);
padding: 8px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.2s, filter 0.2s;
}
.icon-btn-nbg:active { transform: scale(1.1); filter: brightness(1.5); }
.fab {
position: fixed;
bottom: 24px;
right: 24px;
width: 56px;
height: 56px;
border-radius: 25px;
corner-shape: superellipse(1.5);
background: var(--search-background);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
color: var(--text-color);
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--sun-shadow), 0 4px 8px rgba(0,0,0,0.3);
border: 1px solid var(--glass-border);
}
/* Setup View */
.setup-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
/* Dashboard View */
.top-app-bar {
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
width: 100%;
z-index: 100;
padding: 12px 16px;
}
.top-app-bar::before {
content: '';
position: absolute;
inset: 0;
background: transparent;
backdrop-filter: blur(5px);
-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
z-index: -1;
}
.app-navi {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
}
.connection-status {
display: flex;
align-items: center;
gap: 8px;
color: var(--text-color);
padding: 6px 12px;
border-radius: 20px;
font-weight: 500;
font-family: 'Open Runde', 'Inter', sans-serif;
}
.status-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background: #FF5449;
display: inline-flex;
justify-content: center;
color: white;
font-size: 12px;
font-weight: bold;
}
.status-dot::before {
content: "✕";
font-size: 10px;
}
.status-dot.connected {
background: #B6F2AF;
color: #0A3D0A;
}
.status-dot.connected::before {
content: "✓";
font-size: 12px;
}
/* Media Player */
.media-player {
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
border-radius: var(--border-radius-lg);
corner-shape: superellipse(1.5);
color: var(--text-color);
padding: 12px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
margin-bottom: 12px;
}
.album-art {
width: 64px;
height: 64px;
background: rgba(0, 0, 0, 0.2);
corner-shape: superellipse(1.5);
border-radius: 25px;
object-fit: cover;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
margin-right: 10px;
}
.track-info { width: 100%; }
.track-info h3 { margin: 0; font-size: 16px; }
.track-info p { margin: 4px 0 0 0; opacity: 0.8; font-size: 16px; }
.media-controls {
display: flex;
gap: 10px;
align-items: center;
}
.play-pause {
background: var(--accent);
color: var(--background-color);
box-shadow: var(--sun-shadow);
border: 1px solid var(--glass-border);
border-radius: 52px;
width: 52px;
height: 52px;
display: flex; align-items: center; justify-content: center;
transition: transform 0.2s, filter 0.2s;
cursor: pointer;
}
.play-pause:active { transform: scale(1.05); filter: brightness(1.2); }
/* Quick Actions Grid */
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.action-card {
font-family: 'Inter', sans-serif;
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
border-radius: var(--border-radius-lg);
corner-shape: superellipse(1.5);
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--text-color);
cursor: pointer;
transition: transform 0.2s, background 0.2s;
}
.action-card:active { transform: scale(1.05); filter: brightness(1.2); }
.action-card.active {
background: var(--accent);
color: var(--background-color);
}
/* Brightness Slider */
.slider-container {
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(2.5px);
border-radius: 50px;
padding: 10px 14px;
display: flex;
align-items: center;
gap: 16px;
margin-top: 12px;
}
.slider-container input[type="range"] {
height: auto;
background: transparent;
box-shadow: none;
border: none;
padding: 0;
}
.status-bar-remote {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.status-group { display: flex; gap: 12px; align-items: center; }
.status-pill {
display: flex; align-items: center; gap: 6px;
color: var(--text-color);
border-radius: 12px;
font-size: 12px;
}
/* Settings Frame */
.settings-frame-container {
display: none;
flex: 1;
width: 100%;
background: var(--background-color);
border-radius: 20px;
overflow: hidden;
}
iframe#settings-frame { width: 100%; height: 100%; border: none; display: block; }
/* App Drawer */
.app-drawer-sheet {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: var(--modal-background);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(5px);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow), 0 -10px 30px rgba(0, 0, 0, 0.2);
border-radius: 50px 50px 0 0;
corner-shape: superellipse(1.5);
padding: 24px;
height: calc(100% - 20px);
overflow-y: auto;
transform: translateY(50%) translateX(-50%);
transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1);
z-index: 100;
width: clamp(200px, 100%, 800px);
left: 50%;
filter: blur(5px);
opacity: 0;
pointer-events: none;
}
.app-drawer-sheet.open {
transform: translateY(0) translateX(-50%);
filter: none;
opacity: 1;
pointer-events: auto;
}
.app-list-item {
display: flex;
align-items: center;
gap: 16px;
padding: 12px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.app-list-item img { width: 40px; height: 40px; border-radius: 50%; }
.screenshot-modal {
position: fixed; inset: 0;
background: var(--modal-background);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(5px);
display: none;
align-items: center; justify-content: center;
z-index: 200;
}
.screenshot-modal.open { display: flex; }
.screenshot-modal img { max-width: 100%; max-height: 100%; }
.screenshot-modal button {
position: absolute; top: 20px; right: 20px;
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
color: var(--text-color);
padding: 8px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
}
.loading-toast {
position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%);
background: var(--search-background);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(5px);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
color: var(--text-color);
padding: 12px 24px; border-radius: 50px;
font-size: 14px; font-weight: 500;
pointer-events: none; opacity: 0; transition: opacity 0.3s;
z-index: 1000;
}
.loading-toast.show { opacity: 1; }
#full-loading-overlay {
position: fixed;
inset: 0;
background: var(--background-color);
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
#full-loading-overlay.show {
opacity: 1;
pointer-events: auto;
}
.mini-app-pill {
background: var(--search-background);
backdrop-filter: var(--edge-refraction-filter) saturate(2) blur(5px);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
color: var(--text-color);
border-radius: 50px 50px 0 0;
corner-shape: superellipse(1.5);
padding: 18px 23px 18px 26px;
display: none;
align-items: center;
gap: 16px;
cursor: pointer;
transition: transform 0.1s;
position: fixed;
bottom: 0;
z-index: 10;
width: 100%;
left: 0;
}
.mini-app-pill.visible { display: flex; }
.mini-app-pill:active { padding: 40px 23px 40px 26px; }
.mini-app-pill img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.mini-app-pill .info { flex: 1; font-weight: 500; font-size: 16px; }
.mini-app-pill .action-btn {
color: var(--background-color);
background: var(--accent);
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
border: 1px solid var(--glass-border);
}
/* Segmented Control */
.segment-control {
display: flex;
margin: 16px 0;
gap: 8px;
}
.segment-btn {
flex: 1;
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
border-radius: 20px;
corner-shape: superellipse(1.5);
padding: 10px;
color: var(--text-color);
font-weight: 500;
transition: background 0.2s, color 0.2s, border-radius 0.2s;
cursor: pointer;
}
.segment-btn.active {
background: var(--accent);
color: var(--background-color);
border-radius: 50px;
corner-shape: round;
}
/* Widget Grid */
.widget-grid-remote {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 24px;
}
.widget-preview {
background: var(--search-background);
border: 1px solid var(--glass-border);
box-shadow: var(--sun-shadow);
overflow: hidden;
aspect-ratio: 1/1;
position: relative;
border-radius: 35px;
corner-shape: superellipse(1.5);
}
.widget-preview img {
width: 100%; height: 100%; object-fit: contain;
}
/* Live Activity Iframe */
.remote-activity-frame {
width: 100%;
border: none;
border-radius: 20px;
margin-bottom: 12px;
background: var(--search-background);
overflow: hidden;
}
#remote-wallpaper {