forked from propjockey/augmented-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
augmented.css
1556 lines (1465 loc) · 92.7 KB
/
augmented.css
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
/*
augmented-ui
BSD 2-Clause License
Copyright (c) James0x57, PropJockey, 2019
*/
[augmented-ui~="exe-init"],
[augmented-ui~="exe"],
[augmented-ui~="exe-lite"],
[augmented-ui~="before"],
[augmented-ui~="after"] {
--aug-tl: 0px;
--aug-tl-width: initial;
--aug-tl-height: initial;
--aug-_TlWidth: initial;
--aug-_TlHeight: initial;
--aug-_TlJoinBX: initial;
--aug-_TlJoinBY: initial;
--aug-_TlJoinRX: initial;
--aug-_TlJoinRY: initial;
--aug-_TlPath: initial;
--aug-_TlInset1JoinBX: initial;
--aug-_TlInset1JoinBY: initial;
--aug-_TlInset1JoinRX: initial;
--aug-_TlInset1JoinRY: initial;
--aug-_TlPathInset1: initial;
--aug-_TlInset2JoinBX: initial;
--aug-_TlInset2JoinBY: initial;
--aug-_TlInset2JoinRX: initial;
--aug-_TlInset2JoinRY: initial;
--aug-_TlPathInset2: initial;
--aug-tr: 0px;
--aug-tr-width: initial;
--aug-tr-height: initial;
--aug-_TrWidth: initial;
--aug-_TrHeight: initial;
--aug-_TrJoinLX: initial;
--aug-_TrJoinLY: initial;
--aug-_TrJoinBX: initial;
--aug-_TrJoinBY: initial;
--aug-_TrPath: initial;
--aug-_TrInset1JoinLX: initial;
--aug-_TrInset1JoinLY: initial;
--aug-_TrInset1JoinBX: initial;
--aug-_TrInset1JoinBY: initial;
--aug-_TrPathInset1: initial;
--aug-_TrInset2JoinLX: initial;
--aug-_TrInset2JoinLY: initial;
--aug-_TrInset2JoinBX: initial;
--aug-_TrInset2JoinBY: initial;
--aug-_TrPathInset2: initial;
--aug-br: 0px;
--aug-br-width: initial;
--aug-br-height: initial;
--aug-_BrWidth: initial;
--aug-_BrHeight: initial;
--aug-_BrJoinTX: initial;
--aug-_BrJoinTY: initial;
--aug-_BrJoinLX: initial;
--aug-_BrJoinLY: initial;
--aug-_BrPath: initial;
--aug-_BrInset1JoinTX: initial;
--aug-_BrInset1JoinTY: initial;
--aug-_BrInset1JoinLX: initial;
--aug-_BrInset1JoinLY: initial;
--aug-_BrPathInset1: initial;
--aug-_BrInset2JoinTX: initial;
--aug-_BrInset2JoinTY: initial;
--aug-_BrInset2JoinLX: initial;
--aug-_BrInset2JoinLY: initial;
--aug-_BrPathInset2: initial;
--aug-bl: 0px;
--aug-bl-width: initial;
--aug-bl-height: initial;
--aug-_BlWidth: initial;
--aug-_BlHeight: initial;
--aug-_BlJoinRX: initial;
--aug-_BlJoinRY: initial;
--aug-_BlJoinTX: initial;
--aug-_BlJoinTY: initial;
--aug-_BlPath: initial;
--aug-_BlInset1JoinRX: initial;
--aug-_BlInset1JoinRY: initial;
--aug-_BlInset1JoinTX: initial;
--aug-_BlInset1JoinTY: initial;
--aug-_BlPathInset1: initial;
--aug-_BlInset2JoinRX: initial;
--aug-_BlInset2JoinRY: initial;
--aug-_BlInset2JoinTX: initial;
--aug-_BlInset2JoinTY: initial;
--aug-_BlPathInset2: initial;
--aug-t: 0px;
--aug-t-width: initial;
--aug-t-height: initial;
--aug-t-origin-x: initial;
--aug-t-offset: initial;
--aug-_TWidth: initial;
--aug-_THeight: initial;
--aug-_TPath: initial;
--aug-_TPathInset1: initial;
--aug-_TPathInset2: initial;
--aug-r: 0px;
--aug-r-width: initial;
--aug-r-height: initial;
--aug-r-origin-y: initial;
--aug-r-offset: initial;
--aug-_RWidth: initial;
--aug-_RHeight: initial;
--aug-_RPath: initial;
--aug-_RPathInset1: initial;
--aug-_RPathInset2: initial;
--aug-b: 0px;
--aug-b-width: initial;
--aug-b-height: initial;
--aug-b-origin-x: initial;
--aug-b-offset: initial;
--aug-_BWidth: initial;
--aug-_BHeight: initial;
--aug-_BPath: initial;
--aug-_BPathInset1: initial;
--aug-_BPathInset2: initial;
--aug-l: 0px;
--aug-l-width: initial;
--aug-l-height: initial;
--aug-l-origin-y: initial;
--aug-l-offset: initial;
--aug-_LWidth: initial;
--aug-_LHeight: initial;
--aug-_LPath: initial;
--aug-_LPathInset1: initial;
--aug-_LPathInset2: initial;
}
[augmented-ui~="tl-clip"],
[augmented-ui~="tl-clip"] > [augmented-ui~="tl-inherit"] {
--aug-tl: 15px; /* clip size */
--aug-_TlWidth: var(--aug-tl-width, var(--aug-tl));
--aug-_TlHeight: var(--aug-tl-height, var(--aug-tl));
--aug-_TlJoinBX: 0px;
--aug-_TlJoinBY: var(--aug-_TlHeight);
--aug-_TlJoinRX: var(--aug-_TlWidth);
--aug-_TlJoinRY: 0px;
--aug-_TlPath: var(--aug-_TlJoinBX) var(--aug-_TlJoinBY), var(--aug-_TlJoinRX) var(--aug-_TlJoinRY);
--aug-_TlInset1JoinBX: var(--aug-_W);
--aug-_TlInset1JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_W) / 2);
--aug-_TlInset1JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_W) / 2);
--aug-_TlInset1JoinRY: var(--aug-_W);
--aug-_TlPathInset1: var(--aug-_TlInset1JoinBX) var(--aug-_TlInset1JoinBY), var(--aug-_TlInset1JoinRX) var(--aug-_TlInset1JoinRY);
--aug-_TlInset2JoinBX: var(--aug-_WD);
--aug-_TlInset2JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_WD) / 2);
--aug-_TlInset2JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_WD) / 2);
--aug-_TlInset2JoinRY: var(--aug-_WD);
--aug-_TlPathInset2: var(--aug-_TlInset2JoinBX) var(--aug-_TlInset2JoinBY), var(--aug-_TlInset2JoinRX) var(--aug-_TlInset2JoinRY);
}
[augmented-ui~="tr-clip"],
[augmented-ui~="tr-clip"] > [augmented-ui~="tr-inherit"] {
--aug-tr: 15px; /* clip size */
--aug-_TrWidth: var(--aug-tr-width, var(--aug-tr));
--aug-_TrHeight: var(--aug-tr-height, var(--aug-tr));
--aug-_TrJoinLX: calc(100% - var(--aug-_TrWidth));
--aug-_TrJoinLY: 0px;
--aug-_TrJoinBX: 100%;
--aug-_TrJoinBY: var(--aug-_TrHeight);
--aug-_TrPath: var(--aug-_TrJoinLX) var(--aug-_TrJoinLY), var(--aug-_TrJoinBX) var(--aug-_TrJoinBY);
--aug-_TrInset1JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_W) / 2));
--aug-_TrInset1JoinLY: var(--aug-_W);
--aug-_TrInset1JoinBX: calc(100% - var(--aug-_W));
--aug-_TrInset1JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_W) / 2);
--aug-_TrPathInset1: var(--aug-_TrInset1JoinLX) var(--aug-_TrInset1JoinLY), var(--aug-_TrInset1JoinBX) var(--aug-_TrInset1JoinBY);
--aug-_TrInset2JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_WD) / 2));
--aug-_TrInset2JoinLY: var(--aug-_WD);
--aug-_TrInset2JoinBX: calc(100% - var(--aug-_WD));
--aug-_TrInset2JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_WD) / 2);
--aug-_TrPathInset2: var(--aug-_TrInset2JoinLX) var(--aug-_TrInset2JoinLY), var(--aug-_TrInset2JoinBX) var(--aug-_TrInset2JoinBY);
}
[augmented-ui~="br-clip"],
[augmented-ui~="br-clip"] > [augmented-ui~="br-inherit"] {
--aug-br: 15px; /* clip size */
--aug-_BrWidth: var(--aug-br-width, var(--aug-br));
--aug-_BrHeight: var(--aug-br-height, var(--aug-br));
--aug-_BrJoinTX: 100%;
--aug-_BrJoinTY: calc(100% - var(--aug-_BrHeight));
--aug-_BrJoinLX: calc(100% - var(--aug-_BrWidth));
--aug-_BrJoinLY: 100%;
--aug-_BrPath: var(--aug-_BrJoinTX) var(--aug-_BrJoinTY), var(--aug-_BrJoinLX) var(--aug-_BrJoinLY);
--aug-_BrInset1JoinTX: calc(100% - var(--aug-_W));
--aug-_BrInset1JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_W) / 2));
--aug-_BrInset1JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_W) / 2));
--aug-_BrInset1JoinLY: calc(100% - var(--aug-_W));
--aug-_BrPathInset1: var(--aug-_BrInset1JoinTX) var(--aug-_BrInset1JoinTY), var(--aug-_BrInset1JoinLX) var(--aug-_BrInset1JoinLY);
--aug-_BrInset2JoinTX: calc(100% - var(--aug-_WD));
--aug-_BrInset2JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_WD) / 2));
--aug-_BrInset2JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_WD) / 2));
--aug-_BrInset2JoinLY: calc(100% - var(--aug-_WD));
--aug-_BrPathInset2: var(--aug-_BrInset2JoinTX) var(--aug-_BrInset2JoinTY), var(--aug-_BrInset2JoinLX) var(--aug-_BrInset2JoinLY);
}
[augmented-ui~="bl-clip"],
[augmented-ui~="bl-clip"] > [augmented-ui~="bl-inherit"] {
--aug-bl: 15px; /* clip size */
--aug-_BlWidth: var(--aug-bl-width, var(--aug-bl));
--aug-_BlHeight: var(--aug-bl-height, var(--aug-bl));
--aug-_BlJoinRX: var(--aug-_BlWidth);
--aug-_BlJoinRY: 100%;
--aug-_BlJoinTX: 0px;
--aug-_BlJoinTY: calc(100% - var(--aug-_BlHeight));
--aug-_BlPath: var(--aug-_BlJoinRX) var(--aug-_BlJoinRY), var(--aug-_BlJoinTX) var(--aug-_BlJoinTY);
--aug-_BlInset1JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_W) / 2);
--aug-_BlInset1JoinRY: calc(100% - var(--aug-_W));
--aug-_BlInset1JoinTX: var(--aug-_W);
--aug-_BlInset1JoinTY: calc(100% - (var(--aug-_BlHeight) + var(--aug-_W) / 2));
--aug-_BlPathInset1: var(--aug-_BlInset1JoinRX) var(--aug-_BlInset1JoinRY), var(--aug-_BlInset1JoinTX) var(--aug-_BlInset1JoinTY);
--aug-_BlInset2JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_WD) / 2);
--aug-_BlInset2JoinRY: calc(100% - var(--aug-_WD));
--aug-_BlInset2JoinTX: var(--aug-_WD);
--aug-_BlInset2JoinTY: calc(100% - (var(--aug-_BlHeight) + var(--aug-_WD) / 2));
--aug-_BlPathInset2: var(--aug-_BlInset2JoinRX) var(--aug-_BlInset2JoinRY), var(--aug-_BlInset2JoinTX) var(--aug-_BlInset2JoinTY);
}
[augmented-ui~="t-clip"],
[augmented-ui~="t-clip"] > [augmented-ui~="t-inherit"] {
--aug-t: 15px; /* clip depth */
--aug-_TWidth: var(--aug-t-width, calc(var(--aug-t) * 2));
--aug-_THeight: var(--aug-t-height, var(--aug-t));
--aug-_TOriginX: calc(var(--aug-t-origin-x, calc(var(--aug-_TlJoinRX, 0px) / 2 + var(--aug-_TrJoinLX, 100%) / 2)) + var(--aug-t-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_TPath: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2) 0px,
var(--aug-_TOriginX) var(--aug-_THeight),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2) 0px;
--aug-_TPathInset1: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_W) / 2) var(--aug-_W),
var(--aug-_TOriginX) calc(var(--aug-_THeight) + var(--aug-_W) * 1.5),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_W) / 2) var(--aug-_W);
--aug-_TPathInset2: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_WD) / 2) var(--aug-_WD),
var(--aug-_TOriginX) calc(var(--aug-_THeight) + var(--aug-_WD) * 1.5),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_WD) / 2) var(--aug-_WD);
}
[augmented-ui~="r-clip"],
[augmented-ui~="r-clip"] > [augmented-ui~="r-inherit"] {
--aug-r: 15px; /* clip depth */
--aug-_RWidth: var(--aug-r-width, var(--aug-r));
--aug-_RHeight: var(--aug-r-height, calc(var(--aug-r) * 2));
--aug-_ROriginY: calc(var(--aug-r-origin-y, calc(var(--aug-_TrJoinBY, 0px) / 2 + var(--aug-_BrJoinTY, 100%) / 2)) + var(--aug-r-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_RPath: , 100% calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2),
calc(100% - var(--aug-_RWidth)) var(--aug-_ROriginY),
100% calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2);
--aug-_RPathInset1: , calc(100% - var(--aug-_W)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_W) / 2),
calc(100% - (var(--aug-_RWidth) + var(--aug-_W) * 1.5)) var(--aug-_ROriginY),
calc(100% - var(--aug-_W)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_W) / 2);
--aug-_RPathInset2: , calc(100% - var(--aug-_WD)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_WD) / 2),
calc(100% - (var(--aug-_RWidth) + var(--aug-_WD) * 1.5)) var(--aug-_ROriginY),
calc(100% - var(--aug-_WD)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_WD) / 2);
}
[augmented-ui~="b-clip"],
[augmented-ui~="b-clip"] > [augmented-ui~="b-inherit"] {
--aug-b: 15px; /* clip depth */
--aug-_BWidth: var(--aug-b-width, calc(var(--aug-b) * 2));
--aug-_BHeight: var(--aug-b-height, var(--aug-b));
--aug-_BOriginX: calc(var(--aug-b-origin-x, calc(var(--aug-_BlJoinRX, 0px) / 2 + var(--aug-_BrJoinLX, 100%) / 2)) + var(--aug-b-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_BPath: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2) 100%,
var(--aug-_BOriginX) calc(100% - var(--aug-_BHeight)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2) 100%;
--aug-_BPathInset1: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_W) / 2) calc(100% - var(--aug-_W)),
var(--aug-_BOriginX) calc(100% - (var(--aug-_BHeight) + var(--aug-_W) * 1.5)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_W) / 2) calc(100% - var(--aug-_W));
--aug-_BPathInset2: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_WD) / 2) calc(100% - var(--aug-_WD)),
var(--aug-_BOriginX) calc(100% - (var(--aug-_BHeight) + var(--aug-_WD) * 1.5)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_WD) / 2) calc(100% - var(--aug-_WD));
}
[augmented-ui~="l-clip"],
[augmented-ui~="l-clip"] > [augmented-ui~="l-inherit"] {
--aug-l: 15px; /* clip depth */
--aug-_LWidth: var(--aug-l-width, var(--aug-l));
--aug-_LHeight: var(--aug-l-height, calc(var(--aug-l) * 2));
--aug-_LOriginY: calc(var(--aug-l-origin-y, calc(var(--aug-_TlJoinBY, 0px) / 2 + var(--aug-_BlJoinTY, 100%) / 2)) + var(--aug-l-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_LPath: , 0px calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2),
var(--aug-_LWidth) var(--aug-_LOriginY),
0px calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2);
--aug-_LPathInset1: , var(--aug-_W) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_W) / 2),
calc(var(--aug-_LWidth) + var(--aug-_W) * 1.5) var(--aug-_LOriginY),
var(--aug-_W) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_W) / 2);
--aug-_LPathInset2: , var(--aug-_WD) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_WD) / 2),
calc(var(--aug-_LWidth) + var(--aug-_WD) * 1.5) var(--aug-_LOriginY),
var(--aug-_WD) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_WD) / 2);
}
[augmented-ui~="tl-round"],
[augmented-ui~="tl-round"] > [augmented-ui~="tl-inherit"] {
--aug-tl: 15px; /* radius */
--aug-_Sin18cos72: 0.30901699437;
--aug-_Sin36cos54: 0.58778525229;
--aug-_Sin54cos36: 0.80901699437;
--aug-_Sin72cos18: 0.95105651629;
--aug-_TlJoinBX: 0px;
--aug-_TlJoinBY: var(--aug-tl);
--aug-_TlJoinRX: var(--aug-tl);
--aug-_TlJoinRY: 0px;
--aug-_TlPath: var(--aug-_TlJoinBX) var(--aug-_TlJoinBY),
calc(var(--aug-tl) - var(--aug-_Sin72cos18) * var(--aug-tl)) calc(var(--aug-tl) - var(--aug-_Sin18cos72) * var(--aug-tl)),
calc(var(--aug-tl) - var(--aug-_Sin54cos36) * var(--aug-tl)) calc(var(--aug-tl) - var(--aug-_Sin36cos54) * var(--aug-tl)),
calc(var(--aug-tl) - var(--aug-_Sin36cos54) * var(--aug-tl)) calc(var(--aug-tl) - var(--aug-_Sin54cos36) * var(--aug-tl)),
calc(var(--aug-tl) - var(--aug-_Sin18cos72) * var(--aug-tl)) calc(var(--aug-tl) - var(--aug-_Sin72cos18) * var(--aug-tl)),
var(--aug-_TlJoinRX) var(--aug-_TlJoinRY);
--aug-_TlInset1JoinBX: var(--aug-_W);
--aug-_TlInset1JoinBY: var(--aug-tl);
--aug-_TlInset1JoinRX: var(--aug-tl);
--aug-_TlInset1JoinRY: var(--aug-_W);
--aug-_TlPathInset1: var(--aug-_TlInset1JoinBX) var(--aug-_TlInset1JoinBY),
calc(var(--aug-tl) - var(--aug-_Sin72cos18) * (var(--aug-tl) - var(--aug-_W))) calc(var(--aug-tl) - var(--aug-_Sin18cos72) * (var(--aug-tl) - var(--aug-_W))),
calc(var(--aug-tl) - var(--aug-_Sin54cos36) * (var(--aug-tl) - var(--aug-_W))) calc(var(--aug-tl) - var(--aug-_Sin36cos54) * (var(--aug-tl) - var(--aug-_W))),
calc(var(--aug-tl) - var(--aug-_Sin36cos54) * (var(--aug-tl) - var(--aug-_W))) calc(var(--aug-tl) - var(--aug-_Sin54cos36) * (var(--aug-tl) - var(--aug-_W))),
calc(var(--aug-tl) - var(--aug-_Sin18cos72) * (var(--aug-tl) - var(--aug-_W))) calc(var(--aug-tl) - var(--aug-_Sin72cos18) * (var(--aug-tl) - var(--aug-_W))),
var(--aug-_TlInset1JoinRX) var(--aug-_TlInset1JoinRY);
--aug-_TlInset2JoinBX: var(--aug-_WD);
--aug-_TlInset2JoinBY: calc(var(--aug-tl) + var(--aug-_WD));
--aug-_TlInset2JoinRX: calc(var(--aug-tl) + var(--aug-_WD));
--aug-_TlInset2JoinRY: var(--aug-_WD);
--aug-_TlPathInset2: var(--aug-_TlInset2JoinBX) var(--aug-_TlInset2JoinBY),
calc(var(--aug-tl) - var(--aug-_Sin72cos18) * (var(--aug-tl) - var(--aug-_WD))) calc(var(--aug-tl) - var(--aug-_Sin18cos72) * (var(--aug-tl) - var(--aug-_WD))),
calc(var(--aug-tl) - var(--aug-_Sin54cos36) * (var(--aug-tl) - var(--aug-_WD))) calc(var(--aug-tl) - var(--aug-_Sin36cos54) * (var(--aug-tl) - var(--aug-_WD))),
calc(var(--aug-tl) - var(--aug-_Sin36cos54) * (var(--aug-tl) - var(--aug-_WD))) calc(var(--aug-tl) - var(--aug-_Sin54cos36) * (var(--aug-tl) - var(--aug-_WD))),
calc(var(--aug-tl) - var(--aug-_Sin18cos72) * (var(--aug-tl) - var(--aug-_WD))) calc(var(--aug-tl) - var(--aug-_Sin72cos18) * (var(--aug-tl) - var(--aug-_WD))),
var(--aug-_TlInset2JoinRX) var(--aug-_TlInset2JoinRY);
}
[augmented-ui~="tr-round"],
[augmented-ui~="tr-round"] > [augmented-ui~="tr-inherit"] {
--aug-tr: 15px; /* radius */
--aug-_Sin18cos72: 0.30901699437;
--aug-_Sin36cos54: 0.58778525229;
--aug-_Sin54cos36: 0.80901699437;
--aug-_Sin72cos18: 0.95105651629;
--aug-_TrJoinLX: calc(100% - var(--aug-tr));
--aug-_TrJoinLY: 0px;
--aug-_TrJoinBX: 100%;
--aug-_TrJoinBY: var(--aug-tr);
--aug-_TrPath: var(--aug-_TrJoinLX) var(--aug-_TrJoinLY),
calc(100% - var(--aug-tr) + var(--aug-_Sin18cos72) * var(--aug-tr)) calc(var(--aug-tr) - var(--aug-_Sin72cos18) * var(--aug-tr)),
calc(100% - var(--aug-tr) + var(--aug-_Sin36cos54) * var(--aug-tr)) calc(var(--aug-tr) - var(--aug-_Sin54cos36) * var(--aug-tr)),
calc(100% - var(--aug-tr) + var(--aug-_Sin54cos36) * var(--aug-tr)) calc(var(--aug-tr) - var(--aug-_Sin36cos54) * var(--aug-tr)),
calc(100% - var(--aug-tr) + var(--aug-_Sin72cos18) * var(--aug-tr)) calc(var(--aug-tr) - var(--aug-_Sin18cos72) * var(--aug-tr)),
var(--aug-_TrJoinBX) var(--aug-_TrJoinBY);
--aug-_TrInset1JoinLX: calc(100% - var(--aug-tr));
--aug-_TrInset1JoinLY: var(--aug-_W);
--aug-_TrInset1JoinBX: calc(100% - var(--aug-_W));
--aug-_TrInset1JoinBY: var(--aug-tr);
--aug-_TrPathInset1: var(--aug-_TrInset1JoinLX) var(--aug-_TrInset1JoinLY),
calc(100% - var(--aug-tr) + var(--aug-_Sin18cos72) * (var(--aug-tr) - var(--aug-_W))) calc(var(--aug-tr) - var(--aug-_Sin72cos18) * (var(--aug-tr) - var(--aug-_W))),
calc(100% - var(--aug-tr) + var(--aug-_Sin36cos54) * (var(--aug-tr) - var(--aug-_W))) calc(var(--aug-tr) - var(--aug-_Sin54cos36) * (var(--aug-tr) - var(--aug-_W))),
calc(100% - var(--aug-tr) + var(--aug-_Sin54cos36) * (var(--aug-tr) - var(--aug-_W))) calc(var(--aug-tr) - var(--aug-_Sin36cos54) * (var(--aug-tr) - var(--aug-_W))),
calc(100% - var(--aug-tr) + var(--aug-_Sin72cos18) * (var(--aug-tr) - var(--aug-_W))) calc(var(--aug-tr) - var(--aug-_Sin18cos72) * (var(--aug-tr) - var(--aug-_W))),
var(--aug-_TrInset1JoinBX) var(--aug-_TrInset1JoinBY);
--aug-_TrInset2JoinLX: calc(100% - (var(--aug-tr) + var(--aug-_WD)));
--aug-_TrInset2JoinLY: var(--aug-_WD);
--aug-_TrInset2JoinBX: calc(100% - var(--aug-_WD));
--aug-_TrInset2JoinBY: calc(var(--aug-tr) + var(--aug-_WD));
--aug-_TrPathInset2: var(--aug-_TrInset2JoinLX) var(--aug-_TrInset2JoinLY),
calc(100% - var(--aug-tr) + var(--aug-_Sin18cos72) * (var(--aug-tr) - var(--aug-_WD))) calc(var(--aug-tr) - var(--aug-_Sin72cos18) * (var(--aug-tr) - var(--aug-_WD))),
calc(100% - var(--aug-tr) + var(--aug-_Sin36cos54) * (var(--aug-tr) - var(--aug-_WD))) calc(var(--aug-tr) - var(--aug-_Sin54cos36) * (var(--aug-tr) - var(--aug-_WD))),
calc(100% - var(--aug-tr) + var(--aug-_Sin54cos36) * (var(--aug-tr) - var(--aug-_WD))) calc(var(--aug-tr) - var(--aug-_Sin36cos54) * (var(--aug-tr) - var(--aug-_WD))),
calc(100% - var(--aug-tr) + var(--aug-_Sin72cos18) * (var(--aug-tr) - var(--aug-_WD))) calc(var(--aug-tr) - var(--aug-_Sin18cos72) * (var(--aug-tr) - var(--aug-_WD))),
var(--aug-_TrInset2JoinBX) var(--aug-_TrInset2JoinBY);
}
[augmented-ui~="br-round"],
[augmented-ui~="br-round"] > [augmented-ui~="br-inherit"] {
--aug-br: 15px; /* radius */
--aug-_Sin18cos72: 0.30901699437;
--aug-_Sin36cos54: 0.58778525229;
--aug-_Sin54cos36: 0.80901699437;
--aug-_Sin72cos18: 0.95105651629;
--aug-_BrJoinTX: 100%;
--aug-_BrJoinTY: calc(100% - var(--aug-br));
--aug-_BrJoinLX: calc(100% - var(--aug-br));
--aug-_BrJoinLY: 100%;
--aug-_BrPath: var(--aug-_BrJoinTX) var(--aug-_BrJoinTY),
calc(100% - var(--aug-br) + var(--aug-_Sin72cos18) * var(--aug-br)) calc(100% - var(--aug-br) + var(--aug-_Sin18cos72) * var(--aug-br)),
calc(100% - var(--aug-br) + var(--aug-_Sin54cos36) * var(--aug-br)) calc(100% - var(--aug-br) + var(--aug-_Sin36cos54) * var(--aug-br)),
calc(100% - var(--aug-br) + var(--aug-_Sin36cos54) * var(--aug-br)) calc(100% - var(--aug-br) + var(--aug-_Sin54cos36) * var(--aug-br)),
calc(100% - var(--aug-br) + var(--aug-_Sin18cos72) * var(--aug-br)) calc(100% - var(--aug-br) + var(--aug-_Sin72cos18) * var(--aug-br)),
var(--aug-_BrJoinLX) var(--aug-_BrJoinLY);
--aug-_BrInset1JoinTX: calc(100% - var(--aug-_W));
--aug-_BrInset1JoinTY: calc(100% - (var(--aug-br) + var(--aug-_W)));
--aug-_BrInset1JoinLX: calc(100% - (var(--aug-br) + var(--aug-_W)));
--aug-_BrInset1JoinLY: calc(100% - var(--aug-_W));
--aug-_BrPathInset1: var(--aug-_BrInset1JoinTX) var(--aug-_BrInset1JoinTY),
calc(100% - var(--aug-br) + var(--aug-_Sin72cos18) * (var(--aug-br) - var(--aug-_W))) calc(100% - var(--aug-br) + var(--aug-_Sin18cos72) * (var(--aug-br) - var(--aug-_W))),
calc(100% - var(--aug-br) + var(--aug-_Sin54cos36) * (var(--aug-br) - var(--aug-_W))) calc(100% - var(--aug-br) + var(--aug-_Sin36cos54) * (var(--aug-br) - var(--aug-_W))),
calc(100% - var(--aug-br) + var(--aug-_Sin36cos54) * (var(--aug-br) - var(--aug-_W))) calc(100% - var(--aug-br) + var(--aug-_Sin54cos36) * (var(--aug-br) - var(--aug-_W))),
calc(100% - var(--aug-br) + var(--aug-_Sin18cos72) * (var(--aug-br) - var(--aug-_W))) calc(100% - var(--aug-br) + var(--aug-_Sin72cos18) * (var(--aug-br) - var(--aug-_W))),
var(--aug-_BrInset1JoinLX) var(--aug-_BrInset1JoinLY);
--aug-_BrInset2JoinTX: calc(100% - var(--aug-_WD));
--aug-_BrInset2JoinTY: calc(100% - (var(--aug-br) + var(--aug-_WD)));
--aug-_BrInset2JoinLX: calc(100% - (var(--aug-br) + var(--aug-_WD)));
--aug-_BrInset2JoinLY: calc(100% - var(--aug-_WD));
--aug-_BrPathInset2: var(--aug-_BrInset2JoinTX) var(--aug-_BrInset2JoinTY),
calc(100% - var(--aug-br) + var(--aug-_Sin72cos18) * (var(--aug-br) - var(--aug-_WD))) calc(100% - var(--aug-br) + var(--aug-_Sin18cos72) * (var(--aug-br) - var(--aug-_WD))),
calc(100% - var(--aug-br) + var(--aug-_Sin54cos36) * (var(--aug-br) - var(--aug-_WD))) calc(100% - var(--aug-br) + var(--aug-_Sin36cos54) * (var(--aug-br) - var(--aug-_WD))),
calc(100% - var(--aug-br) + var(--aug-_Sin36cos54) * (var(--aug-br) - var(--aug-_WD))) calc(100% - var(--aug-br) + var(--aug-_Sin54cos36) * (var(--aug-br) - var(--aug-_WD))),
calc(100% - var(--aug-br) + var(--aug-_Sin18cos72) * (var(--aug-br) - var(--aug-_WD))) calc(100% - var(--aug-br) + var(--aug-_Sin72cos18) * (var(--aug-br) - var(--aug-_WD))),
var(--aug-_BrInset2JoinLX) var(--aug-_BrInset2JoinLY);
}
[augmented-ui~="bl-round"],
[augmented-ui~="bl-round"] > [augmented-ui~="bl-inherit"] {
--aug-bl: 15px; /* radius */
--aug-_Sin18cos72: 0.30901699437;
--aug-_Sin36cos54: 0.58778525229;
--aug-_Sin54cos36: 0.80901699437;
--aug-_Sin72cos18: 0.95105651629;
--aug-_BlJoinRX: var(--aug-bl);
--aug-_BlJoinRY: 100%;
--aug-_BlJoinTX: 0px;
--aug-_BlJoinTY: calc(100% - var(--aug-bl));
--aug-_BlPath: var(--aug-_BlJoinRX) var(--aug-_BlJoinRY),
calc(var(--aug-bl) - var(--aug-_Sin18cos72) * var(--aug-bl)) calc(100% - var(--aug-bl) + var(--aug-_Sin72cos18) * var(--aug-bl)),
calc(var(--aug-bl) - var(--aug-_Sin36cos54) * var(--aug-bl)) calc(100% - var(--aug-bl) + var(--aug-_Sin54cos36) * var(--aug-bl)),
calc(var(--aug-bl) - var(--aug-_Sin54cos36) * var(--aug-bl)) calc(100% - var(--aug-bl) + var(--aug-_Sin36cos54) * var(--aug-bl)),
calc(var(--aug-bl) - var(--aug-_Sin72cos18) * var(--aug-bl)) calc(100% - var(--aug-bl) + var(--aug-_Sin18cos72) * var(--aug-bl)),
var(--aug-_BlJoinTX) var(--aug-_BlJoinTY);
--aug-_BlInset1JoinRX: calc(var(--aug-bl) + var(--aug-_W));
--aug-_BlInset1JoinRY: calc(100% - var(--aug-_W));
--aug-_BlInset1JoinTX: var(--aug-_W);
--aug-_BlInset1JoinTY: calc(100% - (var(--aug-bl) + var(--aug-_W)));
--aug-_BlPathInset1: var(--aug-_BlInset1JoinRX) var(--aug-_BlInset1JoinRY),
calc(var(--aug-bl) - var(--aug-_Sin18cos72) * (var(--aug-bl) - var(--aug-_W))) calc(100% - var(--aug-bl) + var(--aug-_Sin72cos18) * (var(--aug-bl) - var(--aug-_W))),
calc(var(--aug-bl) - var(--aug-_Sin36cos54) * (var(--aug-bl) - var(--aug-_W))) calc(100% - var(--aug-bl) + var(--aug-_Sin54cos36) * (var(--aug-bl) - var(--aug-_W))),
calc(var(--aug-bl) - var(--aug-_Sin54cos36) * (var(--aug-bl) - var(--aug-_W))) calc(100% - var(--aug-bl) + var(--aug-_Sin36cos54) * (var(--aug-bl) - var(--aug-_W))),
calc(var(--aug-bl) - var(--aug-_Sin72cos18) * (var(--aug-bl) - var(--aug-_W))) calc(100% - var(--aug-bl) + var(--aug-_Sin18cos72) * (var(--aug-bl) - var(--aug-_W))),
var(--aug-_BlInset1JoinTX) var(--aug-_BlInset1JoinTY);
--aug-_BlInset2JoinRX: calc(var(--aug-bl) + var(--aug-_WD));
--aug-_BlInset2JoinRY: calc(100% - var(--aug-_WD));
--aug-_BlInset2JoinTX: var(--aug-_WD);
--aug-_BlInset2JoinTY: calc(100% - (var(--aug-bl) + var(--aug-_WD)));
--aug-_BlPathInset2: var(--aug-_BlInset2JoinRX) var(--aug-_BlInset2JoinRY),
calc(var(--aug-bl) - var(--aug-_Sin18cos72) * (var(--aug-bl) - var(--aug-_WD))) calc(100% - var(--aug-bl) + var(--aug-_Sin72cos18) * (var(--aug-bl) - var(--aug-_WD))),
calc(var(--aug-bl) - var(--aug-_Sin36cos54) * (var(--aug-bl) - var(--aug-_WD))) calc(100% - var(--aug-bl) + var(--aug-_Sin54cos36) * (var(--aug-bl) - var(--aug-_WD))),
calc(var(--aug-bl) - var(--aug-_Sin54cos36) * (var(--aug-bl) - var(--aug-_WD))) calc(100% - var(--aug-bl) + var(--aug-_Sin36cos54) * (var(--aug-bl) - var(--aug-_WD))),
calc(var(--aug-bl) - var(--aug-_Sin72cos18) * (var(--aug-bl) - var(--aug-_WD))) calc(100% - var(--aug-bl) + var(--aug-_Sin18cos72) * (var(--aug-bl) - var(--aug-_WD))),
var(--aug-_BlInset2JoinTX) var(--aug-_BlInset2JoinTY);
}
[augmented-ui~="tl-rect"],
[augmented-ui~="tl-rect"] > [augmented-ui~="tl-inherit"] {
--aug-tl: 15px; /* size */
--aug-_TlWidth: var(--aug-tl-width, var(--aug-tl));
--aug-_TlHeight: var(--aug-tl-height, var(--aug-tl));
--aug-_TlJoinBX: 0px;
--aug-_TlJoinBY: var(--aug-_TlHeight);
--aug-_TlJoinRX: var(--aug-_TlWidth);
--aug-_TlJoinRY: 0px;
--aug-_TlPath: var(--aug-_TlJoinBX) var(--aug-_TlJoinBY),
var(--aug-_TlWidth) var(--aug-_TlHeight),
var(--aug-_TlJoinRX) var(--aug-_TlJoinRY);
--aug-_TlInset1JoinBX: var(--aug-_W);
--aug-_TlInset1JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_W));
--aug-_TlInset1JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_W));
--aug-_TlInset1JoinRY: var(--aug-_W);
--aug-_TlPathInset1: var(--aug-_TlInset1JoinBX) var(--aug-_TlInset1JoinBY),
calc(var(--aug-_W) + var(--aug-_TlWidth)) calc(var(--aug-_TlHeight) + var(--aug-_W)),
var(--aug-_TlInset1JoinRX) var(--aug-_TlInset1JoinRY);
--aug-_TlInset2JoinBX: var(--aug-_WD);
--aug-_TlInset2JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_WD));
--aug-_TlInset2JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_WD));
--aug-_TlInset2JoinRY: var(--aug-_WD);
--aug-_TlPathInset2: var(--aug-_TlInset2JoinBX) var(--aug-_TlInset2JoinBY),
calc(var(--aug-_WD) + var(--aug-_TlWidth)) calc(var(--aug-_TlHeight) + var(--aug-_WD)),
var(--aug-_TlInset2JoinRX) var(--aug-_TlInset2JoinRY);
}
[augmented-ui~="tr-rect"],
[augmented-ui~="tr-rect"] > [augmented-ui~="tr-inherit"] {
--aug-tr: 15px; /* size */
--aug-_TrWidth: var(--aug-tr-width, var(--aug-tr));
--aug-_TrHeight: var(--aug-tr-height, var(--aug-tr));
--aug-_TrJoinLX: calc(100% - var(--aug-_TrWidth));
--aug-_TrJoinLY: 0px;
--aug-_TrJoinBX: 100%;
--aug-_TrJoinBY: var(--aug-_TrHeight);
--aug-_TrPath: var(--aug-_TrJoinLX) var(--aug-_TrJoinLY),
calc(100% - var(--aug-_TrWidth)) var(--aug-_TrHeight),
var(--aug-_TrJoinBX) var(--aug-_TrJoinBY);
--aug-_TrInset1JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_W)));
--aug-_TrInset1JoinLY: var(--aug-_W);
--aug-_TrInset1JoinBX: calc(100% - var(--aug-_W));
--aug-_TrInset1JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_W));
--aug-_TrPathInset1: var(--aug-_TrInset1JoinLX) var(--aug-_TrInset1JoinLY),
calc(100% - var(--aug-_W) - var(--aug-_TrWidth)) calc(var(--aug-_TrHeight) + var(--aug-_W)),
var(--aug-_TrInset1JoinBX) var(--aug-_TrInset1JoinBY);
--aug-_TrInset2JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_WD)));
--aug-_TrInset2JoinLY: var(--aug-_WD);
--aug-_TrInset2JoinBX: calc(100% - var(--aug-_WD));
--aug-_TrInset2JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_WD));
--aug-_TrPathInset2: var(--aug-_TrInset2JoinLX) var(--aug-_TrInset2JoinLY),
calc(100% - var(--aug-_WD) - var(--aug-_TrWidth)) calc(var(--aug-_TrHeight) + var(--aug-_WD)),
var(--aug-_TrInset2JoinBX) var(--aug-_TrInset2JoinBY);
}
[augmented-ui~="br-rect"],
[augmented-ui~="br-rect"] > [augmented-ui~="br-inherit"] {
--aug-br: 15px; /* size */
--aug-_BrWidth: var(--aug-br-width, var(--aug-br));
--aug-_BrHeight: var(--aug-br-height, var(--aug-br));
--aug-_BrJoinTX: 100%;
--aug-_BrJoinTY: calc(100% - var(--aug-_BrHeight));
--aug-_BrJoinLX: calc(100% - var(--aug-_BrWidth));
--aug-_BrJoinLY: 100%;
--aug-_BrPath: var(--aug-_BrJoinTX) var(--aug-_BrJoinTY),
calc(100% - var(--aug-_BrWidth)) calc(100% - var(--aug-_BrHeight)),
var(--aug-_BrJoinLX) var(--aug-_BrJoinLY);
--aug-_BrInset1JoinTX: calc(100% - var(--aug-_W));
--aug-_BrInset1JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_W)));
--aug-_BrInset1JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_W)));
--aug-_BrInset1JoinLY: calc(100% - var(--aug-_W));
--aug-_BrPathInset1: var(--aug-_BrInset1JoinTX) var(--aug-_BrInset1JoinTY),
calc(100% - var(--aug-_W) - var(--aug-_BrWidth)) calc(100% - (var(--aug-_BrHeight) + var(--aug-_W))),
var(--aug-_BrInset1JoinLX) var(--aug-_BrInset1JoinLY);
--aug-_BrInset2JoinTX: calc(100% - var(--aug-_WD));
--aug-_BrInset2JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_WD)));
--aug-_BrInset2JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_WD)));
--aug-_BrInset2JoinLY: calc(100% - var(--aug-_WD));
--aug-_BrPathInset2: var(--aug-_BrInset2JoinTX) var(--aug-_BrInset2JoinTY),
calc(100% - var(--aug-_WD) - var(--aug-_BrWidth)) calc(100% - (var(--aug-_BrHeight) + var(--aug-_WD))),
var(--aug-_BrInset2JoinLX) var(--aug-_BrInset2JoinLY);
}
[augmented-ui~="bl-rect"],
[augmented-ui~="bl-rect"] > [augmented-ui~="bl-inherit"] {
--aug-bl: 15px; /* size */
--aug-_BlWidth: var(--aug-bl-width, var(--aug-bl));
--aug-_BlHeight: var(--aug-bl-height, var(--aug-bl));
--aug-_BlJoinRX: var(--aug-_BlWidth);
--aug-_BlJoinRY: 100%;
--aug-_BlJoinTX: 0px;
--aug-_BlJoinTY: calc(100% - var(--aug-_BlHeight));
--aug-_BlPath: var(--aug-_BlJoinRX) var(--aug-_BlJoinRY),
var(--aug-_BlWidth) calc(100% - var(--aug-_BlHeight)),
var(--aug-_BlJoinTX) var(--aug-_BlJoinTY);
--aug-_BlInset1JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_W));
--aug-_BlInset1JoinRY: calc(100% - var(--aug-_W));
--aug-_BlInset1JoinTX: var(--aug-_W);
--aug-_BlInset1JoinTY: calc(100% - (var(--aug-_BlHeight) + var(--aug-_W)));
--aug-_BlPathInset1: var(--aug-_BlInset1JoinRX) var(--aug-_BlInset1JoinRY),
calc(var(--aug-_BlWidth) + var(--aug-_W)) calc(100% - (var(--aug-_BlHeight) + var(--aug-_W))),
var(--aug-_BlInset1JoinTX) var(--aug-_BlInset1JoinTY);
--aug-_BlInset2JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_WD));
--aug-_BlInset2JoinRY: calc(100% - var(--aug-_WD));
--aug-_BlInset2JoinTX: var(--aug-_WD);
--aug-_BlInset2JoinTY: calc(100% - (var(--aug-_BlHeight) + var(--aug-_WD)));
--aug-_BlPathInset2: var(--aug-_BlInset2JoinRX) var(--aug-_BlInset2JoinRY),
calc(var(--aug-_BlWidth) + var(--aug-_WD)) calc(100% - (var(--aug-_BlHeight) + var(--aug-_WD))),
var(--aug-_BlInset2JoinTX) var(--aug-_BlInset2JoinTY);
}
[augmented-ui~="t-rect"],
[augmented-ui~="t-rect"] > [augmented-ui~="t-inherit"] {
--aug-t: 15px; /* size */
--aug-_TWidth: var(--aug-t-width, calc(var(--aug-t) * 2));
--aug-_THeight: var(--aug-t-height, var(--aug-t));
--aug-_TOriginX: calc(var(--aug-t-origin-x, calc(var(--aug-_TlJoinRX, 0px) / 2 + var(--aug-_TrJoinLX, 100%) / 2)) + var(--aug-t-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_TPath: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2) 0px,
calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2) var(--aug-_THeight),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2) var(--aug-_THeight),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2) 0px;
--aug-_TPathInset1: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_W)) var(--aug-_W),
calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_W)) calc(var(--aug-_THeight) + var(--aug-_W)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_W)) calc(var(--aug-_THeight) + var(--aug-_W)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_W)) var(--aug-_W);
--aug-_TPathInset2: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_WD)) var(--aug-_WD),
calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_WD)) calc(var(--aug-_THeight) + var(--aug-_WD)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_WD)) calc(var(--aug-_THeight) + var(--aug-_WD)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_WD)) var(--aug-_WD);
}
[augmented-ui~="r-rect"],
[augmented-ui~="r-rect"] > [augmented-ui~="r-inherit"] {
--aug-r: 15px; /* size */
--aug-_RWidth: var(--aug-r-width, var(--aug-r));
--aug-_RHeight: var(--aug-r-height, calc(var(--aug-r) * 2));
--aug-_ROriginY: calc(var(--aug-r-origin-y, calc(var(--aug-_TrJoinBY, 0px) / 2 + var(--aug-_BrJoinTY, 100%) / 2)) + var(--aug-r-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_RPath: , 100% calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2),
calc(100% - var(--aug-_RWidth)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2),
calc(100% - var(--aug-_RWidth)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2),
100% calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2);
--aug-_RPathInset1: , calc(100% - var(--aug-_W)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_W)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_W))) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_W)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_W))) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_W)),
calc(100% - var(--aug-_W)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_W));
--aug-_RPathInset2: , calc(100% - var(--aug-_WD)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_WD)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_WD))) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_WD)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_WD))) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_WD)),
calc(100% - var(--aug-_WD)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_WD));
}
[augmented-ui~="b-rect"],
[augmented-ui~="b-rect"] > [augmented-ui~="b-inherit"] {
--aug-b: 15px; /* size */
--aug-_BWidth: var(--aug-b-width, calc(var(--aug-b) * 2));
--aug-_BHeight: var(--aug-b-height, var(--aug-b));
--aug-_BOriginX: calc(var(--aug-b-origin-x, calc(var(--aug-_BlJoinRX, 0px) / 2 + var(--aug-_BrJoinLX, 100%) / 2)) + var(--aug-b-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_BPath: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2) 100%,
calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2) calc(100% - var(--aug-_BHeight)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2) calc(100% - var(--aug-_BHeight)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2) 100%;
--aug-_BPathInset1: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_W)) calc(100% - var(--aug-_W)),
calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_W)) calc(100% - var(--aug-_BHeight) - var(--aug-_W)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_W)) calc(100% - var(--aug-_BHeight) - var(--aug-_W)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_W)) calc(100% - var(--aug-_W));
--aug-_BPathInset2: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_WD)) calc(100% - var(--aug-_WD)),
calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_WD)) calc(100% - var(--aug-_BHeight) - var(--aug-_WD)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_WD)) calc(100% - var(--aug-_BHeight) - var(--aug-_WD)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_WD)) calc(100% - var(--aug-_WD));
}
[augmented-ui~="l-rect"],
[augmented-ui~="l-rect"] > [augmented-ui~="l-inherit"] {
--aug-l: 15px; /* size */
--aug-_LWidth: var(--aug-l-width, var(--aug-l));
--aug-_LHeight: var(--aug-l-height, calc(var(--aug-l) * 2));
--aug-_LOriginY: calc(var(--aug-l-origin-y, calc(var(--aug-_TlJoinBY, 0px) / 2 + var(--aug-_BlJoinTY, 100%) / 2)) + var(--aug-l-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_LPath: , 0px calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2),
var(--aug-_LWidth) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2),
var(--aug-_LWidth) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2),
0px calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2);
--aug-_LPathInset1: , var(--aug-_W) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_W)),
calc(var(--aug-_LWidth) + var(--aug-_W)) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_W)),
calc(var(--aug-_LWidth) + var(--aug-_W)) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_W)),
var(--aug-_W) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_W));
--aug-_LPathInset2: , var(--aug-_WD) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_WD)),
calc(var(--aug-_LWidth) + var(--aug-_WD)) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_WD)),
calc(var(--aug-_LWidth) + var(--aug-_WD)) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_WD)),
var(--aug-_WD) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_WD));
}
[augmented-ui~="tl-clip-x"],
[augmented-ui~="tl-clip-x"] > [augmented-ui~="tl-inherit"] {
--aug-tl: 15px;
--aug-_TlHeight: var(--aug-tl-height, var(--aug-tl));
--aug-_TlNotch: var(--aug-_TlHeight); /* how much of width is the notch */
--aug-_TlWidth: var(--aug-tl-width, calc(var(--aug-tl) + var(--aug-_TlNotch)));
--aug-_TlJoinBX: 0px;
--aug-_TlJoinBY: var(--aug-_TlHeight);
--aug-_TlJoinRX: var(--aug-_TlWidth);
--aug-_TlJoinRY: 0px;
--aug-_TlPath: var(--aug-_TlJoinBX) var(--aug-_TlJoinBY),
calc(var(--aug-_TlWidth) - var(--aug-_TlNotch)) var(--aug-_TlHeight),
var(--aug-_TlJoinRX) var(--aug-_TlJoinRY);
--aug-_TlInset1JoinBX: var(--aug-_W);
--aug-_TlInset1JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_W));
--aug-_TlInset1JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_W) / 2);
--aug-_TlInset1JoinRY: var(--aug-_W);
--aug-_TlPathInset1: var(--aug-_TlInset1JoinBX) var(--aug-_TlInset1JoinBY),
calc(var(--aug-_W) / 2 + var(--aug-_TlWidth) - var(--aug-_TlNotch)) calc(var(--aug-_TlHeight) + var(--aug-_W)),
var(--aug-_TlInset1JoinRX) var(--aug-_TlInset1JoinRY);
--aug-_TlInset2JoinBX: var(--aug-_WD);
--aug-_TlInset2JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_WD));
--aug-_TlInset2JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_WD) / 2);
--aug-_TlInset2JoinRY: var(--aug-_WD);
--aug-_TlPathInset2: var(--aug-_TlInset2JoinBX) var(--aug-_TlInset2JoinBY),
calc(var(--aug-_WD) / 2 + var(--aug-_TlWidth) - var(--aug-_TlNotch)) calc(var(--aug-_TlHeight) + var(--aug-_WD)),
var(--aug-_TlInset2JoinRX) var(--aug-_TlInset2JoinRY);
}
[augmented-ui~="tr-clip-x"],
[augmented-ui~="tr-clip-x"] > [augmented-ui~="tr-inherit"] {
--aug-tr: 15px;
--aug-_TrHeight: var(--aug-tr-height, var(--aug-tr));
--aug-_TrNotch: var(--aug-_TrHeight); /* how much of width is the notch */
--aug-_TrWidth: var(--aug-tr-width, calc(var(--aug-tr) + var(--aug-_TrNotch)));
--aug-_TrJoinLX: calc(100% - var(--aug-_TrWidth));
--aug-_TrJoinLY: 0px;
--aug-_TrJoinBX: 100%;
--aug-_TrJoinBY: var(--aug-_TrHeight);
--aug-_TrPath: var(--aug-_TrJoinLX) var(--aug-_TrJoinLY),
calc(100% - var(--aug-_TrWidth) + var(--aug-_TrNotch)) var(--aug-_TrHeight),
var(--aug-_TrJoinBX) var(--aug-_TrJoinBY);
--aug-_TrInset1JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_W) / 2));
--aug-_TrInset1JoinLY: var(--aug-_W);
--aug-_TrInset1JoinBX: calc(100% - var(--aug-_W));
--aug-_TrInset1JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_W));
--aug-_TrPathInset1: var(--aug-_TrInset1JoinLX) var(--aug-_TrInset1JoinLY),
calc(100% - var(--aug-_W) / 2 - var(--aug-_TrWidth) + var(--aug-_TrNotch)) calc(var(--aug-_TrHeight) + var(--aug-_W)),
var(--aug-_TrInset1JoinBX) var(--aug-_TrInset1JoinBY);
--aug-_TrInset2JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_WD) / 2));
--aug-_TrInset2JoinLY: var(--aug-_WD);
--aug-_TrInset2JoinBX: calc(100% - var(--aug-_WD));
--aug-_TrInset2JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_WD));
--aug-_TrPathInset2: var(--aug-_TrInset2JoinLX) var(--aug-_TrInset2JoinLY),
calc(100% - var(--aug-_WD) / 2 - var(--aug-_TrWidth) + var(--aug-_TrNotch)) calc(var(--aug-_TrHeight) + var(--aug-_WD)),
var(--aug-_TrInset2JoinBX) var(--aug-_TrInset2JoinBY);
}
[augmented-ui~="br-clip-x"],
[augmented-ui~="br-clip-x"] > [augmented-ui~="br-inherit"] {
--aug-br: 15px; /* size */
--aug-_BrHeight: var(--aug-br-height, var(--aug-br));
--aug-_BrNotch: var(--aug-_BrHeight); /* how much of width is the notch */
--aug-_BrWidth: var(--aug-br-width, calc(var(--aug-br) + var(--aug-_BrNotch)));
--aug-_BrJoinTX: 100%;
--aug-_BrJoinTY: calc(100% - var(--aug-_BrHeight));
--aug-_BrJoinLX: calc(100% - var(--aug-_BrWidth));
--aug-_BrJoinLY: 100%;
--aug-_BrPath: var(--aug-_BrJoinTX) var(--aug-_BrJoinTY),
calc(100% - var(--aug-_BrWidth) + var(--aug-_BrNotch)) calc(100% - var(--aug-_BrHeight)),
var(--aug-_BrJoinLX) var(--aug-_BrJoinLY);
--aug-_BrInset1JoinTX: calc(100% - var(--aug-_W));
--aug-_BrInset1JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_W)));
--aug-_BrInset1JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_W) / 2));
--aug-_BrInset1JoinLY: calc(100% - var(--aug-_W));
--aug-_BrPathInset1: var(--aug-_BrInset1JoinTX) var(--aug-_BrInset1JoinTY),
calc(100% - var(--aug-_W) / 2 - var(--aug-_BrWidth) + var(--aug-_BrNotch)) calc(100% - (var(--aug-_BrHeight) + var(--aug-_W))),
var(--aug-_BrInset1JoinLX) var(--aug-_BrInset1JoinLY);
--aug-_BrInset2JoinTX: calc(100% - var(--aug-_WD));
--aug-_BrInset2JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_WD)));
--aug-_BrInset2JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_WD) / 2));
--aug-_BrInset2JoinLY: calc(100% - var(--aug-_WD));
--aug-_BrPathInset2: var(--aug-_BrInset2JoinTX) var(--aug-_BrInset2JoinTY),
calc(100% - var(--aug-_WD) / 2 - var(--aug-_BrWidth) + var(--aug-_BrNotch)) calc(100% - (var(--aug-_BrHeight) + var(--aug-_WD))),
var(--aug-_BrInset2JoinLX) var(--aug-_BrInset2JoinLY);
}
[augmented-ui~="bl-clip-x"],
[augmented-ui~="bl-clip-x"] > [augmented-ui~="bl-inherit"] {
--aug-bl: 15px; /* size */
--aug-_BlHeight: var(--aug-bl-height, var(--aug-bl));
--aug-_BlNotch: var(--aug-_BlHeight); /* how much of width is the notch */
--aug-_BlWidth: var(--aug-bl-width, calc(var(--aug-bl) + var(--aug-_BlNotch)));
--aug-_BlJoinRX: var(--aug-_BlWidth);
--aug-_BlJoinRY: 100%;
--aug-_BlJoinTX: 0px;
--aug-_BlJoinTY: calc(100% - var(--aug-_BlHeight));
--aug-_BlPath: var(--aug-_BlJoinRX) var(--aug-_BlJoinRY),
calc(var(--aug-_BlWidth) - var(--aug-_BlNotch)) calc(100% - var(--aug-_BlHeight)),
var(--aug-_BlJoinTX) var(--aug-_BlJoinTY);
--aug-_BlInset1JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_W) / 2);
--aug-_BlInset1JoinRY: calc(100% - var(--aug-_W));
--aug-_BlInset1JoinTX: var(--aug-_W);
--aug-_BlInset1JoinTY: calc(100% - (var(--aug-_BlHeight) + var(--aug-_W)));
--aug-_BlPathInset1: var(--aug-_BlInset1JoinRX) var(--aug-_BlInset1JoinRY),
calc(var(--aug-_BlWidth) + var(--aug-_W) / 2 - var(--aug-_BlNotch)) calc(100% - (var(--aug-_BlHeight) + var(--aug-_W))),
var(--aug-_BlInset1JoinTX) var(--aug-_BlInset1JoinTY);
--aug-_BlInset2JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_WD) / 2);
--aug-_BlInset2JoinRY: calc(100% - var(--aug-_WD));
--aug-_BlInset2JoinTX: var(--aug-_WD);
--aug-_BlInset2JoinTY: calc(100% - (var(--aug-_BlHeight) + var(--aug-_WD)));
--aug-_BlPathInset2: var(--aug-_BlInset2JoinRX) var(--aug-_BlInset2JoinRY),
calc(var(--aug-_BlWidth) + var(--aug-_WD) / 2 - var(--aug-_BlNotch)) calc(100% - (var(--aug-_BlHeight) + var(--aug-_WD))),
var(--aug-_BlInset2JoinTX) var(--aug-_BlInset2JoinTY);
}
[augmented-ui~="t-clip-x"],
[augmented-ui~="t-clip-x"] > [augmented-ui~="t-inherit"] {
--aug-t: 15px; /* size */
--aug-_THeight: var(--aug-t-height, var(--aug-t));
--aug-_TNotch: var(--aug-_THeight); /* how much of half the width is the notch */
--aug-_TWidth: var(--aug-t-width, calc(var(--aug-t) * 2 + var(--aug-_TNotch) * 2));
--aug-_TOriginX: calc(var(--aug-t-origin-x, calc(var(--aug-_TlJoinRX, 0px) / 2 + var(--aug-_TrJoinLX, 100%) / 2)) + var(--aug-t-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_TPath: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2) 0px,
calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 + var(--aug-_TNotch)) var(--aug-_THeight),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 - var(--aug-_TNotch)) var(--aug-_THeight),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2) 0px;
--aug-_TPathInset1: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_W) / 2) var(--aug-_W),
calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_W) / 2 + var(--aug-_TNotch)) calc(var(--aug-_THeight) + var(--aug-_W)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_W) / 2 - var(--aug-_TNotch)) calc(var(--aug-_THeight) + var(--aug-_W)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_W) / 2) var(--aug-_W);
--aug-_TPathInset2: , calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_WD) / 2) var(--aug-_WD),
calc(var(--aug-_TOriginX) - var(--aug-_TWidth) / 2 - var(--aug-_WD) / 2 + var(--aug-_TNotch)) calc(var(--aug-_THeight) + var(--aug-_WD)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_WD) / 2 - var(--aug-_TNotch)) calc(var(--aug-_THeight) + var(--aug-_WD)),
calc(var(--aug-_TOriginX) + var(--aug-_TWidth) / 2 + var(--aug-_WD) / 2) var(--aug-_WD);
}
[augmented-ui~="r-clip-x"],
[augmented-ui~="r-clip-x"] > [augmented-ui~="r-inherit"] {
--aug-r: 15px; /* size */
--aug-_RHeight: var(--aug-r-height, calc(var(--aug-r) * 2));
--aug-_RNotch: calc(var(--aug-_RHeight) / 2); /* how much of width is the notch */
--aug-_RWidth: var(--aug-r-width, calc(var(--aug-r) + var(--aug-_RNotch)));
--aug-_ROriginY: calc(var(--aug-r-origin-y, calc(var(--aug-_TrJoinBY, 0px) / 2 + var(--aug-_BrJoinTY, 100%) / 2)) + var(--aug-r-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_RPath: , 100% calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2),
calc(100% - var(--aug-_RWidth) + var(--aug-_RNotch)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2),
calc(100% - var(--aug-_RWidth)) var(--aug-_ROriginY),
calc(100% - var(--aug-_RWidth) + var(--aug-_RNotch)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2),
100% calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2);
--aug-_RPathInset1: , calc(100% - var(--aug-_W)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_W)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_W) / 2 - var(--aug-_RNotch))) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_W)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_W) * 1.5)) var(--aug-_ROriginY),
calc(100% - (var(--aug-_RWidth) + var(--aug-_W) / 2 - var(--aug-_RNotch))) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_W)),
calc(100% - var(--aug-_W)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_W));
--aug-_RPathInset2: , calc(100% - var(--aug-_WD)) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_WD)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_WD) / 2 - var(--aug-_RNotch))) calc(var(--aug-_ROriginY) - var(--aug-_RHeight) / 2 - var(--aug-_WD)),
calc(100% - (var(--aug-_RWidth) + var(--aug-_WD) * 1.5)) var(--aug-_ROriginY),
calc(100% - (var(--aug-_RWidth) + var(--aug-_WD) / 2 - var(--aug-_RNotch))) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_WD)),
calc(100% - var(--aug-_WD)) calc(var(--aug-_ROriginY) + var(--aug-_RHeight) / 2 + var(--aug-_WD));
}
[augmented-ui~="b-clip-x"],
[augmented-ui~="b-clip-x"] > [augmented-ui~="b-inherit"] {
--aug-b: 15px; /* size */
--aug-_BHeight: var(--aug-b-height, var(--aug-b));
--aug-_BNotch: var(--aug-_BHeight); /* how much of half the width is the notch */
--aug-_BWidth: var(--aug-b-width, calc(var(--aug-b) * 2 + var(--aug-_BNotch) * 2));
--aug-_BOriginX: calc(var(--aug-b-origin-x, calc(var(--aug-_BlJoinRX, 0px) / 2 + var(--aug-_BrJoinLX, 100%) / 2)) + var(--aug-b-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_BPath: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2) 100%,
calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 - var(--aug-_BNotch)) calc(100% - var(--aug-_BHeight)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 + var(--aug-_BNotch)) calc(100% - var(--aug-_BHeight)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2) 100%;
--aug-_BPathInset1: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_W) / 2) calc(100% - var(--aug-_W)),
calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_W) / 2 - var(--aug-_BNotch)) calc(100% - var(--aug-_BHeight) - var(--aug-_W)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_W) / 2 + var(--aug-_BNotch)) calc(100% - var(--aug-_BHeight) - var(--aug-_W)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_W) / 2) calc(100% - var(--aug-_W));
--aug-_BPathInset2: , calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_WD) / 2) calc(100% - var(--aug-_WD)),
calc(var(--aug-_BOriginX) + var(--aug-_BWidth) / 2 + var(--aug-_WD) / 2 - var(--aug-_BNotch)) calc(100% - var(--aug-_BHeight) - var(--aug-_WD)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_WD) / 2 + var(--aug-_BNotch)) calc(100% - var(--aug-_BHeight) - var(--aug-_WD)),
calc(var(--aug-_BOriginX) - var(--aug-_BWidth) / 2 - var(--aug-_WD) / 2) calc(100% - var(--aug-_WD));
}
[augmented-ui~="l-clip-x"],
[augmented-ui~="l-clip-x"] > [augmented-ui~="l-inherit"] {
--aug-l: 15px; /* size */
--aug-_LHeight: var(--aug-l-height, calc(var(--aug-l) * 2));
--aug-_LNotch: calc(var(--aug-_LHeight) / 2); /* how much of width is the notch */
--aug-_LWidth: var(--aug-l-width, calc(var(--aug-l) + var(--aug-_LNotch)));
--aug-_LOriginY: calc(var(--aug-l-origin-y, calc(var(--aug-_TlJoinBY, 0px) / 2 + var(--aug-_BlJoinTY, 100%) / 2)) + var(--aug-l-offset, 0px));
/* edge augs start with their comma path joiner - corners don't */
--aug-_LPath: , 0px calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2),
calc(var(--aug-_LWidth) - var(--aug-_LNotch)) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2),
calc(var(--aug-_LWidth)) var(--aug-_LOriginY),
calc(var(--aug-_LWidth) - var(--aug-_LNotch)) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2),
0px calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2);
--aug-_LPathInset1: , var(--aug-_W) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_W)),
calc(var(--aug-_LWidth) + var(--aug-_W) / 2 - var(--aug-_LNotch)) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_W)),
calc(var(--aug-_LWidth) + var(--aug-_W) * 1.5) var(--aug-_LOriginY),
calc(var(--aug-_LWidth) + var(--aug-_W) / 2 - var(--aug-_LNotch)) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_W)),
var(--aug-_W) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_W));
--aug-_LPathInset2: , var(--aug-_WD) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_WD)),
calc(var(--aug-_LWidth) + var(--aug-_WD) / 2 - var(--aug-_LNotch)) calc(var(--aug-_LOriginY) + var(--aug-_LHeight) / 2 + var(--aug-_WD)),
calc(var(--aug-_LWidth) + var(--aug-_WD) * 1.5) var(--aug-_LOriginY),
calc(var(--aug-_LWidth) + var(--aug-_WD) / 2 - var(--aug-_LNotch)) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_WD)),
var(--aug-_WD) calc(var(--aug-_LOriginY) - var(--aug-_LHeight) / 2 - var(--aug-_WD));
}
[augmented-ui~="tl-clip-y"],
[augmented-ui~="tl-clip-y"] > [augmented-ui~="tl-inherit"] {
--aug-tl: 15px; /* size */
--aug-_TlWidth: var(--aug-tl-width, var(--aug-tl));
--aug-_TlNotch: var(--aug-_TlWidth); /* how much of height is the notch */
--aug-_TlHeight: var(--aug-tl-height, calc(var(--aug-tl) + var(--aug-_TlNotch)));
--aug-_TlJoinBX: 0px;
--aug-_TlJoinBY: var(--aug-_TlHeight);
--aug-_TlJoinRX: var(--aug-_TlWidth);
--aug-_TlJoinRY: 0px;
--aug-_TlPath: var(--aug-_TlJoinBX) var(--aug-_TlJoinBY),
var(--aug-_TlWidth) calc(var(--aug-_TlHeight) - var(--aug-_TlNotch)),
var(--aug-_TlJoinRX) var(--aug-_TlJoinRY);
--aug-_TlInset1JoinBX: var(--aug-_W);
--aug-_TlInset1JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_W) / 2);
--aug-_TlInset1JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_W));
--aug-_TlInset1JoinRY: var(--aug-_W);
--aug-_TlPathInset1: var(--aug-_TlInset1JoinBX) var(--aug-_TlInset1JoinBY),
calc(var(--aug-_W) + var(--aug-_TlWidth)) calc(var(--aug-_TlHeight) + var(--aug-_W) / 2 - var(--aug-_TlNotch)),
var(--aug-_TlInset1JoinRX) var(--aug-_TlInset1JoinRY);
--aug-_TlInset2JoinBX: var(--aug-_WD);
--aug-_TlInset2JoinBY: calc(var(--aug-_TlHeight) + var(--aug-_WD) / 2);
--aug-_TlInset2JoinRX: calc(var(--aug-_TlWidth) + var(--aug-_WD));
--aug-_TlInset2JoinRY: var(--aug-_WD);
--aug-_TlPathInset2: var(--aug-_TlInset2JoinBX) var(--aug-_TlInset2JoinBY),
calc(var(--aug-_WD) + var(--aug-_TlWidth)) calc(var(--aug-_TlHeight) + var(--aug-_WD) / 2 - var(--aug-_TlNotch)),
var(--aug-_TlInset2JoinRX) var(--aug-_TlInset2JoinRY);
}
[augmented-ui~="tr-clip-y"],
[augmented-ui~="tr-clip-y"] > [augmented-ui~="tr-inherit"] {
--aug-tr: 15px; /* size */
--aug-_TrWidth: var(--aug-tr-width, var(--aug-tr));
--aug-_TrNotch: var(--aug-_TrWidth); /* how much of height is the notch */
--aug-_TrHeight: var(--aug-tr-height, calc(var(--aug-tr) + var(--aug-_TrNotch)));
--aug-_TrJoinLX: calc(100% - var(--aug-_TrWidth));
--aug-_TrJoinLY: 0px;
--aug-_TrJoinBX: 100%;
--aug-_TrJoinBY: var(--aug-_TrHeight);
--aug-_TrPath: var(--aug-_TrJoinLX) var(--aug-_TrJoinLY),
calc(100% - var(--aug-_TrWidth)) calc(var(--aug-_TrHeight) - var(--aug-_TrNotch)),
var(--aug-_TrJoinBX) var(--aug-_TrJoinBY);
--aug-_TrInset1JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_W)));
--aug-_TrInset1JoinLY: var(--aug-_W);
--aug-_TrInset1JoinBX: calc(100% - var(--aug-_W));
--aug-_TrInset1JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_W) / 2);
--aug-_TrPathInset1: var(--aug-_TrInset1JoinLX) var(--aug-_TrInset1JoinLY),
calc(100% - var(--aug-_W) - var(--aug-_TrWidth)) calc(var(--aug-_TrHeight) + var(--aug-_W) / 2 - var(--aug-_TrNotch)),
var(--aug-_TrInset1JoinBX) var(--aug-_TrInset1JoinBY);
--aug-_TrInset2JoinLX: calc(100% - (var(--aug-_TrWidth) + var(--aug-_WD)));
--aug-_TrInset2JoinLY: var(--aug-_WD);
--aug-_TrInset2JoinBX: calc(100% - var(--aug-_WD));
--aug-_TrInset2JoinBY: calc(var(--aug-_TrHeight) + var(--aug-_WD) / 2);
--aug-_TrPathInset2: var(--aug-_TrInset2JoinLX) var(--aug-_TrInset2JoinLY),
calc(100% - var(--aug-_WD) - var(--aug-_TrWidth)) calc(var(--aug-_TrHeight) + var(--aug-_WD) / 2 - var(--aug-_TrNotch)),
var(--aug-_TrInset2JoinBX) var(--aug-_TrInset2JoinBY);
}
[augmented-ui~="br-clip-y"],
[augmented-ui~="br-clip-y"] > [augmented-ui~="br-inherit"] {
--aug-br: 15px; /* size */
--aug-_BrWidth: var(--aug-br-width, var(--aug-br));
--aug-_BrNotch: var(--aug-_BrWidth); /* how much of height is the notch */
--aug-_BrHeight: var(--aug-br-height, calc(var(--aug-br) + var(--aug-_BrNotch)));
--aug-_BrJoinTX: 100%;
--aug-_BrJoinTY: calc(100% - var(--aug-_BrHeight));
--aug-_BrJoinLX: calc(100% - var(--aug-_BrWidth));
--aug-_BrJoinLY: 100%;
--aug-_BrPath: var(--aug-_BrJoinTX) var(--aug-_BrJoinTY),
calc(100% - var(--aug-_BrWidth)) calc(100% - var(--aug-_BrHeight) + var(--aug-_BrNotch)),
var(--aug-_BrJoinLX) var(--aug-_BrJoinLY);
--aug-_BrInset1JoinTX: calc(100% - var(--aug-_W));
--aug-_BrInset1JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_W) / 2));
--aug-_BrInset1JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_W)));
--aug-_BrInset1JoinLY: calc(100% - var(--aug-_W));
--aug-_BrPathInset1: var(--aug-_BrInset1JoinTX) var(--aug-_BrInset1JoinTY),
calc(100% - var(--aug-_W) - var(--aug-_BrWidth)) calc(100% - (var(--aug-_BrHeight) + var(--aug-_W) / 2) + var(--aug-_BrNotch)),
var(--aug-_BrInset1JoinLX) var(--aug-_BrInset1JoinLY);
--aug-_BrInset2JoinTX: calc(100% - var(--aug-_WD));
--aug-_BrInset2JoinTY: calc(100% - (var(--aug-_BrHeight) + var(--aug-_WD) / 2));
--aug-_BrInset2JoinLX: calc(100% - (var(--aug-_BrWidth) + var(--aug-_WD)));
--aug-_BrInset2JoinLY: calc(100% - var(--aug-_WD));
--aug-_BrPathInset2: var(--aug-_BrInset2JoinTX) var(--aug-_BrInset2JoinTY),
calc(100% - var(--aug-_WD) - var(--aug-_BrWidth)) calc(100% - (var(--aug-_BrHeight) + var(--aug-_WD) / 2) + var(--aug-_BrNotch)),
var(--aug-_BrInset2JoinLX) var(--aug-_BrInset2JoinLY);
}
[augmented-ui~="bl-clip-y"],
[augmented-ui~="bl-clip-y"] > [augmented-ui~="bl-inherit"] {
--aug-bl: 15px; /* size */
--aug-_BlWidth: var(--aug-bl-width, var(--aug-bl));
--aug-_BlNotch: var(--aug-_BlWidth); /* how much of height is the notch */
--aug-_BlHeight: var(--aug-bl-height, calc(var(--aug-bl) + var(--aug-_BlNotch)));
--aug-_BlJoinRX: var(--aug-_BlWidth);
--aug-_BlJoinRY: 100%;
--aug-_BlJoinTX: 0px;
--aug-_BlJoinTY: calc(100% - var(--aug-_BlHeight));
--aug-_BlPath: var(--aug-_BlJoinRX) var(--aug-_BlJoinRY),
var(--aug-_BlWidth) calc(100% - var(--aug-_BlHeight) + var(--aug-_BlNotch)),
var(--aug-_BlJoinTX) var(--aug-_BlJoinTY);
--aug-_BlInset1JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_W));
--aug-_BlInset1JoinRY: calc(100% - var(--aug-_W));
--aug-_BlInset1JoinTX: var(--aug-_W);
--aug-_BlInset1JoinTY: calc(100% - (var(--aug-_BlHeight) + var(--aug-_W) / 2));
--aug-_BlPathInset1: var(--aug-_BlInset1JoinRX) var(--aug-_BlInset1JoinRY),
calc(var(--aug-_BlWidth) + var(--aug-_W)) calc(100% - (var(--aug-_BlHeight) + var(--aug-_W) / 2) + var(--aug-_BlNotch)),
var(--aug-_BlInset1JoinTX) var(--aug-_BlInset1JoinTY);
--aug-_BlInset2JoinRX: calc(var(--aug-_BlWidth) + var(--aug-_WD));
--aug-_BlInset2JoinRY: calc(100% - var(--aug-_WD));