@keenmate/pure-admin-theme-dark 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/dark.css +787 -760
  2. package/package.json +1 -1
package/dist/dark.css CHANGED
@@ -25,7 +25,8 @@ p {
25
25
 
26
26
  ul, ol {
27
27
  margin: 0 0 1.6rem 0;
28
- padding: 0 0 0 3.2rem;
28
+ padding: 0;
29
+ padding-inline-start: 3.2rem;
29
30
  }
30
31
 
31
32
  ul li, ol li {
@@ -34,7 +35,7 @@ ul li, ol li {
34
35
 
35
36
  ul.unstyled, ol.unstyled {
36
37
  list-style: none;
37
- padding-left: 0;
38
+ padding-inline-start: 0;
38
39
  }
39
40
 
40
41
  ul.unstyled li, ol.unstyled li {
@@ -53,7 +54,7 @@ dd {
53
54
 
54
55
  blockquote {
55
56
  margin: 1.6rem 0 1.6rem 0;
56
- padding: 0 0 0 2.4rem;
57
+ padding-inline-start: 2.4rem;
57
58
  }
58
59
 
59
60
  pre {
@@ -156,8 +157,7 @@ label {
156
157
  .pa-navbar {
157
158
  position: fixed;
158
159
  top: 0;
159
- left: 0;
160
- right: 0;
160
+ inset-inline: 0;
161
161
  height: 4.8rem;
162
162
  background-color: var(--pa-header-bg);
163
163
  border-bottom: 1px solid var(--pa-header-border-color);
@@ -169,42 +169,32 @@ label {
169
169
 
170
170
  body.pa-container-sm .pa-navbar {
171
171
  max-width: 76.8rem;
172
- left: 0;
173
- right: 0;
174
- margin-left: auto;
175
- margin-right: auto;
172
+ inset-inline: 0;
173
+ margin-inline: auto;
176
174
  }
177
175
 
178
176
  body.pa-container-md .pa-navbar {
179
177
  max-width: 102.4rem;
180
- left: 0;
181
- right: 0;
182
- margin-left: auto;
183
- margin-right: auto;
178
+ inset-inline: 0;
179
+ margin-inline: auto;
184
180
  }
185
181
 
186
182
  body.pa-container-lg .pa-navbar {
187
183
  max-width: 128rem;
188
- left: 0;
189
- right: 0;
190
- margin-left: auto;
191
- margin-right: auto;
184
+ inset-inline: 0;
185
+ margin-inline: auto;
192
186
  }
193
187
 
194
188
  body.pa-container-xl .pa-navbar {
195
189
  max-width: 160rem;
196
- left: 0;
197
- right: 0;
198
- margin-left: auto;
199
- margin-right: auto;
190
+ inset-inline: 0;
191
+ margin-inline: auto;
200
192
  }
201
193
 
202
194
  body.pa-container-2xl .pa-navbar {
203
195
  max-width: 192rem;
204
- left: 0;
205
- right: 0;
206
- margin-left: auto;
207
- margin-right: auto;
196
+ inset-inline: 0;
197
+ margin-inline: auto;
208
198
  }
209
199
 
210
200
  .pa-navbar__inner {
@@ -401,7 +391,7 @@ body.pa-layout--sticky .pa-layout__inner {
401
391
 
402
392
  .pa-layout__sidebar {
403
393
  background-color: var(--pa-sidebar-bg);
404
- border-right: 1px solid var(--pa-border-color);
394
+ border-inline-end: 1px solid var(--pa-border-color);
405
395
  flex-shrink: 0;
406
396
  position: relative;
407
397
  }
@@ -409,7 +399,7 @@ body.pa-layout--sticky .pa-layout__inner {
409
399
  .pa-sidebar-resize {
410
400
  position: absolute;
411
401
  top: 0;
412
- right: 0;
402
+ inset-inline-end: 0;
413
403
  width: 6px;
414
404
  height: 100%;
415
405
  cursor: ew-resize;
@@ -420,7 +410,7 @@ body.pa-layout--sticky .pa-layout__inner {
420
410
  content: "";
421
411
  position: absolute;
422
412
  top: 0;
423
- left: 50%;
413
+ inset-inline-start: 50%;
424
414
  transform: translateX(-50%);
425
415
  width: 2px;
426
416
  height: 100%;
@@ -465,7 +455,7 @@ body.pa-layout--sticky .pa-layout__sidebar {
465
455
  color: var(--pa-sidebar-text-secondary);
466
456
  text-decoration: none;
467
457
  font-weight: 500;
468
- border-right: 3px solid transparent;
458
+ border-inline-end: 3px solid transparent;
469
459
  }
470
460
 
471
461
  body.loaded .pa-sidebar__link {
@@ -480,7 +470,7 @@ body.loaded .pa-sidebar__link {
480
470
  .pa-sidebar__link--active {
481
471
  color: var(--pa-sidebar-text);
482
472
  background-color: var(--pa-accent-hover);
483
- border-right-color: var(--pa-accent);
473
+ border-inline-end-color: var(--pa-accent);
484
474
  font-weight: 600;
485
475
  }
486
476
 
@@ -493,7 +483,7 @@ body.loaded .pa-sidebar__link {
493
483
  background: none;
494
484
  border: none;
495
485
  width: 100%;
496
- text-align: left;
486
+ text-align: start;
497
487
  font-weight: 500;
498
488
  cursor: pointer;
499
489
  }
@@ -549,9 +539,9 @@ body.loaded .pa-sidebar__label {
549
539
  }
550
540
 
551
541
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link {
552
- padding-left: 4rem;
542
+ padding-inline-start: 4rem;
553
543
  font-size: 1.5rem;
554
- border-right: 2px solid transparent;
544
+ border-inline-end: 2px solid transparent;
555
545
  }
556
546
 
557
547
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link:hover {
@@ -560,26 +550,26 @@ body.loaded .pa-sidebar__label {
560
550
 
561
551
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link--active {
562
552
  background-color: var(--pa-sidebar-submenu-active-bg);
563
- border-right-color: var(--pa-accent);
553
+ border-inline-end-color: var(--pa-accent);
564
554
  }
565
555
 
566
556
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
567
- padding-left: 4rem;
557
+ padding-inline-start: 4rem;
568
558
  font-size: 1.5rem;
569
559
  }
570
560
 
571
561
  .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link {
572
- padding-left: 5.2rem;
562
+ padding-inline-start: 5.2rem;
573
563
  font-size: 1.4rem;
574
- border-right: 1px solid transparent;
564
+ border-inline-end: 1px solid transparent;
575
565
  }
576
566
 
577
567
  .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link--active {
578
- border-right-color: var(--pa-accent);
568
+ border-inline-end-color: var(--pa-accent);
579
569
  }
580
570
 
581
571
  .pa-sidebar__chevron {
582
- margin-left: auto;
572
+ margin-inline-start: auto;
583
573
  font-size: 1.2rem;
584
574
  }
585
575
 
@@ -591,6 +581,10 @@ body.loaded .pa-sidebar__chevron {
591
581
  transform: rotate(90deg);
592
582
  }
593
583
 
584
+ [dir=rtl] .pa-sidebar__item--open .pa-sidebar__chevron {
585
+ transform: rotate(-90deg);
586
+ }
587
+
594
588
  /* ========================================
595
589
  Sidebar States
596
590
  Hidden, icon-collapse, and expanded states
@@ -599,7 +593,7 @@ body.loaded .pa-sidebar__chevron {
599
593
  width: 0;
600
594
  opacity: 0;
601
595
  overflow: hidden;
602
- border-right: none;
596
+ border-inline-end: none;
603
597
  }
604
598
 
605
599
  .sidebar-hidden .pa-layout__sidebar--icon-collapse {
@@ -607,7 +601,7 @@ body.loaded .pa-sidebar__chevron {
607
601
  opacity: 1;
608
602
  overflow: visible !important;
609
603
  z-index: 1050;
610
- border-right: 1px solid #e1e5e9;
604
+ border-inline-end: 1px solid #e1e5e9;
611
605
  }
612
606
 
613
607
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item {
@@ -646,14 +640,17 @@ body.loaded .pa-sidebar__chevron {
646
640
  width: auto;
647
641
  overflow: visible;
648
642
  position: absolute;
649
- left: 100%;
643
+ inset-inline-start: 100%;
650
644
  top: 0;
651
645
  bottom: 0;
652
646
  padding: 0.8rem 1.6rem;
653
647
  background-color: var(--pa-sidebar-bg);
654
648
  border: 1px solid var(--pa-border-color);
655
- border-left: none;
656
- border-radius: 0 4px 4px 0;
649
+ border-inline-start: none;
650
+ border-start-start-radius: 0;
651
+ border-start-end-radius: 4px;
652
+ border-end-end-radius: 4px;
653
+ border-end-start-radius: 0;
657
654
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
658
655
  white-space: nowrap;
659
656
  z-index: 10;
@@ -667,7 +664,7 @@ body.loaded .pa-sidebar__chevron {
667
664
  max-height: none !important;
668
665
  overflow: visible !important;
669
666
  position: absolute;
670
- left: 100%;
667
+ inset-inline-start: 100%;
671
668
  top: 0;
672
669
  min-width: 12rem;
673
670
  margin: 0;
@@ -675,8 +672,11 @@ body.loaded .pa-sidebar__chevron {
675
672
  list-style: none;
676
673
  background-color: var(--pa-sidebar-submenu-bg);
677
674
  border: 1px solid var(--pa-border-color);
678
- border-left: none;
679
- border-radius: 0 4px 4px 0;
675
+ border-inline-start: none;
676
+ border-start-start-radius: 0;
677
+ border-start-end-radius: 4px;
678
+ border-end-end-radius: 4px;
679
+ border-end-start-radius: 0;
680
680
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
681
681
  z-index: 1001;
682
682
  }
@@ -732,7 +732,7 @@ body.loaded .pa-sidebar__chevron {
732
732
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item:hover > .pa-sidebar__submenu .pa-sidebar__chevron,
733
733
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu:hover .pa-sidebar__chevron {
734
734
  display: inline;
735
- margin-left: auto;
735
+ margin-inline-start: auto;
736
736
  transform: none !important;
737
737
  }
738
738
 
@@ -749,7 +749,7 @@ body.loaded .pa-sidebar__chevron {
749
749
  max-height: none !important;
750
750
  overflow: visible !important;
751
751
  position: absolute;
752
- left: 100%;
752
+ inset-inline-start: 100%;
753
753
  top: 0;
754
754
  min-width: 19.2rem;
755
755
  margin: 0;
@@ -757,8 +757,11 @@ body.loaded .pa-sidebar__chevron {
757
757
  list-style: none;
758
758
  background-color: var(--pa-sidebar-submenu-bg);
759
759
  border: 1px solid var(--pa-border-color);
760
- border-left: none;
761
- border-radius: 0 4px 4px 0;
760
+ border-inline-start: none;
761
+ border-start-start-radius: 0;
762
+ border-start-end-radius: 4px;
763
+ border-end-end-radius: 4px;
764
+ border-end-start-radius: 0;
762
765
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
763
766
  z-index: 1002;
764
767
  }
@@ -803,12 +806,12 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__toggle
803
806
 
804
807
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link,
805
808
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
806
- padding-left: 4rem;
809
+ padding-inline-start: 4rem;
807
810
  }
808
811
 
809
812
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link,
810
813
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
811
- padding-left: 5.2rem;
814
+ padding-inline-start: 5.2rem;
812
815
  }
813
816
 
814
817
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
@@ -821,12 +824,12 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
821
824
  ======================================== */
822
825
  .pa-header__burger {
823
826
  flex-shrink: 0;
824
- margin-left: 0.3rem;
827
+ margin-inline-start: 0.3rem;
825
828
  }
826
829
 
827
830
  .pa-header__brand {
828
831
  flex-shrink: 0;
829
- padding-left: 2.1rem;
832
+ padding-inline-start: 2.1rem;
830
833
  }
831
834
 
832
835
  .pa-header__brand h1 {
@@ -891,7 +894,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
891
894
  display: none !important;
892
895
  position: absolute;
893
896
  top: 100%;
894
- left: 0;
897
+ inset-inline-start: 0;
895
898
  min-width: 19.2rem;
896
899
  background-color: var(--pa-card-bg);
897
900
  border: 1px solid var(--pa-border-color);
@@ -914,7 +917,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
914
917
  content: "";
915
918
  position: absolute;
916
919
  top: 0;
917
- left: 100%;
920
+ inset-inline-start: 100%;
918
921
  width: 6.4px;
919
922
  height: 100%;
920
923
  z-index: 1099;
@@ -942,9 +945,9 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
942
945
 
943
946
  .pa-header__dropdown--level2 {
944
947
  top: 0;
945
- left: 100%;
948
+ inset-inline-start: 100%;
946
949
  margin-top: 0;
947
- margin-left: 0;
950
+ margin-inline-start: 0;
948
951
  }
949
952
 
950
953
  .pa-header__title {
@@ -1000,6 +1003,14 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1000
1003
  transform: rotate(-45deg) translate(3px, -3px);
1001
1004
  }
1002
1005
 
1006
+ [dir=rtl] .burger-menu.active span:nth-child(1) {
1007
+ transform: rotate(45deg) translate(-3px, 3px);
1008
+ }
1009
+
1010
+ [dir=rtl] .burger-menu.active span:nth-child(3) {
1011
+ transform: rotate(-45deg) translate(-3px, -3px);
1012
+ }
1013
+
1003
1014
  .burger-menu:hover span {
1004
1015
  background-color: var(--pa-accent);
1005
1016
  }
@@ -1038,7 +1049,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1038
1049
  width: 0;
1039
1050
  opacity: 0;
1040
1051
  overflow: hidden;
1041
- border-right: none;
1052
+ border-inline-end: none;
1042
1053
  }
1043
1054
  body:not(.sidebar-visible) .pa-layout__sidebar--icon-collapse {
1044
1055
  width: 0 !important;
@@ -1049,7 +1060,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1049
1060
  .sidebar-visible .pa-layout__sidebar {
1050
1061
  position: fixed;
1051
1062
  top: 4.8rem;
1052
- left: 0;
1063
+ inset-inline-start: 0;
1053
1064
  bottom: 0;
1054
1065
  width: 90vw;
1055
1066
  z-index: 1050;
@@ -1071,8 +1082,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1071
1082
  content: "";
1072
1083
  position: fixed;
1073
1084
  top: 4.8rem;
1074
- left: 0;
1075
- right: 0;
1085
+ inset-inline: 0;
1076
1086
  bottom: 0;
1077
1087
  background-color: rgba(0, 0, 0, 0.5);
1078
1088
  z-index: 1040;
@@ -1102,23 +1112,19 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1102
1112
  .pa-row {
1103
1113
  display: flex;
1104
1114
  flex-wrap: wrap;
1105
- margin-left: -0.8rem;
1106
- margin-right: -0.8rem;
1115
+ margin-inline: -0.8rem;
1107
1116
  }
1108
1117
 
1109
1118
  .pa-row .pa-row {
1110
- margin-left: 0;
1111
- margin-right: 0;
1119
+ margin-inline: 0;
1112
1120
  }
1113
1121
 
1114
1122
  .pa-row--no-gutter {
1115
- margin-left: 0;
1116
- margin-right: 0;
1123
+ margin-inline: 0;
1117
1124
  }
1118
1125
 
1119
1126
  .pa-row--no-gutter > [class*=pa-col] {
1120
- padding-left: 0;
1121
- padding-right: 0;
1127
+ padding-inline: 0;
1122
1128
  }
1123
1129
 
1124
1130
  .pa-row--center {
@@ -1159,676 +1165,604 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1159
1165
 
1160
1166
  .pa-col {
1161
1167
  flex: 1;
1162
- padding-left: 0.8rem;
1163
- padding-right: 0.8rem;
1168
+ padding-inline: 0.8rem;
1164
1169
  min-width: 0;
1165
1170
  }
1166
1171
 
1167
1172
  .pa-col-auto {
1168
1173
  flex: 0 0 auto;
1169
1174
  width: auto;
1170
- padding-left: 0.8rem;
1171
- padding-right: 0.8rem;
1175
+ padding-inline: 0.8rem;
1172
1176
  }
1173
1177
 
1174
1178
  .pa-col-5 {
1175
1179
  flex: 0 0 5%;
1176
1180
  max-width: 5%;
1177
- padding-left: 0.8rem;
1178
- padding-right: 0.8rem;
1181
+ padding-inline: 0.8rem;
1179
1182
  min-width: 0;
1180
1183
  }
1181
1184
 
1182
1185
  .pa-col-10 {
1183
1186
  flex: 0 0 10%;
1184
1187
  max-width: 10%;
1185
- padding-left: 0.8rem;
1186
- padding-right: 0.8rem;
1188
+ padding-inline: 0.8rem;
1187
1189
  min-width: 0;
1188
1190
  }
1189
1191
 
1190
1192
  .pa-col-15 {
1191
1193
  flex: 0 0 15%;
1192
1194
  max-width: 15%;
1193
- padding-left: 0.8rem;
1194
- padding-right: 0.8rem;
1195
+ padding-inline: 0.8rem;
1195
1196
  min-width: 0;
1196
1197
  }
1197
1198
 
1198
1199
  .pa-col-20 {
1199
1200
  flex: 0 0 20%;
1200
1201
  max-width: 20%;
1201
- padding-left: 0.8rem;
1202
- padding-right: 0.8rem;
1202
+ padding-inline: 0.8rem;
1203
1203
  min-width: 0;
1204
1204
  }
1205
1205
 
1206
1206
  .pa-col-25 {
1207
1207
  flex: 0 0 25%;
1208
1208
  max-width: 25%;
1209
- padding-left: 0.8rem;
1210
- padding-right: 0.8rem;
1209
+ padding-inline: 0.8rem;
1211
1210
  min-width: 0;
1212
1211
  }
1213
1212
 
1214
1213
  .pa-col-30 {
1215
1214
  flex: 0 0 30%;
1216
1215
  max-width: 30%;
1217
- padding-left: 0.8rem;
1218
- padding-right: 0.8rem;
1216
+ padding-inline: 0.8rem;
1219
1217
  min-width: 0;
1220
1218
  }
1221
1219
 
1222
1220
  .pa-col-35 {
1223
1221
  flex: 0 0 35%;
1224
1222
  max-width: 35%;
1225
- padding-left: 0.8rem;
1226
- padding-right: 0.8rem;
1223
+ padding-inline: 0.8rem;
1227
1224
  min-width: 0;
1228
1225
  }
1229
1226
 
1230
1227
  .pa-col-40 {
1231
1228
  flex: 0 0 40%;
1232
1229
  max-width: 40%;
1233
- padding-left: 0.8rem;
1234
- padding-right: 0.8rem;
1230
+ padding-inline: 0.8rem;
1235
1231
  min-width: 0;
1236
1232
  }
1237
1233
 
1238
1234
  .pa-col-45 {
1239
1235
  flex: 0 0 45%;
1240
1236
  max-width: 45%;
1241
- padding-left: 0.8rem;
1242
- padding-right: 0.8rem;
1237
+ padding-inline: 0.8rem;
1243
1238
  min-width: 0;
1244
1239
  }
1245
1240
 
1246
1241
  .pa-col-50 {
1247
1242
  flex: 0 0 50%;
1248
1243
  max-width: 50%;
1249
- padding-left: 0.8rem;
1250
- padding-right: 0.8rem;
1244
+ padding-inline: 0.8rem;
1251
1245
  min-width: 0;
1252
1246
  }
1253
1247
 
1254
1248
  .pa-col-55 {
1255
1249
  flex: 0 0 55%;
1256
1250
  max-width: 55%;
1257
- padding-left: 0.8rem;
1258
- padding-right: 0.8rem;
1251
+ padding-inline: 0.8rem;
1259
1252
  min-width: 0;
1260
1253
  }
1261
1254
 
1262
1255
  .pa-col-60 {
1263
1256
  flex: 0 0 60%;
1264
1257
  max-width: 60%;
1265
- padding-left: 0.8rem;
1266
- padding-right: 0.8rem;
1258
+ padding-inline: 0.8rem;
1267
1259
  min-width: 0;
1268
1260
  }
1269
1261
 
1270
1262
  .pa-col-65 {
1271
1263
  flex: 0 0 65%;
1272
1264
  max-width: 65%;
1273
- padding-left: 0.8rem;
1274
- padding-right: 0.8rem;
1265
+ padding-inline: 0.8rem;
1275
1266
  min-width: 0;
1276
1267
  }
1277
1268
 
1278
1269
  .pa-col-70 {
1279
1270
  flex: 0 0 70%;
1280
1271
  max-width: 70%;
1281
- padding-left: 0.8rem;
1282
- padding-right: 0.8rem;
1272
+ padding-inline: 0.8rem;
1283
1273
  min-width: 0;
1284
1274
  }
1285
1275
 
1286
1276
  .pa-col-75 {
1287
1277
  flex: 0 0 75%;
1288
1278
  max-width: 75%;
1289
- padding-left: 0.8rem;
1290
- padding-right: 0.8rem;
1279
+ padding-inline: 0.8rem;
1291
1280
  min-width: 0;
1292
1281
  }
1293
1282
 
1294
1283
  .pa-col-80 {
1295
1284
  flex: 0 0 80%;
1296
1285
  max-width: 80%;
1297
- padding-left: 0.8rem;
1298
- padding-right: 0.8rem;
1286
+ padding-inline: 0.8rem;
1299
1287
  min-width: 0;
1300
1288
  }
1301
1289
 
1302
1290
  .pa-col-85 {
1303
1291
  flex: 0 0 85%;
1304
1292
  max-width: 85%;
1305
- padding-left: 0.8rem;
1306
- padding-right: 0.8rem;
1293
+ padding-inline: 0.8rem;
1307
1294
  min-width: 0;
1308
1295
  }
1309
1296
 
1310
1297
  .pa-col-90 {
1311
1298
  flex: 0 0 90%;
1312
1299
  max-width: 90%;
1313
- padding-left: 0.8rem;
1314
- padding-right: 0.8rem;
1300
+ padding-inline: 0.8rem;
1315
1301
  min-width: 0;
1316
1302
  }
1317
1303
 
1318
1304
  .pa-col-95 {
1319
1305
  flex: 0 0 95%;
1320
1306
  max-width: 95%;
1321
- padding-left: 0.8rem;
1322
- padding-right: 0.8rem;
1307
+ padding-inline: 0.8rem;
1323
1308
  min-width: 0;
1324
1309
  }
1325
1310
 
1326
1311
  .pa-col-100 {
1327
1312
  flex: 0 0 100%;
1328
1313
  max-width: 100%;
1329
- padding-left: 0.8rem;
1330
- padding-right: 0.8rem;
1314
+ padding-inline: 0.8rem;
1331
1315
  min-width: 0;
1332
1316
  }
1333
1317
 
1334
1318
  .pa-col-1-2 {
1335
1319
  flex: 0 0 50%;
1336
1320
  max-width: 50%;
1337
- padding-left: 0.8rem;
1338
- padding-right: 0.8rem;
1321
+ padding-inline: 0.8rem;
1339
1322
  min-width: 0;
1340
1323
  }
1341
1324
 
1342
1325
  .pa-col-1-3 {
1343
1326
  flex: 0 0 33.333%;
1344
1327
  max-width: 33.333%;
1345
- padding-left: 0.8rem;
1346
- padding-right: 0.8rem;
1328
+ padding-inline: 0.8rem;
1347
1329
  min-width: 0;
1348
1330
  }
1349
1331
 
1350
1332
  .pa-col-2-3 {
1351
1333
  flex: 0 0 66.667%;
1352
1334
  max-width: 66.667%;
1353
- padding-left: 0.8rem;
1354
- padding-right: 0.8rem;
1335
+ padding-inline: 0.8rem;
1355
1336
  min-width: 0;
1356
1337
  }
1357
1338
 
1358
1339
  .pa-col-1-4 {
1359
1340
  flex: 0 0 25%;
1360
1341
  max-width: 25%;
1361
- padding-left: 0.8rem;
1362
- padding-right: 0.8rem;
1342
+ padding-inline: 0.8rem;
1363
1343
  min-width: 0;
1364
1344
  }
1365
1345
 
1366
1346
  .pa-col-3-4 {
1367
1347
  flex: 0 0 75%;
1368
1348
  max-width: 75%;
1369
- padding-left: 0.8rem;
1370
- padding-right: 0.8rem;
1349
+ padding-inline: 0.8rem;
1371
1350
  min-width: 0;
1372
1351
  }
1373
1352
 
1374
1353
  .pa-col-1-5 {
1375
1354
  flex: 0 0 20%;
1376
1355
  max-width: 20%;
1377
- padding-left: 0.8rem;
1378
- padding-right: 0.8rem;
1356
+ padding-inline: 0.8rem;
1379
1357
  min-width: 0;
1380
1358
  }
1381
1359
 
1382
1360
  .pa-col-2-5 {
1383
1361
  flex: 0 0 40%;
1384
1362
  max-width: 40%;
1385
- padding-left: 0.8rem;
1386
- padding-right: 0.8rem;
1363
+ padding-inline: 0.8rem;
1387
1364
  min-width: 0;
1388
1365
  }
1389
1366
 
1390
1367
  .pa-col-3-5 {
1391
1368
  flex: 0 0 60%;
1392
1369
  max-width: 60%;
1393
- padding-left: 0.8rem;
1394
- padding-right: 0.8rem;
1370
+ padding-inline: 0.8rem;
1395
1371
  min-width: 0;
1396
1372
  }
1397
1373
 
1398
1374
  .pa-col-4-5 {
1399
1375
  flex: 0 0 80%;
1400
1376
  max-width: 80%;
1401
- padding-left: 0.8rem;
1402
- padding-right: 0.8rem;
1377
+ padding-inline: 0.8rem;
1403
1378
  min-width: 0;
1404
1379
  }
1405
1380
 
1406
1381
  .pa-col-1-6 {
1407
1382
  flex: 0 0 16.667%;
1408
1383
  max-width: 16.667%;
1409
- padding-left: 0.8rem;
1410
- padding-right: 0.8rem;
1384
+ padding-inline: 0.8rem;
1411
1385
  min-width: 0;
1412
1386
  }
1413
1387
 
1414
1388
  .pa-col-5-6 {
1415
1389
  flex: 0 0 83.333%;
1416
1390
  max-width: 83.333%;
1417
- padding-left: 0.8rem;
1418
- padding-right: 0.8rem;
1391
+ padding-inline: 0.8rem;
1419
1392
  min-width: 0;
1420
1393
  }
1421
1394
 
1422
1395
  .pa-col-1-12 {
1423
1396
  flex: 0 0 8.333%;
1424
1397
  max-width: 8.333%;
1425
- padding-left: 0.8rem;
1426
- padding-right: 0.8rem;
1398
+ padding-inline: 0.8rem;
1427
1399
  min-width: 0;
1428
1400
  }
1429
1401
 
1430
1402
  .pa-col-5-12 {
1431
1403
  flex: 0 0 41.667%;
1432
1404
  max-width: 41.667%;
1433
- padding-left: 0.8rem;
1434
- padding-right: 0.8rem;
1405
+ padding-inline: 0.8rem;
1435
1406
  min-width: 0;
1436
1407
  }
1437
1408
 
1438
1409
  .pa-col-7-12 {
1439
1410
  flex: 0 0 58.333%;
1440
1411
  max-width: 58.333%;
1441
- padding-left: 0.8rem;
1442
- padding-right: 0.8rem;
1412
+ padding-inline: 0.8rem;
1443
1413
  min-width: 0;
1444
1414
  }
1445
1415
 
1446
1416
  .pa-col-11-12 {
1447
1417
  flex: 0 0 91.667%;
1448
1418
  max-width: 91.667%;
1449
- padding-left: 0.8rem;
1450
- padding-right: 0.8rem;
1419
+ padding-inline: 0.8rem;
1451
1420
  min-width: 0;
1452
1421
  }
1453
1422
 
1454
1423
  .pa-offset-5 {
1455
- margin-left: 5%;
1424
+ margin-inline-start: 5%;
1456
1425
  }
1457
1426
 
1458
1427
  .pa-offset-10 {
1459
- margin-left: 10%;
1428
+ margin-inline-start: 10%;
1460
1429
  }
1461
1430
 
1462
1431
  .pa-offset-15 {
1463
- margin-left: 15%;
1432
+ margin-inline-start: 15%;
1464
1433
  }
1465
1434
 
1466
1435
  .pa-offset-20 {
1467
- margin-left: 20%;
1436
+ margin-inline-start: 20%;
1468
1437
  }
1469
1438
 
1470
1439
  .pa-offset-25 {
1471
- margin-left: 25%;
1440
+ margin-inline-start: 25%;
1472
1441
  }
1473
1442
 
1474
1443
  .pa-offset-30 {
1475
- margin-left: 30%;
1444
+ margin-inline-start: 30%;
1476
1445
  }
1477
1446
 
1478
1447
  .pa-offset-35 {
1479
- margin-left: 35%;
1448
+ margin-inline-start: 35%;
1480
1449
  }
1481
1450
 
1482
1451
  .pa-offset-40 {
1483
- margin-left: 40%;
1452
+ margin-inline-start: 40%;
1484
1453
  }
1485
1454
 
1486
1455
  .pa-offset-45 {
1487
- margin-left: 45%;
1456
+ margin-inline-start: 45%;
1488
1457
  }
1489
1458
 
1490
1459
  .pa-offset-50 {
1491
- margin-left: 50%;
1460
+ margin-inline-start: 50%;
1492
1461
  }
1493
1462
 
1494
1463
  .pa-offset-55 {
1495
- margin-left: 55%;
1464
+ margin-inline-start: 55%;
1496
1465
  }
1497
1466
 
1498
1467
  .pa-offset-60 {
1499
- margin-left: 60%;
1468
+ margin-inline-start: 60%;
1500
1469
  }
1501
1470
 
1502
1471
  .pa-offset-65 {
1503
- margin-left: 65%;
1472
+ margin-inline-start: 65%;
1504
1473
  }
1505
1474
 
1506
1475
  .pa-offset-70 {
1507
- margin-left: 70%;
1476
+ margin-inline-start: 70%;
1508
1477
  }
1509
1478
 
1510
1479
  .pa-offset-75 {
1511
- margin-left: 75%;
1480
+ margin-inline-start: 75%;
1512
1481
  }
1513
1482
 
1514
1483
  .pa-offset-80 {
1515
- margin-left: 80%;
1484
+ margin-inline-start: 80%;
1516
1485
  }
1517
1486
 
1518
1487
  .pa-offset-85 {
1519
- margin-left: 85%;
1488
+ margin-inline-start: 85%;
1520
1489
  }
1521
1490
 
1522
1491
  .pa-offset-90 {
1523
- margin-left: 90%;
1492
+ margin-inline-start: 90%;
1524
1493
  }
1525
1494
 
1526
1495
  .pa-offset-95 {
1527
- margin-left: 95%;
1496
+ margin-inline-start: 95%;
1528
1497
  }
1529
1498
 
1530
1499
  @media (min-width: 576px) {
1531
1500
  .pa-col-sm-5 {
1532
1501
  flex: 0 0 5%;
1533
1502
  max-width: 5%;
1534
- padding-left: 0.8rem;
1535
- padding-right: 0.8rem;
1503
+ padding-inline: 0.8rem;
1536
1504
  min-width: 0;
1537
1505
  }
1538
1506
  .pa-col-sm-10 {
1539
1507
  flex: 0 0 10%;
1540
1508
  max-width: 10%;
1541
- padding-left: 0.8rem;
1542
- padding-right: 0.8rem;
1509
+ padding-inline: 0.8rem;
1543
1510
  min-width: 0;
1544
1511
  }
1545
1512
  .pa-col-sm-15 {
1546
1513
  flex: 0 0 15%;
1547
1514
  max-width: 15%;
1548
- padding-left: 0.8rem;
1549
- padding-right: 0.8rem;
1515
+ padding-inline: 0.8rem;
1550
1516
  min-width: 0;
1551
1517
  }
1552
1518
  .pa-col-sm-20 {
1553
1519
  flex: 0 0 20%;
1554
1520
  max-width: 20%;
1555
- padding-left: 0.8rem;
1556
- padding-right: 0.8rem;
1521
+ padding-inline: 0.8rem;
1557
1522
  min-width: 0;
1558
1523
  }
1559
1524
  .pa-col-sm-25 {
1560
1525
  flex: 0 0 25%;
1561
1526
  max-width: 25%;
1562
- padding-left: 0.8rem;
1563
- padding-right: 0.8rem;
1527
+ padding-inline: 0.8rem;
1564
1528
  min-width: 0;
1565
1529
  }
1566
1530
  .pa-col-sm-30 {
1567
1531
  flex: 0 0 30%;
1568
1532
  max-width: 30%;
1569
- padding-left: 0.8rem;
1570
- padding-right: 0.8rem;
1533
+ padding-inline: 0.8rem;
1571
1534
  min-width: 0;
1572
1535
  }
1573
1536
  .pa-col-sm-35 {
1574
1537
  flex: 0 0 35%;
1575
1538
  max-width: 35%;
1576
- padding-left: 0.8rem;
1577
- padding-right: 0.8rem;
1539
+ padding-inline: 0.8rem;
1578
1540
  min-width: 0;
1579
1541
  }
1580
1542
  .pa-col-sm-40 {
1581
1543
  flex: 0 0 40%;
1582
1544
  max-width: 40%;
1583
- padding-left: 0.8rem;
1584
- padding-right: 0.8rem;
1545
+ padding-inline: 0.8rem;
1585
1546
  min-width: 0;
1586
1547
  }
1587
1548
  .pa-col-sm-45 {
1588
1549
  flex: 0 0 45%;
1589
1550
  max-width: 45%;
1590
- padding-left: 0.8rem;
1591
- padding-right: 0.8rem;
1551
+ padding-inline: 0.8rem;
1592
1552
  min-width: 0;
1593
1553
  }
1594
1554
  .pa-col-sm-50 {
1595
1555
  flex: 0 0 50%;
1596
1556
  max-width: 50%;
1597
- padding-left: 0.8rem;
1598
- padding-right: 0.8rem;
1557
+ padding-inline: 0.8rem;
1599
1558
  min-width: 0;
1600
1559
  }
1601
1560
  .pa-col-sm-55 {
1602
1561
  flex: 0 0 55%;
1603
1562
  max-width: 55%;
1604
- padding-left: 0.8rem;
1605
- padding-right: 0.8rem;
1563
+ padding-inline: 0.8rem;
1606
1564
  min-width: 0;
1607
1565
  }
1608
1566
  .pa-col-sm-60 {
1609
1567
  flex: 0 0 60%;
1610
1568
  max-width: 60%;
1611
- padding-left: 0.8rem;
1612
- padding-right: 0.8rem;
1569
+ padding-inline: 0.8rem;
1613
1570
  min-width: 0;
1614
1571
  }
1615
1572
  .pa-col-sm-65 {
1616
1573
  flex: 0 0 65%;
1617
1574
  max-width: 65%;
1618
- padding-left: 0.8rem;
1619
- padding-right: 0.8rem;
1575
+ padding-inline: 0.8rem;
1620
1576
  min-width: 0;
1621
1577
  }
1622
1578
  .pa-col-sm-70 {
1623
1579
  flex: 0 0 70%;
1624
1580
  max-width: 70%;
1625
- padding-left: 0.8rem;
1626
- padding-right: 0.8rem;
1581
+ padding-inline: 0.8rem;
1627
1582
  min-width: 0;
1628
1583
  }
1629
1584
  .pa-col-sm-75 {
1630
1585
  flex: 0 0 75%;
1631
1586
  max-width: 75%;
1632
- padding-left: 0.8rem;
1633
- padding-right: 0.8rem;
1587
+ padding-inline: 0.8rem;
1634
1588
  min-width: 0;
1635
1589
  }
1636
1590
  .pa-col-sm-80 {
1637
1591
  flex: 0 0 80%;
1638
1592
  max-width: 80%;
1639
- padding-left: 0.8rem;
1640
- padding-right: 0.8rem;
1593
+ padding-inline: 0.8rem;
1641
1594
  min-width: 0;
1642
1595
  }
1643
1596
  .pa-col-sm-85 {
1644
1597
  flex: 0 0 85%;
1645
1598
  max-width: 85%;
1646
- padding-left: 0.8rem;
1647
- padding-right: 0.8rem;
1599
+ padding-inline: 0.8rem;
1648
1600
  min-width: 0;
1649
1601
  }
1650
1602
  .pa-col-sm-90 {
1651
1603
  flex: 0 0 90%;
1652
1604
  max-width: 90%;
1653
- padding-left: 0.8rem;
1654
- padding-right: 0.8rem;
1605
+ padding-inline: 0.8rem;
1655
1606
  min-width: 0;
1656
1607
  }
1657
1608
  .pa-col-sm-95 {
1658
1609
  flex: 0 0 95%;
1659
1610
  max-width: 95%;
1660
- padding-left: 0.8rem;
1661
- padding-right: 0.8rem;
1611
+ padding-inline: 0.8rem;
1662
1612
  min-width: 0;
1663
1613
  }
1664
1614
  .pa-col-sm-100 {
1665
1615
  flex: 0 0 100%;
1666
1616
  max-width: 100%;
1667
- padding-left: 0.8rem;
1668
- padding-right: 0.8rem;
1617
+ padding-inline: 0.8rem;
1669
1618
  min-width: 0;
1670
1619
  }
1671
1620
  .pa-col-sm-1-2 {
1672
1621
  flex: 0 0 50%;
1673
1622
  max-width: 50%;
1674
- padding-left: 0.8rem;
1675
- padding-right: 0.8rem;
1623
+ padding-inline: 0.8rem;
1676
1624
  min-width: 0;
1677
1625
  }
1678
1626
  .pa-col-sm-1-3 {
1679
1627
  flex: 0 0 33.333%;
1680
1628
  max-width: 33.333%;
1681
- padding-left: 0.8rem;
1682
- padding-right: 0.8rem;
1629
+ padding-inline: 0.8rem;
1683
1630
  min-width: 0;
1684
1631
  }
1685
1632
  .pa-col-sm-2-3 {
1686
1633
  flex: 0 0 66.667%;
1687
1634
  max-width: 66.667%;
1688
- padding-left: 0.8rem;
1689
- padding-right: 0.8rem;
1635
+ padding-inline: 0.8rem;
1690
1636
  min-width: 0;
1691
1637
  }
1692
1638
  .pa-col-sm-1-4 {
1693
1639
  flex: 0 0 25%;
1694
1640
  max-width: 25%;
1695
- padding-left: 0.8rem;
1696
- padding-right: 0.8rem;
1641
+ padding-inline: 0.8rem;
1697
1642
  min-width: 0;
1698
1643
  }
1699
1644
  .pa-col-sm-3-4 {
1700
1645
  flex: 0 0 75%;
1701
1646
  max-width: 75%;
1702
- padding-left: 0.8rem;
1703
- padding-right: 0.8rem;
1647
+ padding-inline: 0.8rem;
1704
1648
  min-width: 0;
1705
1649
  }
1706
1650
  .pa-col-sm-1-5 {
1707
1651
  flex: 0 0 20%;
1708
1652
  max-width: 20%;
1709
- padding-left: 0.8rem;
1710
- padding-right: 0.8rem;
1653
+ padding-inline: 0.8rem;
1711
1654
  min-width: 0;
1712
1655
  }
1713
1656
  .pa-col-sm-2-5 {
1714
1657
  flex: 0 0 40%;
1715
1658
  max-width: 40%;
1716
- padding-left: 0.8rem;
1717
- padding-right: 0.8rem;
1659
+ padding-inline: 0.8rem;
1718
1660
  min-width: 0;
1719
1661
  }
1720
1662
  .pa-col-sm-3-5 {
1721
1663
  flex: 0 0 60%;
1722
1664
  max-width: 60%;
1723
- padding-left: 0.8rem;
1724
- padding-right: 0.8rem;
1665
+ padding-inline: 0.8rem;
1725
1666
  min-width: 0;
1726
1667
  }
1727
1668
  .pa-col-sm-4-5 {
1728
1669
  flex: 0 0 80%;
1729
1670
  max-width: 80%;
1730
- padding-left: 0.8rem;
1731
- padding-right: 0.8rem;
1671
+ padding-inline: 0.8rem;
1732
1672
  min-width: 0;
1733
1673
  }
1734
1674
  .pa-col-sm-1-6 {
1735
1675
  flex: 0 0 16.667%;
1736
1676
  max-width: 16.667%;
1737
- padding-left: 0.8rem;
1738
- padding-right: 0.8rem;
1677
+ padding-inline: 0.8rem;
1739
1678
  min-width: 0;
1740
1679
  }
1741
1680
  .pa-col-sm-5-6 {
1742
1681
  flex: 0 0 83.333%;
1743
1682
  max-width: 83.333%;
1744
- padding-left: 0.8rem;
1745
- padding-right: 0.8rem;
1683
+ padding-inline: 0.8rem;
1746
1684
  min-width: 0;
1747
1685
  }
1748
1686
  .pa-col-sm-1-12 {
1749
1687
  flex: 0 0 8.333%;
1750
1688
  max-width: 8.333%;
1751
- padding-left: 0.8rem;
1752
- padding-right: 0.8rem;
1689
+ padding-inline: 0.8rem;
1753
1690
  min-width: 0;
1754
1691
  }
1755
1692
  .pa-col-sm-5-12 {
1756
1693
  flex: 0 0 41.667%;
1757
1694
  max-width: 41.667%;
1758
- padding-left: 0.8rem;
1759
- padding-right: 0.8rem;
1695
+ padding-inline: 0.8rem;
1760
1696
  min-width: 0;
1761
1697
  }
1762
1698
  .pa-col-sm-7-12 {
1763
1699
  flex: 0 0 58.333%;
1764
1700
  max-width: 58.333%;
1765
- padding-left: 0.8rem;
1766
- padding-right: 0.8rem;
1701
+ padding-inline: 0.8rem;
1767
1702
  min-width: 0;
1768
1703
  }
1769
1704
  .pa-col-sm-11-12 {
1770
1705
  flex: 0 0 91.667%;
1771
1706
  max-width: 91.667%;
1772
- padding-left: 0.8rem;
1773
- padding-right: 0.8rem;
1707
+ padding-inline: 0.8rem;
1774
1708
  min-width: 0;
1775
1709
  }
1776
1710
  .pa-offset-sm-5 {
1777
- margin-left: 5%;
1711
+ margin-inline-start: 5%;
1778
1712
  }
1779
1713
  .pa-offset-sm-10 {
1780
- margin-left: 10%;
1714
+ margin-inline-start: 10%;
1781
1715
  }
1782
1716
  .pa-offset-sm-15 {
1783
- margin-left: 15%;
1717
+ margin-inline-start: 15%;
1784
1718
  }
1785
1719
  .pa-offset-sm-20 {
1786
- margin-left: 20%;
1720
+ margin-inline-start: 20%;
1787
1721
  }
1788
1722
  .pa-offset-sm-25 {
1789
- margin-left: 25%;
1723
+ margin-inline-start: 25%;
1790
1724
  }
1791
1725
  .pa-offset-sm-30 {
1792
- margin-left: 30%;
1726
+ margin-inline-start: 30%;
1793
1727
  }
1794
1728
  .pa-offset-sm-35 {
1795
- margin-left: 35%;
1729
+ margin-inline-start: 35%;
1796
1730
  }
1797
1731
  .pa-offset-sm-40 {
1798
- margin-left: 40%;
1732
+ margin-inline-start: 40%;
1799
1733
  }
1800
1734
  .pa-offset-sm-45 {
1801
- margin-left: 45%;
1735
+ margin-inline-start: 45%;
1802
1736
  }
1803
1737
  .pa-offset-sm-50 {
1804
- margin-left: 50%;
1738
+ margin-inline-start: 50%;
1805
1739
  }
1806
1740
  .pa-offset-sm-55 {
1807
- margin-left: 55%;
1741
+ margin-inline-start: 55%;
1808
1742
  }
1809
1743
  .pa-offset-sm-60 {
1810
- margin-left: 60%;
1744
+ margin-inline-start: 60%;
1811
1745
  }
1812
1746
  .pa-offset-sm-65 {
1813
- margin-left: 65%;
1747
+ margin-inline-start: 65%;
1814
1748
  }
1815
1749
  .pa-offset-sm-70 {
1816
- margin-left: 70%;
1750
+ margin-inline-start: 70%;
1817
1751
  }
1818
1752
  .pa-offset-sm-75 {
1819
- margin-left: 75%;
1753
+ margin-inline-start: 75%;
1820
1754
  }
1821
1755
  .pa-offset-sm-80 {
1822
- margin-left: 80%;
1756
+ margin-inline-start: 80%;
1823
1757
  }
1824
1758
  .pa-offset-sm-85 {
1825
- margin-left: 85%;
1759
+ margin-inline-start: 85%;
1826
1760
  }
1827
1761
  .pa-offset-sm-90 {
1828
- margin-left: 90%;
1762
+ margin-inline-start: 90%;
1829
1763
  }
1830
1764
  .pa-offset-sm-95 {
1831
- margin-left: 95%;
1765
+ margin-inline-start: 95%;
1832
1766
  }
1833
1767
  .pa-col-sm-auto {
1834
1768
  flex: 0 0 auto;
@@ -1839,304 +1773,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1839
1773
  .pa-col-md-5 {
1840
1774
  flex: 0 0 5%;
1841
1775
  max-width: 5%;
1842
- padding-left: 0.8rem;
1843
- padding-right: 0.8rem;
1776
+ padding-inline: 0.8rem;
1844
1777
  min-width: 0;
1845
1778
  }
1846
1779
  .pa-col-md-10 {
1847
1780
  flex: 0 0 10%;
1848
1781
  max-width: 10%;
1849
- padding-left: 0.8rem;
1850
- padding-right: 0.8rem;
1782
+ padding-inline: 0.8rem;
1851
1783
  min-width: 0;
1852
1784
  }
1853
1785
  .pa-col-md-15 {
1854
1786
  flex: 0 0 15%;
1855
1787
  max-width: 15%;
1856
- padding-left: 0.8rem;
1857
- padding-right: 0.8rem;
1788
+ padding-inline: 0.8rem;
1858
1789
  min-width: 0;
1859
1790
  }
1860
1791
  .pa-col-md-20 {
1861
1792
  flex: 0 0 20%;
1862
1793
  max-width: 20%;
1863
- padding-left: 0.8rem;
1864
- padding-right: 0.8rem;
1794
+ padding-inline: 0.8rem;
1865
1795
  min-width: 0;
1866
1796
  }
1867
1797
  .pa-col-md-25 {
1868
1798
  flex: 0 0 25%;
1869
1799
  max-width: 25%;
1870
- padding-left: 0.8rem;
1871
- padding-right: 0.8rem;
1800
+ padding-inline: 0.8rem;
1872
1801
  min-width: 0;
1873
1802
  }
1874
1803
  .pa-col-md-30 {
1875
1804
  flex: 0 0 30%;
1876
1805
  max-width: 30%;
1877
- padding-left: 0.8rem;
1878
- padding-right: 0.8rem;
1806
+ padding-inline: 0.8rem;
1879
1807
  min-width: 0;
1880
1808
  }
1881
1809
  .pa-col-md-35 {
1882
1810
  flex: 0 0 35%;
1883
1811
  max-width: 35%;
1884
- padding-left: 0.8rem;
1885
- padding-right: 0.8rem;
1812
+ padding-inline: 0.8rem;
1886
1813
  min-width: 0;
1887
1814
  }
1888
1815
  .pa-col-md-40 {
1889
1816
  flex: 0 0 40%;
1890
1817
  max-width: 40%;
1891
- padding-left: 0.8rem;
1892
- padding-right: 0.8rem;
1818
+ padding-inline: 0.8rem;
1893
1819
  min-width: 0;
1894
1820
  }
1895
1821
  .pa-col-md-45 {
1896
1822
  flex: 0 0 45%;
1897
1823
  max-width: 45%;
1898
- padding-left: 0.8rem;
1899
- padding-right: 0.8rem;
1824
+ padding-inline: 0.8rem;
1900
1825
  min-width: 0;
1901
1826
  }
1902
1827
  .pa-col-md-50 {
1903
1828
  flex: 0 0 50%;
1904
1829
  max-width: 50%;
1905
- padding-left: 0.8rem;
1906
- padding-right: 0.8rem;
1830
+ padding-inline: 0.8rem;
1907
1831
  min-width: 0;
1908
1832
  }
1909
1833
  .pa-col-md-55 {
1910
1834
  flex: 0 0 55%;
1911
1835
  max-width: 55%;
1912
- padding-left: 0.8rem;
1913
- padding-right: 0.8rem;
1836
+ padding-inline: 0.8rem;
1914
1837
  min-width: 0;
1915
1838
  }
1916
1839
  .pa-col-md-60 {
1917
1840
  flex: 0 0 60%;
1918
1841
  max-width: 60%;
1919
- padding-left: 0.8rem;
1920
- padding-right: 0.8rem;
1842
+ padding-inline: 0.8rem;
1921
1843
  min-width: 0;
1922
1844
  }
1923
1845
  .pa-col-md-65 {
1924
1846
  flex: 0 0 65%;
1925
1847
  max-width: 65%;
1926
- padding-left: 0.8rem;
1927
- padding-right: 0.8rem;
1848
+ padding-inline: 0.8rem;
1928
1849
  min-width: 0;
1929
1850
  }
1930
1851
  .pa-col-md-70 {
1931
1852
  flex: 0 0 70%;
1932
1853
  max-width: 70%;
1933
- padding-left: 0.8rem;
1934
- padding-right: 0.8rem;
1854
+ padding-inline: 0.8rem;
1935
1855
  min-width: 0;
1936
1856
  }
1937
1857
  .pa-col-md-75 {
1938
1858
  flex: 0 0 75%;
1939
1859
  max-width: 75%;
1940
- padding-left: 0.8rem;
1941
- padding-right: 0.8rem;
1860
+ padding-inline: 0.8rem;
1942
1861
  min-width: 0;
1943
1862
  }
1944
1863
  .pa-col-md-80 {
1945
1864
  flex: 0 0 80%;
1946
1865
  max-width: 80%;
1947
- padding-left: 0.8rem;
1948
- padding-right: 0.8rem;
1866
+ padding-inline: 0.8rem;
1949
1867
  min-width: 0;
1950
1868
  }
1951
1869
  .pa-col-md-85 {
1952
1870
  flex: 0 0 85%;
1953
1871
  max-width: 85%;
1954
- padding-left: 0.8rem;
1955
- padding-right: 0.8rem;
1872
+ padding-inline: 0.8rem;
1956
1873
  min-width: 0;
1957
1874
  }
1958
1875
  .pa-col-md-90 {
1959
1876
  flex: 0 0 90%;
1960
1877
  max-width: 90%;
1961
- padding-left: 0.8rem;
1962
- padding-right: 0.8rem;
1878
+ padding-inline: 0.8rem;
1963
1879
  min-width: 0;
1964
1880
  }
1965
1881
  .pa-col-md-95 {
1966
1882
  flex: 0 0 95%;
1967
1883
  max-width: 95%;
1968
- padding-left: 0.8rem;
1969
- padding-right: 0.8rem;
1884
+ padding-inline: 0.8rem;
1970
1885
  min-width: 0;
1971
1886
  }
1972
1887
  .pa-col-md-100 {
1973
1888
  flex: 0 0 100%;
1974
1889
  max-width: 100%;
1975
- padding-left: 0.8rem;
1976
- padding-right: 0.8rem;
1890
+ padding-inline: 0.8rem;
1977
1891
  min-width: 0;
1978
1892
  }
1979
1893
  .pa-col-md-1-2 {
1980
1894
  flex: 0 0 50%;
1981
1895
  max-width: 50%;
1982
- padding-left: 0.8rem;
1983
- padding-right: 0.8rem;
1896
+ padding-inline: 0.8rem;
1984
1897
  min-width: 0;
1985
1898
  }
1986
1899
  .pa-col-md-1-3 {
1987
1900
  flex: 0 0 33.333%;
1988
1901
  max-width: 33.333%;
1989
- padding-left: 0.8rem;
1990
- padding-right: 0.8rem;
1902
+ padding-inline: 0.8rem;
1991
1903
  min-width: 0;
1992
1904
  }
1993
1905
  .pa-col-md-2-3 {
1994
1906
  flex: 0 0 66.667%;
1995
1907
  max-width: 66.667%;
1996
- padding-left: 0.8rem;
1997
- padding-right: 0.8rem;
1908
+ padding-inline: 0.8rem;
1998
1909
  min-width: 0;
1999
1910
  }
2000
1911
  .pa-col-md-1-4 {
2001
1912
  flex: 0 0 25%;
2002
1913
  max-width: 25%;
2003
- padding-left: 0.8rem;
2004
- padding-right: 0.8rem;
1914
+ padding-inline: 0.8rem;
2005
1915
  min-width: 0;
2006
1916
  }
2007
1917
  .pa-col-md-3-4 {
2008
1918
  flex: 0 0 75%;
2009
1919
  max-width: 75%;
2010
- padding-left: 0.8rem;
2011
- padding-right: 0.8rem;
1920
+ padding-inline: 0.8rem;
2012
1921
  min-width: 0;
2013
1922
  }
2014
1923
  .pa-col-md-1-5 {
2015
1924
  flex: 0 0 20%;
2016
1925
  max-width: 20%;
2017
- padding-left: 0.8rem;
2018
- padding-right: 0.8rem;
1926
+ padding-inline: 0.8rem;
2019
1927
  min-width: 0;
2020
1928
  }
2021
1929
  .pa-col-md-2-5 {
2022
1930
  flex: 0 0 40%;
2023
1931
  max-width: 40%;
2024
- padding-left: 0.8rem;
2025
- padding-right: 0.8rem;
1932
+ padding-inline: 0.8rem;
2026
1933
  min-width: 0;
2027
1934
  }
2028
1935
  .pa-col-md-3-5 {
2029
1936
  flex: 0 0 60%;
2030
1937
  max-width: 60%;
2031
- padding-left: 0.8rem;
2032
- padding-right: 0.8rem;
1938
+ padding-inline: 0.8rem;
2033
1939
  min-width: 0;
2034
1940
  }
2035
1941
  .pa-col-md-4-5 {
2036
1942
  flex: 0 0 80%;
2037
1943
  max-width: 80%;
2038
- padding-left: 0.8rem;
2039
- padding-right: 0.8rem;
1944
+ padding-inline: 0.8rem;
2040
1945
  min-width: 0;
2041
1946
  }
2042
1947
  .pa-col-md-1-6 {
2043
1948
  flex: 0 0 16.667%;
2044
1949
  max-width: 16.667%;
2045
- padding-left: 0.8rem;
2046
- padding-right: 0.8rem;
1950
+ padding-inline: 0.8rem;
2047
1951
  min-width: 0;
2048
1952
  }
2049
1953
  .pa-col-md-5-6 {
2050
1954
  flex: 0 0 83.333%;
2051
1955
  max-width: 83.333%;
2052
- padding-left: 0.8rem;
2053
- padding-right: 0.8rem;
1956
+ padding-inline: 0.8rem;
2054
1957
  min-width: 0;
2055
1958
  }
2056
1959
  .pa-col-md-1-12 {
2057
1960
  flex: 0 0 8.333%;
2058
1961
  max-width: 8.333%;
2059
- padding-left: 0.8rem;
2060
- padding-right: 0.8rem;
1962
+ padding-inline: 0.8rem;
2061
1963
  min-width: 0;
2062
1964
  }
2063
1965
  .pa-col-md-5-12 {
2064
1966
  flex: 0 0 41.667%;
2065
1967
  max-width: 41.667%;
2066
- padding-left: 0.8rem;
2067
- padding-right: 0.8rem;
1968
+ padding-inline: 0.8rem;
2068
1969
  min-width: 0;
2069
1970
  }
2070
1971
  .pa-col-md-7-12 {
2071
1972
  flex: 0 0 58.333%;
2072
1973
  max-width: 58.333%;
2073
- padding-left: 0.8rem;
2074
- padding-right: 0.8rem;
1974
+ padding-inline: 0.8rem;
2075
1975
  min-width: 0;
2076
1976
  }
2077
1977
  .pa-col-md-11-12 {
2078
1978
  flex: 0 0 91.667%;
2079
1979
  max-width: 91.667%;
2080
- padding-left: 0.8rem;
2081
- padding-right: 0.8rem;
1980
+ padding-inline: 0.8rem;
2082
1981
  min-width: 0;
2083
1982
  }
2084
1983
  .pa-offset-md-5 {
2085
- margin-left: 5%;
1984
+ margin-inline-start: 5%;
2086
1985
  }
2087
1986
  .pa-offset-md-10 {
2088
- margin-left: 10%;
1987
+ margin-inline-start: 10%;
2089
1988
  }
2090
1989
  .pa-offset-md-15 {
2091
- margin-left: 15%;
1990
+ margin-inline-start: 15%;
2092
1991
  }
2093
1992
  .pa-offset-md-20 {
2094
- margin-left: 20%;
1993
+ margin-inline-start: 20%;
2095
1994
  }
2096
1995
  .pa-offset-md-25 {
2097
- margin-left: 25%;
1996
+ margin-inline-start: 25%;
2098
1997
  }
2099
1998
  .pa-offset-md-30 {
2100
- margin-left: 30%;
1999
+ margin-inline-start: 30%;
2101
2000
  }
2102
2001
  .pa-offset-md-35 {
2103
- margin-left: 35%;
2002
+ margin-inline-start: 35%;
2104
2003
  }
2105
2004
  .pa-offset-md-40 {
2106
- margin-left: 40%;
2005
+ margin-inline-start: 40%;
2107
2006
  }
2108
2007
  .pa-offset-md-45 {
2109
- margin-left: 45%;
2008
+ margin-inline-start: 45%;
2110
2009
  }
2111
2010
  .pa-offset-md-50 {
2112
- margin-left: 50%;
2011
+ margin-inline-start: 50%;
2113
2012
  }
2114
2013
  .pa-offset-md-55 {
2115
- margin-left: 55%;
2014
+ margin-inline-start: 55%;
2116
2015
  }
2117
2016
  .pa-offset-md-60 {
2118
- margin-left: 60%;
2017
+ margin-inline-start: 60%;
2119
2018
  }
2120
2019
  .pa-offset-md-65 {
2121
- margin-left: 65%;
2020
+ margin-inline-start: 65%;
2122
2021
  }
2123
2022
  .pa-offset-md-70 {
2124
- margin-left: 70%;
2023
+ margin-inline-start: 70%;
2125
2024
  }
2126
2025
  .pa-offset-md-75 {
2127
- margin-left: 75%;
2026
+ margin-inline-start: 75%;
2128
2027
  }
2129
2028
  .pa-offset-md-80 {
2130
- margin-left: 80%;
2029
+ margin-inline-start: 80%;
2131
2030
  }
2132
2031
  .pa-offset-md-85 {
2133
- margin-left: 85%;
2032
+ margin-inline-start: 85%;
2134
2033
  }
2135
2034
  .pa-offset-md-90 {
2136
- margin-left: 90%;
2035
+ margin-inline-start: 90%;
2137
2036
  }
2138
2037
  .pa-offset-md-95 {
2139
- margin-left: 95%;
2038
+ margin-inline-start: 95%;
2140
2039
  }
2141
2040
  .pa-col-md-auto {
2142
2041
  flex: 0 0 auto;
@@ -2147,304 +2046,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2147
2046
  .pa-col-lg-5 {
2148
2047
  flex: 0 0 5%;
2149
2048
  max-width: 5%;
2150
- padding-left: 0.8rem;
2151
- padding-right: 0.8rem;
2049
+ padding-inline: 0.8rem;
2152
2050
  min-width: 0;
2153
2051
  }
2154
2052
  .pa-col-lg-10 {
2155
2053
  flex: 0 0 10%;
2156
2054
  max-width: 10%;
2157
- padding-left: 0.8rem;
2158
- padding-right: 0.8rem;
2055
+ padding-inline: 0.8rem;
2159
2056
  min-width: 0;
2160
2057
  }
2161
2058
  .pa-col-lg-15 {
2162
2059
  flex: 0 0 15%;
2163
2060
  max-width: 15%;
2164
- padding-left: 0.8rem;
2165
- padding-right: 0.8rem;
2061
+ padding-inline: 0.8rem;
2166
2062
  min-width: 0;
2167
2063
  }
2168
2064
  .pa-col-lg-20 {
2169
2065
  flex: 0 0 20%;
2170
2066
  max-width: 20%;
2171
- padding-left: 0.8rem;
2172
- padding-right: 0.8rem;
2067
+ padding-inline: 0.8rem;
2173
2068
  min-width: 0;
2174
2069
  }
2175
2070
  .pa-col-lg-25 {
2176
2071
  flex: 0 0 25%;
2177
2072
  max-width: 25%;
2178
- padding-left: 0.8rem;
2179
- padding-right: 0.8rem;
2073
+ padding-inline: 0.8rem;
2180
2074
  min-width: 0;
2181
2075
  }
2182
2076
  .pa-col-lg-30 {
2183
2077
  flex: 0 0 30%;
2184
2078
  max-width: 30%;
2185
- padding-left: 0.8rem;
2186
- padding-right: 0.8rem;
2079
+ padding-inline: 0.8rem;
2187
2080
  min-width: 0;
2188
2081
  }
2189
2082
  .pa-col-lg-35 {
2190
2083
  flex: 0 0 35%;
2191
2084
  max-width: 35%;
2192
- padding-left: 0.8rem;
2193
- padding-right: 0.8rem;
2085
+ padding-inline: 0.8rem;
2194
2086
  min-width: 0;
2195
2087
  }
2196
2088
  .pa-col-lg-40 {
2197
2089
  flex: 0 0 40%;
2198
2090
  max-width: 40%;
2199
- padding-left: 0.8rem;
2200
- padding-right: 0.8rem;
2091
+ padding-inline: 0.8rem;
2201
2092
  min-width: 0;
2202
2093
  }
2203
2094
  .pa-col-lg-45 {
2204
2095
  flex: 0 0 45%;
2205
2096
  max-width: 45%;
2206
- padding-left: 0.8rem;
2207
- padding-right: 0.8rem;
2097
+ padding-inline: 0.8rem;
2208
2098
  min-width: 0;
2209
2099
  }
2210
2100
  .pa-col-lg-50 {
2211
2101
  flex: 0 0 50%;
2212
2102
  max-width: 50%;
2213
- padding-left: 0.8rem;
2214
- padding-right: 0.8rem;
2103
+ padding-inline: 0.8rem;
2215
2104
  min-width: 0;
2216
2105
  }
2217
2106
  .pa-col-lg-55 {
2218
2107
  flex: 0 0 55%;
2219
2108
  max-width: 55%;
2220
- padding-left: 0.8rem;
2221
- padding-right: 0.8rem;
2109
+ padding-inline: 0.8rem;
2222
2110
  min-width: 0;
2223
2111
  }
2224
2112
  .pa-col-lg-60 {
2225
2113
  flex: 0 0 60%;
2226
2114
  max-width: 60%;
2227
- padding-left: 0.8rem;
2228
- padding-right: 0.8rem;
2115
+ padding-inline: 0.8rem;
2229
2116
  min-width: 0;
2230
2117
  }
2231
2118
  .pa-col-lg-65 {
2232
2119
  flex: 0 0 65%;
2233
2120
  max-width: 65%;
2234
- padding-left: 0.8rem;
2235
- padding-right: 0.8rem;
2121
+ padding-inline: 0.8rem;
2236
2122
  min-width: 0;
2237
2123
  }
2238
2124
  .pa-col-lg-70 {
2239
2125
  flex: 0 0 70%;
2240
2126
  max-width: 70%;
2241
- padding-left: 0.8rem;
2242
- padding-right: 0.8rem;
2127
+ padding-inline: 0.8rem;
2243
2128
  min-width: 0;
2244
2129
  }
2245
2130
  .pa-col-lg-75 {
2246
2131
  flex: 0 0 75%;
2247
2132
  max-width: 75%;
2248
- padding-left: 0.8rem;
2249
- padding-right: 0.8rem;
2133
+ padding-inline: 0.8rem;
2250
2134
  min-width: 0;
2251
2135
  }
2252
2136
  .pa-col-lg-80 {
2253
2137
  flex: 0 0 80%;
2254
2138
  max-width: 80%;
2255
- padding-left: 0.8rem;
2256
- padding-right: 0.8rem;
2139
+ padding-inline: 0.8rem;
2257
2140
  min-width: 0;
2258
2141
  }
2259
2142
  .pa-col-lg-85 {
2260
2143
  flex: 0 0 85%;
2261
2144
  max-width: 85%;
2262
- padding-left: 0.8rem;
2263
- padding-right: 0.8rem;
2145
+ padding-inline: 0.8rem;
2264
2146
  min-width: 0;
2265
2147
  }
2266
2148
  .pa-col-lg-90 {
2267
2149
  flex: 0 0 90%;
2268
2150
  max-width: 90%;
2269
- padding-left: 0.8rem;
2270
- padding-right: 0.8rem;
2151
+ padding-inline: 0.8rem;
2271
2152
  min-width: 0;
2272
2153
  }
2273
2154
  .pa-col-lg-95 {
2274
2155
  flex: 0 0 95%;
2275
2156
  max-width: 95%;
2276
- padding-left: 0.8rem;
2277
- padding-right: 0.8rem;
2157
+ padding-inline: 0.8rem;
2278
2158
  min-width: 0;
2279
2159
  }
2280
2160
  .pa-col-lg-100 {
2281
2161
  flex: 0 0 100%;
2282
2162
  max-width: 100%;
2283
- padding-left: 0.8rem;
2284
- padding-right: 0.8rem;
2163
+ padding-inline: 0.8rem;
2285
2164
  min-width: 0;
2286
2165
  }
2287
2166
  .pa-col-lg-1-2 {
2288
2167
  flex: 0 0 50%;
2289
2168
  max-width: 50%;
2290
- padding-left: 0.8rem;
2291
- padding-right: 0.8rem;
2169
+ padding-inline: 0.8rem;
2292
2170
  min-width: 0;
2293
2171
  }
2294
2172
  .pa-col-lg-1-3 {
2295
2173
  flex: 0 0 33.333%;
2296
2174
  max-width: 33.333%;
2297
- padding-left: 0.8rem;
2298
- padding-right: 0.8rem;
2175
+ padding-inline: 0.8rem;
2299
2176
  min-width: 0;
2300
2177
  }
2301
2178
  .pa-col-lg-2-3 {
2302
2179
  flex: 0 0 66.667%;
2303
2180
  max-width: 66.667%;
2304
- padding-left: 0.8rem;
2305
- padding-right: 0.8rem;
2181
+ padding-inline: 0.8rem;
2306
2182
  min-width: 0;
2307
2183
  }
2308
2184
  .pa-col-lg-1-4 {
2309
2185
  flex: 0 0 25%;
2310
2186
  max-width: 25%;
2311
- padding-left: 0.8rem;
2312
- padding-right: 0.8rem;
2187
+ padding-inline: 0.8rem;
2313
2188
  min-width: 0;
2314
2189
  }
2315
2190
  .pa-col-lg-3-4 {
2316
2191
  flex: 0 0 75%;
2317
2192
  max-width: 75%;
2318
- padding-left: 0.8rem;
2319
- padding-right: 0.8rem;
2193
+ padding-inline: 0.8rem;
2320
2194
  min-width: 0;
2321
2195
  }
2322
2196
  .pa-col-lg-1-5 {
2323
2197
  flex: 0 0 20%;
2324
2198
  max-width: 20%;
2325
- padding-left: 0.8rem;
2326
- padding-right: 0.8rem;
2199
+ padding-inline: 0.8rem;
2327
2200
  min-width: 0;
2328
2201
  }
2329
2202
  .pa-col-lg-2-5 {
2330
2203
  flex: 0 0 40%;
2331
2204
  max-width: 40%;
2332
- padding-left: 0.8rem;
2333
- padding-right: 0.8rem;
2205
+ padding-inline: 0.8rem;
2334
2206
  min-width: 0;
2335
2207
  }
2336
2208
  .pa-col-lg-3-5 {
2337
2209
  flex: 0 0 60%;
2338
2210
  max-width: 60%;
2339
- padding-left: 0.8rem;
2340
- padding-right: 0.8rem;
2211
+ padding-inline: 0.8rem;
2341
2212
  min-width: 0;
2342
2213
  }
2343
2214
  .pa-col-lg-4-5 {
2344
2215
  flex: 0 0 80%;
2345
2216
  max-width: 80%;
2346
- padding-left: 0.8rem;
2347
- padding-right: 0.8rem;
2217
+ padding-inline: 0.8rem;
2348
2218
  min-width: 0;
2349
2219
  }
2350
2220
  .pa-col-lg-1-6 {
2351
2221
  flex: 0 0 16.667%;
2352
2222
  max-width: 16.667%;
2353
- padding-left: 0.8rem;
2354
- padding-right: 0.8rem;
2223
+ padding-inline: 0.8rem;
2355
2224
  min-width: 0;
2356
2225
  }
2357
2226
  .pa-col-lg-5-6 {
2358
2227
  flex: 0 0 83.333%;
2359
2228
  max-width: 83.333%;
2360
- padding-left: 0.8rem;
2361
- padding-right: 0.8rem;
2229
+ padding-inline: 0.8rem;
2362
2230
  min-width: 0;
2363
2231
  }
2364
2232
  .pa-col-lg-1-12 {
2365
2233
  flex: 0 0 8.333%;
2366
2234
  max-width: 8.333%;
2367
- padding-left: 0.8rem;
2368
- padding-right: 0.8rem;
2235
+ padding-inline: 0.8rem;
2369
2236
  min-width: 0;
2370
2237
  }
2371
2238
  .pa-col-lg-5-12 {
2372
2239
  flex: 0 0 41.667%;
2373
2240
  max-width: 41.667%;
2374
- padding-left: 0.8rem;
2375
- padding-right: 0.8rem;
2241
+ padding-inline: 0.8rem;
2376
2242
  min-width: 0;
2377
2243
  }
2378
2244
  .pa-col-lg-7-12 {
2379
2245
  flex: 0 0 58.333%;
2380
2246
  max-width: 58.333%;
2381
- padding-left: 0.8rem;
2382
- padding-right: 0.8rem;
2247
+ padding-inline: 0.8rem;
2383
2248
  min-width: 0;
2384
2249
  }
2385
2250
  .pa-col-lg-11-12 {
2386
2251
  flex: 0 0 91.667%;
2387
2252
  max-width: 91.667%;
2388
- padding-left: 0.8rem;
2389
- padding-right: 0.8rem;
2253
+ padding-inline: 0.8rem;
2390
2254
  min-width: 0;
2391
2255
  }
2392
2256
  .pa-offset-lg-5 {
2393
- margin-left: 5%;
2257
+ margin-inline-start: 5%;
2394
2258
  }
2395
2259
  .pa-offset-lg-10 {
2396
- margin-left: 10%;
2260
+ margin-inline-start: 10%;
2397
2261
  }
2398
2262
  .pa-offset-lg-15 {
2399
- margin-left: 15%;
2263
+ margin-inline-start: 15%;
2400
2264
  }
2401
2265
  .pa-offset-lg-20 {
2402
- margin-left: 20%;
2266
+ margin-inline-start: 20%;
2403
2267
  }
2404
2268
  .pa-offset-lg-25 {
2405
- margin-left: 25%;
2269
+ margin-inline-start: 25%;
2406
2270
  }
2407
2271
  .pa-offset-lg-30 {
2408
- margin-left: 30%;
2272
+ margin-inline-start: 30%;
2409
2273
  }
2410
2274
  .pa-offset-lg-35 {
2411
- margin-left: 35%;
2275
+ margin-inline-start: 35%;
2412
2276
  }
2413
2277
  .pa-offset-lg-40 {
2414
- margin-left: 40%;
2278
+ margin-inline-start: 40%;
2415
2279
  }
2416
2280
  .pa-offset-lg-45 {
2417
- margin-left: 45%;
2281
+ margin-inline-start: 45%;
2418
2282
  }
2419
2283
  .pa-offset-lg-50 {
2420
- margin-left: 50%;
2284
+ margin-inline-start: 50%;
2421
2285
  }
2422
2286
  .pa-offset-lg-55 {
2423
- margin-left: 55%;
2287
+ margin-inline-start: 55%;
2424
2288
  }
2425
2289
  .pa-offset-lg-60 {
2426
- margin-left: 60%;
2290
+ margin-inline-start: 60%;
2427
2291
  }
2428
2292
  .pa-offset-lg-65 {
2429
- margin-left: 65%;
2293
+ margin-inline-start: 65%;
2430
2294
  }
2431
2295
  .pa-offset-lg-70 {
2432
- margin-left: 70%;
2296
+ margin-inline-start: 70%;
2433
2297
  }
2434
2298
  .pa-offset-lg-75 {
2435
- margin-left: 75%;
2299
+ margin-inline-start: 75%;
2436
2300
  }
2437
2301
  .pa-offset-lg-80 {
2438
- margin-left: 80%;
2302
+ margin-inline-start: 80%;
2439
2303
  }
2440
2304
  .pa-offset-lg-85 {
2441
- margin-left: 85%;
2305
+ margin-inline-start: 85%;
2442
2306
  }
2443
2307
  .pa-offset-lg-90 {
2444
- margin-left: 90%;
2308
+ margin-inline-start: 90%;
2445
2309
  }
2446
2310
  .pa-offset-lg-95 {
2447
- margin-left: 95%;
2311
+ margin-inline-start: 95%;
2448
2312
  }
2449
2313
  .pa-col-lg-auto {
2450
2314
  flex: 0 0 auto;
@@ -2455,304 +2319,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2455
2319
  .pa-col-xl-5 {
2456
2320
  flex: 0 0 5%;
2457
2321
  max-width: 5%;
2458
- padding-left: 0.8rem;
2459
- padding-right: 0.8rem;
2322
+ padding-inline: 0.8rem;
2460
2323
  min-width: 0;
2461
2324
  }
2462
2325
  .pa-col-xl-10 {
2463
2326
  flex: 0 0 10%;
2464
2327
  max-width: 10%;
2465
- padding-left: 0.8rem;
2466
- padding-right: 0.8rem;
2328
+ padding-inline: 0.8rem;
2467
2329
  min-width: 0;
2468
2330
  }
2469
2331
  .pa-col-xl-15 {
2470
2332
  flex: 0 0 15%;
2471
2333
  max-width: 15%;
2472
- padding-left: 0.8rem;
2473
- padding-right: 0.8rem;
2334
+ padding-inline: 0.8rem;
2474
2335
  min-width: 0;
2475
2336
  }
2476
2337
  .pa-col-xl-20 {
2477
2338
  flex: 0 0 20%;
2478
2339
  max-width: 20%;
2479
- padding-left: 0.8rem;
2480
- padding-right: 0.8rem;
2340
+ padding-inline: 0.8rem;
2481
2341
  min-width: 0;
2482
2342
  }
2483
2343
  .pa-col-xl-25 {
2484
2344
  flex: 0 0 25%;
2485
2345
  max-width: 25%;
2486
- padding-left: 0.8rem;
2487
- padding-right: 0.8rem;
2346
+ padding-inline: 0.8rem;
2488
2347
  min-width: 0;
2489
2348
  }
2490
2349
  .pa-col-xl-30 {
2491
2350
  flex: 0 0 30%;
2492
2351
  max-width: 30%;
2493
- padding-left: 0.8rem;
2494
- padding-right: 0.8rem;
2352
+ padding-inline: 0.8rem;
2495
2353
  min-width: 0;
2496
2354
  }
2497
2355
  .pa-col-xl-35 {
2498
2356
  flex: 0 0 35%;
2499
2357
  max-width: 35%;
2500
- padding-left: 0.8rem;
2501
- padding-right: 0.8rem;
2358
+ padding-inline: 0.8rem;
2502
2359
  min-width: 0;
2503
2360
  }
2504
2361
  .pa-col-xl-40 {
2505
2362
  flex: 0 0 40%;
2506
2363
  max-width: 40%;
2507
- padding-left: 0.8rem;
2508
- padding-right: 0.8rem;
2364
+ padding-inline: 0.8rem;
2509
2365
  min-width: 0;
2510
2366
  }
2511
2367
  .pa-col-xl-45 {
2512
2368
  flex: 0 0 45%;
2513
2369
  max-width: 45%;
2514
- padding-left: 0.8rem;
2515
- padding-right: 0.8rem;
2370
+ padding-inline: 0.8rem;
2516
2371
  min-width: 0;
2517
2372
  }
2518
2373
  .pa-col-xl-50 {
2519
2374
  flex: 0 0 50%;
2520
2375
  max-width: 50%;
2521
- padding-left: 0.8rem;
2522
- padding-right: 0.8rem;
2376
+ padding-inline: 0.8rem;
2523
2377
  min-width: 0;
2524
2378
  }
2525
2379
  .pa-col-xl-55 {
2526
2380
  flex: 0 0 55%;
2527
2381
  max-width: 55%;
2528
- padding-left: 0.8rem;
2529
- padding-right: 0.8rem;
2382
+ padding-inline: 0.8rem;
2530
2383
  min-width: 0;
2531
2384
  }
2532
2385
  .pa-col-xl-60 {
2533
2386
  flex: 0 0 60%;
2534
2387
  max-width: 60%;
2535
- padding-left: 0.8rem;
2536
- padding-right: 0.8rem;
2388
+ padding-inline: 0.8rem;
2537
2389
  min-width: 0;
2538
2390
  }
2539
2391
  .pa-col-xl-65 {
2540
2392
  flex: 0 0 65%;
2541
2393
  max-width: 65%;
2542
- padding-left: 0.8rem;
2543
- padding-right: 0.8rem;
2394
+ padding-inline: 0.8rem;
2544
2395
  min-width: 0;
2545
2396
  }
2546
2397
  .pa-col-xl-70 {
2547
2398
  flex: 0 0 70%;
2548
2399
  max-width: 70%;
2549
- padding-left: 0.8rem;
2550
- padding-right: 0.8rem;
2400
+ padding-inline: 0.8rem;
2551
2401
  min-width: 0;
2552
2402
  }
2553
2403
  .pa-col-xl-75 {
2554
2404
  flex: 0 0 75%;
2555
2405
  max-width: 75%;
2556
- padding-left: 0.8rem;
2557
- padding-right: 0.8rem;
2406
+ padding-inline: 0.8rem;
2558
2407
  min-width: 0;
2559
2408
  }
2560
2409
  .pa-col-xl-80 {
2561
2410
  flex: 0 0 80%;
2562
2411
  max-width: 80%;
2563
- padding-left: 0.8rem;
2564
- padding-right: 0.8rem;
2412
+ padding-inline: 0.8rem;
2565
2413
  min-width: 0;
2566
2414
  }
2567
2415
  .pa-col-xl-85 {
2568
2416
  flex: 0 0 85%;
2569
2417
  max-width: 85%;
2570
- padding-left: 0.8rem;
2571
- padding-right: 0.8rem;
2418
+ padding-inline: 0.8rem;
2572
2419
  min-width: 0;
2573
2420
  }
2574
2421
  .pa-col-xl-90 {
2575
2422
  flex: 0 0 90%;
2576
2423
  max-width: 90%;
2577
- padding-left: 0.8rem;
2578
- padding-right: 0.8rem;
2424
+ padding-inline: 0.8rem;
2579
2425
  min-width: 0;
2580
2426
  }
2581
2427
  .pa-col-xl-95 {
2582
2428
  flex: 0 0 95%;
2583
2429
  max-width: 95%;
2584
- padding-left: 0.8rem;
2585
- padding-right: 0.8rem;
2430
+ padding-inline: 0.8rem;
2586
2431
  min-width: 0;
2587
2432
  }
2588
2433
  .pa-col-xl-100 {
2589
2434
  flex: 0 0 100%;
2590
2435
  max-width: 100%;
2591
- padding-left: 0.8rem;
2592
- padding-right: 0.8rem;
2436
+ padding-inline: 0.8rem;
2593
2437
  min-width: 0;
2594
2438
  }
2595
2439
  .pa-col-xl-1-2 {
2596
2440
  flex: 0 0 50%;
2597
2441
  max-width: 50%;
2598
- padding-left: 0.8rem;
2599
- padding-right: 0.8rem;
2442
+ padding-inline: 0.8rem;
2600
2443
  min-width: 0;
2601
2444
  }
2602
2445
  .pa-col-xl-1-3 {
2603
2446
  flex: 0 0 33.333%;
2604
2447
  max-width: 33.333%;
2605
- padding-left: 0.8rem;
2606
- padding-right: 0.8rem;
2448
+ padding-inline: 0.8rem;
2607
2449
  min-width: 0;
2608
2450
  }
2609
2451
  .pa-col-xl-2-3 {
2610
2452
  flex: 0 0 66.667%;
2611
2453
  max-width: 66.667%;
2612
- padding-left: 0.8rem;
2613
- padding-right: 0.8rem;
2454
+ padding-inline: 0.8rem;
2614
2455
  min-width: 0;
2615
2456
  }
2616
2457
  .pa-col-xl-1-4 {
2617
2458
  flex: 0 0 25%;
2618
2459
  max-width: 25%;
2619
- padding-left: 0.8rem;
2620
- padding-right: 0.8rem;
2460
+ padding-inline: 0.8rem;
2621
2461
  min-width: 0;
2622
2462
  }
2623
2463
  .pa-col-xl-3-4 {
2624
2464
  flex: 0 0 75%;
2625
2465
  max-width: 75%;
2626
- padding-left: 0.8rem;
2627
- padding-right: 0.8rem;
2466
+ padding-inline: 0.8rem;
2628
2467
  min-width: 0;
2629
2468
  }
2630
2469
  .pa-col-xl-1-5 {
2631
2470
  flex: 0 0 20%;
2632
2471
  max-width: 20%;
2633
- padding-left: 0.8rem;
2634
- padding-right: 0.8rem;
2472
+ padding-inline: 0.8rem;
2635
2473
  min-width: 0;
2636
2474
  }
2637
2475
  .pa-col-xl-2-5 {
2638
2476
  flex: 0 0 40%;
2639
2477
  max-width: 40%;
2640
- padding-left: 0.8rem;
2641
- padding-right: 0.8rem;
2478
+ padding-inline: 0.8rem;
2642
2479
  min-width: 0;
2643
2480
  }
2644
2481
  .pa-col-xl-3-5 {
2645
2482
  flex: 0 0 60%;
2646
2483
  max-width: 60%;
2647
- padding-left: 0.8rem;
2648
- padding-right: 0.8rem;
2484
+ padding-inline: 0.8rem;
2649
2485
  min-width: 0;
2650
2486
  }
2651
2487
  .pa-col-xl-4-5 {
2652
2488
  flex: 0 0 80%;
2653
2489
  max-width: 80%;
2654
- padding-left: 0.8rem;
2655
- padding-right: 0.8rem;
2490
+ padding-inline: 0.8rem;
2656
2491
  min-width: 0;
2657
2492
  }
2658
2493
  .pa-col-xl-1-6 {
2659
2494
  flex: 0 0 16.667%;
2660
2495
  max-width: 16.667%;
2661
- padding-left: 0.8rem;
2662
- padding-right: 0.8rem;
2496
+ padding-inline: 0.8rem;
2663
2497
  min-width: 0;
2664
2498
  }
2665
2499
  .pa-col-xl-5-6 {
2666
2500
  flex: 0 0 83.333%;
2667
2501
  max-width: 83.333%;
2668
- padding-left: 0.8rem;
2669
- padding-right: 0.8rem;
2502
+ padding-inline: 0.8rem;
2670
2503
  min-width: 0;
2671
2504
  }
2672
2505
  .pa-col-xl-1-12 {
2673
2506
  flex: 0 0 8.333%;
2674
2507
  max-width: 8.333%;
2675
- padding-left: 0.8rem;
2676
- padding-right: 0.8rem;
2508
+ padding-inline: 0.8rem;
2677
2509
  min-width: 0;
2678
2510
  }
2679
2511
  .pa-col-xl-5-12 {
2680
2512
  flex: 0 0 41.667%;
2681
2513
  max-width: 41.667%;
2682
- padding-left: 0.8rem;
2683
- padding-right: 0.8rem;
2514
+ padding-inline: 0.8rem;
2684
2515
  min-width: 0;
2685
2516
  }
2686
2517
  .pa-col-xl-7-12 {
2687
2518
  flex: 0 0 58.333%;
2688
2519
  max-width: 58.333%;
2689
- padding-left: 0.8rem;
2690
- padding-right: 0.8rem;
2520
+ padding-inline: 0.8rem;
2691
2521
  min-width: 0;
2692
2522
  }
2693
2523
  .pa-col-xl-11-12 {
2694
2524
  flex: 0 0 91.667%;
2695
2525
  max-width: 91.667%;
2696
- padding-left: 0.8rem;
2697
- padding-right: 0.8rem;
2526
+ padding-inline: 0.8rem;
2698
2527
  min-width: 0;
2699
2528
  }
2700
2529
  .pa-offset-xl-5 {
2701
- margin-left: 5%;
2530
+ margin-inline-start: 5%;
2702
2531
  }
2703
2532
  .pa-offset-xl-10 {
2704
- margin-left: 10%;
2533
+ margin-inline-start: 10%;
2705
2534
  }
2706
2535
  .pa-offset-xl-15 {
2707
- margin-left: 15%;
2536
+ margin-inline-start: 15%;
2708
2537
  }
2709
2538
  .pa-offset-xl-20 {
2710
- margin-left: 20%;
2539
+ margin-inline-start: 20%;
2711
2540
  }
2712
2541
  .pa-offset-xl-25 {
2713
- margin-left: 25%;
2542
+ margin-inline-start: 25%;
2714
2543
  }
2715
2544
  .pa-offset-xl-30 {
2716
- margin-left: 30%;
2545
+ margin-inline-start: 30%;
2717
2546
  }
2718
2547
  .pa-offset-xl-35 {
2719
- margin-left: 35%;
2548
+ margin-inline-start: 35%;
2720
2549
  }
2721
2550
  .pa-offset-xl-40 {
2722
- margin-left: 40%;
2551
+ margin-inline-start: 40%;
2723
2552
  }
2724
2553
  .pa-offset-xl-45 {
2725
- margin-left: 45%;
2554
+ margin-inline-start: 45%;
2726
2555
  }
2727
2556
  .pa-offset-xl-50 {
2728
- margin-left: 50%;
2557
+ margin-inline-start: 50%;
2729
2558
  }
2730
2559
  .pa-offset-xl-55 {
2731
- margin-left: 55%;
2560
+ margin-inline-start: 55%;
2732
2561
  }
2733
2562
  .pa-offset-xl-60 {
2734
- margin-left: 60%;
2563
+ margin-inline-start: 60%;
2735
2564
  }
2736
2565
  .pa-offset-xl-65 {
2737
- margin-left: 65%;
2566
+ margin-inline-start: 65%;
2738
2567
  }
2739
2568
  .pa-offset-xl-70 {
2740
- margin-left: 70%;
2569
+ margin-inline-start: 70%;
2741
2570
  }
2742
2571
  .pa-offset-xl-75 {
2743
- margin-left: 75%;
2572
+ margin-inline-start: 75%;
2744
2573
  }
2745
2574
  .pa-offset-xl-80 {
2746
- margin-left: 80%;
2575
+ margin-inline-start: 80%;
2747
2576
  }
2748
2577
  .pa-offset-xl-85 {
2749
- margin-left: 85%;
2578
+ margin-inline-start: 85%;
2750
2579
  }
2751
2580
  .pa-offset-xl-90 {
2752
- margin-left: 90%;
2581
+ margin-inline-start: 90%;
2753
2582
  }
2754
2583
  .pa-offset-xl-95 {
2755
- margin-left: 95%;
2584
+ margin-inline-start: 95%;
2756
2585
  }
2757
2586
  .pa-col-xl-auto {
2758
2587
  flex: 0 0 auto;
@@ -2760,8 +2589,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2760
2589
  }
2761
2590
  }
2762
2591
  .pa-col--no-padding {
2763
- padding-left: 0;
2764
- padding-right: 0;
2592
+ padding-inline: 0;
2765
2593
  }
2766
2594
 
2767
2595
  .pa-col--grow {
@@ -3560,10 +3388,10 @@ a.pa-card p {
3560
3388
  .pa-tabs--vertical {
3561
3389
  flex-direction: column;
3562
3390
  border-bottom: none;
3563
- border-right: 1px solid var(--pa-border-color);
3391
+ border-inline-end: 1px solid var(--pa-border-color);
3564
3392
  gap: 0;
3565
3393
  margin-bottom: 0;
3566
- padding-right: 0;
3394
+ padding-inline-end: 0;
3567
3395
  width: fit-content;
3568
3396
  min-width: max-content;
3569
3397
  }
@@ -3571,9 +3399,12 @@ a.pa-card p {
3571
3399
  .pa-tabs--vertical .pa-tabs__item {
3572
3400
  justify-content: flex-start;
3573
3401
  border-bottom: none;
3574
- border-right: 2px solid transparent;
3402
+ border-inline-end: 2px solid transparent;
3575
3403
  padding: 0.8rem;
3576
- border-radius: 4px 0 0 4px;
3404
+ border-start-start-radius: 4px;
3405
+ border-end-start-radius: 4px;
3406
+ border-start-end-radius: 0;
3407
+ border-end-end-radius: 0;
3577
3408
  gap: 1.2rem;
3578
3409
  white-space: nowrap;
3579
3410
  min-height: 4rem;
@@ -3584,7 +3415,7 @@ a.pa-card p {
3584
3415
  }
3585
3416
 
3586
3417
  .pa-tabs--vertical .pa-tabs__item--active {
3587
- border-right-color: #007bff;
3418
+ border-inline-end-color: #007bff;
3588
3419
  background-color: rgba(0, 123, 255, 0.1);
3589
3420
  }
3590
3421
 
@@ -3657,16 +3488,24 @@ a.pa-card p {
3657
3488
  background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
3658
3489
  }
3659
3490
 
3660
- .pa-tabs--scrollable .pa-tabs__scroll-btn--left {
3661
- left: 0;
3491
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--left, .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3492
+ inset-inline-start: 0;
3662
3493
  background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3663
3494
  }
3664
3495
 
3665
- .pa-tabs--scrollable .pa-tabs__scroll-btn--right {
3666
- right: 0;
3496
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--left, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3497
+ background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3498
+ }
3499
+
3500
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--right, .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3501
+ inset-inline-end: 0;
3667
3502
  background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3668
3503
  }
3669
3504
 
3505
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--right, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3506
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3507
+ }
3508
+
3670
3509
  .pa-tabs--scrollable .pa-tabs__scroll-btn--visible {
3671
3510
  opacity: 1;
3672
3511
  pointer-events: auto;
@@ -3783,7 +3622,7 @@ a.pa-card p {
3783
3622
 
3784
3623
  .pa-tabs__container--card .pa-tabs__overflow {
3785
3624
  position: relative;
3786
- margin-left: auto;
3625
+ margin-inline-start: auto;
3787
3626
  flex-shrink: 0;
3788
3627
  }
3789
3628
 
@@ -3800,7 +3639,7 @@ a.pa-card p {
3800
3639
  color: var(--pa-text-color-2);
3801
3640
  cursor: pointer;
3802
3641
  transition: all 0.1s ease-out;
3803
- border-left: 1px solid var(--pa-border-color);
3642
+ border-inline-start: 1px solid var(--pa-border-color);
3804
3643
  margin: -0.5rem -1rem -0.5rem 0;
3805
3644
  box-sizing: content-box;
3806
3645
  height: 4rem;
@@ -3832,7 +3671,7 @@ a.pa-card p {
3832
3671
  .pa-tabs__container--card .pa-tabs__overflow-menu {
3833
3672
  position: absolute;
3834
3673
  top: 4rem;
3835
- right: 0;
3674
+ inset-inline-end: 0;
3836
3675
  min-width: 15rem;
3837
3676
  background: var(--pa-card-bg);
3838
3677
  border: 1px solid var(--pa-border-color);
@@ -3853,7 +3692,7 @@ a.pa-card p {
3853
3692
  border: none;
3854
3693
  border-bottom: none;
3855
3694
  border-radius: 0;
3856
- text-align: left;
3695
+ text-align: start;
3857
3696
  white-space: nowrap;
3858
3697
  }
3859
3698
 
@@ -3885,7 +3724,7 @@ a.pa-card p {
3885
3724
  }
3886
3725
 
3887
3726
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
3888
- border-right: 1px solid var(--pa-border-color);
3727
+ border-inline-end: 1px solid var(--pa-border-color);
3889
3728
  }
3890
3729
 
3891
3730
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical .pa-tabs__item {
@@ -4091,7 +3930,7 @@ a.pa-card p {
4091
3930
  ======================================== */
4092
3931
  .pa-list-basic {
4093
3932
  margin: 0;
4094
- padding-left: 2.4rem;
3933
+ padding-inline-start: 2.4rem;
4095
3934
  }
4096
3935
 
4097
3936
  .pa-list-basic li {
@@ -4109,12 +3948,12 @@ a.pa-card p {
4109
3948
 
4110
3949
  .pa-list-basic--unstyled {
4111
3950
  list-style: none;
4112
- padding-left: 0;
3951
+ padding-inline-start: 0;
4113
3952
  }
4114
3953
 
4115
3954
  .pa-list-basic--inline {
4116
3955
  list-style: none;
4117
- padding-left: 0;
3956
+ padding-inline-start: 0;
4118
3957
  display: flex;
4119
3958
  flex-wrap: wrap;
4120
3959
  gap: 1.6rem;
@@ -4122,7 +3961,7 @@ a.pa-card p {
4122
3961
 
4123
3962
  .pa-list-basic--bordered {
4124
3963
  list-style: none;
4125
- padding-left: 0;
3964
+ padding-inline-start: 0;
4126
3965
  }
4127
3966
 
4128
3967
  .pa-list-basic--bordered li {
@@ -4136,7 +3975,7 @@ a.pa-card p {
4136
3975
 
4137
3976
  .pa-list-basic--striped {
4138
3977
  list-style: none;
4139
- padding-left: 0;
3978
+ padding-inline-start: 0;
4140
3979
  }
4141
3980
 
4142
3981
  .pa-list-basic--striped li {
@@ -4149,7 +3988,7 @@ a.pa-card p {
4149
3988
 
4150
3989
  .pa-list-basic--icon {
4151
3990
  list-style: none;
4152
- padding-left: 0;
3991
+ padding-inline-start: 0;
4153
3992
  }
4154
3993
 
4155
3994
  .pa-list-basic--icon li {
@@ -4182,13 +4021,13 @@ a.pa-card p {
4182
4021
 
4183
4022
  .pa-list-ordered {
4184
4023
  margin: 0;
4185
- padding-left: 2.4rem;
4024
+ padding-inline-start: 2.4rem;
4186
4025
  }
4187
4026
 
4188
4027
  .pa-list-ordered li {
4189
4028
  margin-bottom: 0.8rem;
4190
4029
  line-height: 1.6;
4191
- padding-left: 0.4rem;
4030
+ padding-inline-start: 0.4rem;
4192
4031
  }
4193
4032
 
4194
4033
  .pa-list-ordered--roman {
@@ -4215,7 +4054,7 @@ a.pa-card p {
4215
4054
  }
4216
4055
 
4217
4056
  .pa-list-definition dd {
4218
- margin-left: 2.4rem;
4057
+ margin-inline-start: 2.4rem;
4219
4058
  margin-bottom: 0.8rem;
4220
4059
  color: var(--pa-text-color-2);
4221
4060
  line-height: 1.6;
@@ -4223,7 +4062,7 @@ a.pa-card p {
4223
4062
 
4224
4063
  .pa-list-definition--inline dt {
4225
4064
  display: inline;
4226
- margin-right: 0.4rem;
4065
+ margin-inline-end: 0.4rem;
4227
4066
  }
4228
4067
 
4229
4068
  .pa-list-definition--inline dt::after {
@@ -4232,8 +4071,8 @@ a.pa-card p {
4232
4071
 
4233
4072
  .pa-list-definition--inline dd {
4234
4073
  display: inline;
4235
- margin-left: 0;
4236
- margin-right: 1.6rem;
4074
+ margin-inline-start: 0;
4075
+ margin-inline-end: 1.6rem;
4237
4076
  }
4238
4077
 
4239
4078
  .pa-list-definition--inline dd::after {
@@ -5337,16 +5176,16 @@ a.pa-card p {
5337
5176
  }
5338
5177
 
5339
5178
  .pa-btn__icon {
5340
- margin-right: 0.8rem;
5179
+ margin-inline-end: 0.8rem;
5341
5180
  }
5342
5181
 
5343
5182
  .pa-btn__icon:last-child {
5344
- margin-right: 0;
5345
- margin-left: 0.8rem;
5183
+ margin-inline-end: 0;
5184
+ margin-inline-start: 0.8rem;
5346
5185
  }
5347
5186
 
5348
5187
  .pa-btn:has(.pa-btn__icon) {
5349
- text-align: left;
5188
+ text-align: start;
5350
5189
  display: inline-flex;
5351
5190
  align-items: center;
5352
5191
  gap: 0.8rem;
@@ -5371,7 +5210,7 @@ a.pa-card p {
5371
5210
  }
5372
5211
 
5373
5212
  .pa-btn--align-left .pa-btn__icon {
5374
- padding-left: 0;
5213
+ padding-inline-start: 0;
5375
5214
  }
5376
5215
 
5377
5216
  .pa-btn--align-right {
@@ -5379,7 +5218,7 @@ a.pa-card p {
5379
5218
  }
5380
5219
 
5381
5220
  .pa-btn--align-right .pa-btn__icon {
5382
- padding-right: 0;
5221
+ padding-inline-end: 0;
5383
5222
  }
5384
5223
 
5385
5224
  .pa-btn--align-center {
@@ -5391,11 +5230,11 @@ a.pa-card p {
5391
5230
  }
5392
5231
 
5393
5232
  .pa-btn--align-justify .pa-btn__icon:first-child {
5394
- padding-left: 0;
5233
+ padding-inline-start: 0;
5395
5234
  }
5396
5235
 
5397
5236
  .pa-btn--align-justify > *:last-child {
5398
- padding-right: 0;
5237
+ padding-inline-end: 0;
5399
5238
  }
5400
5239
 
5401
5240
  .pa-btn-group {
@@ -5784,7 +5623,7 @@ a.pa-card p {
5784
5623
 
5785
5624
  .pa-tooltip--multiline::before {
5786
5625
  white-space: normal;
5787
- text-align: left;
5626
+ text-align: start;
5788
5627
  width: 32rem;
5789
5628
  max-width: 32rem;
5790
5629
  line-height: 1.5;
@@ -6328,7 +6167,7 @@ a.pa-card p {
6328
6167
  font-size: 1.4rem;
6329
6168
  line-height: 1.5;
6330
6169
  color: var(--pa-text-color-1);
6331
- text-align: left;
6170
+ text-align: start;
6332
6171
  }
6333
6172
 
6334
6173
  .pa-popover__body p {
@@ -6350,7 +6189,7 @@ a.pa-card p {
6350
6189
 
6351
6190
  .pa-popover__body ul, .pa-popover__body ol {
6352
6191
  margin: 0.8rem 0;
6353
- padding-left: 2.4rem;
6192
+ padding-inline-start: 2.4rem;
6354
6193
  }
6355
6194
 
6356
6195
  .pa-popover__body code {
@@ -6397,8 +6236,12 @@ a.pa-card p {
6397
6236
  text-align: center;
6398
6237
  }
6399
6238
 
6239
+ .pa-popover--end .pa-popover__body {
6240
+ text-align: end;
6241
+ }
6242
+
6400
6243
  .pa-popover--right .pa-popover__body {
6401
- text-align: right;
6244
+ text-align: end;
6402
6245
  }
6403
6246
 
6404
6247
  .pa-tooltip-floating {
@@ -6417,7 +6260,7 @@ a.pa-card p {
6417
6260
 
6418
6261
  .pa-tooltip-floating.pa-tooltip--multiline {
6419
6262
  white-space: normal;
6420
- text-align: left;
6263
+ text-align: start;
6421
6264
  max-width: 32rem;
6422
6265
  }
6423
6266
 
@@ -6604,7 +6447,7 @@ a.pa-card p {
6604
6447
  }
6605
6448
 
6606
6449
  .pa-alert--dismissible {
6607
- padding-right: 4.8rem;
6450
+ padding-inline-end: 4.8rem;
6608
6451
  }
6609
6452
 
6610
6453
  .pa-alert__icon {
@@ -6626,7 +6469,7 @@ a.pa-card p {
6626
6469
 
6627
6470
  .pa-alert__list {
6628
6471
  margin: 0.8rem 0;
6629
- padding-left: 2.4rem;
6472
+ padding-inline-start: 2.4rem;
6630
6473
  }
6631
6474
 
6632
6475
  .pa-alert__actions {
@@ -6638,7 +6481,7 @@ a.pa-card p {
6638
6481
  .pa-alert__close {
6639
6482
  position: absolute;
6640
6483
  top: 0;
6641
- right: 0;
6484
+ inset-inline-end: 0;
6642
6485
  z-index: 2px;
6643
6486
  padding: 1.2rem 1rem;
6644
6487
  background: none;
@@ -6698,7 +6541,7 @@ a.pa-card p {
6698
6541
  position: relative;
6699
6542
  padding: 1.2rem 1rem;
6700
6543
  margin-bottom: 1.6rem;
6701
- border-left: 0.4rem solid var(--pa-border-color);
6544
+ border-inline-start: 0.4rem solid var(--pa-border-color);
6702
6545
  border-radius: 4px;
6703
6546
  font-size: 1.4rem;
6704
6547
  background-color: var(--pa-card-bg);
@@ -6713,32 +6556,32 @@ a.pa-card p {
6713
6556
  }
6714
6557
 
6715
6558
  .pa-callout--primary {
6716
- border-left-color: var(--pa-accent);
6559
+ border-inline-start-color: var(--pa-accent);
6717
6560
  background-color: rgba(0, 123, 255, 0.08);
6718
6561
  }
6719
6562
 
6720
6563
  .pa-callout--secondary {
6721
- border-left-color: var(--pa-text-color-2);
6564
+ border-inline-start-color: var(--pa-text-color-2);
6722
6565
  background-color: color-mix(in srgb, var(--pa-text-color-2) 5%, transparent);
6723
6566
  }
6724
6567
 
6725
6568
  .pa-callout--success {
6726
- border-left-color: var(--pa-success-bg);
6569
+ border-inline-start-color: var(--pa-success-bg);
6727
6570
  background-color: var(--pa-success-bg-subtle);
6728
6571
  }
6729
6572
 
6730
6573
  .pa-callout--danger {
6731
- border-left-color: var(--pa-danger-bg);
6574
+ border-inline-start-color: var(--pa-danger-bg);
6732
6575
  background-color: var(--pa-danger-bg-subtle);
6733
6576
  }
6734
6577
 
6735
6578
  .pa-callout--warning {
6736
- border-left-color: var(--pa-warning-bg);
6579
+ border-inline-start-color: var(--pa-warning-bg);
6737
6580
  background-color: var(--pa-warning-bg-subtle);
6738
6581
  }
6739
6582
 
6740
6583
  .pa-callout--info {
6741
- border-left-color: var(--pa-info-bg);
6584
+ border-inline-start-color: var(--pa-info-bg);
6742
6585
  background-color: var(--pa-info-bg-subtle);
6743
6586
  }
6744
6587
 
@@ -6754,7 +6597,14 @@ a.pa-card p {
6754
6597
 
6755
6598
  .pa-callout__icon {
6756
6599
  float: left;
6757
- margin-right: 0.8rem;
6600
+ margin-inline-end: 0.8rem;
6601
+ }
6602
+
6603
+ [dir=rtl] .pa-callout__icon {
6604
+ float: right;
6605
+ }
6606
+
6607
+ .pa-callout__icon {
6758
6608
  font-size: 1.8rem;
6759
6609
  line-height: 1;
6760
6610
  }
@@ -6785,7 +6635,7 @@ a.pa-card p {
6785
6635
 
6786
6636
  .pa-callout ul, .pa-callout ol {
6787
6637
  margin: 0.8rem 0;
6788
- padding-left: 2.4rem;
6638
+ padding-inline-start: 2.4rem;
6789
6639
  }
6790
6640
 
6791
6641
  .pa-callout ul:last-child, .pa-callout ol:last-child {
@@ -7248,6 +7098,7 @@ a.pa-card p {
7248
7098
  /* ========================================
7249
7099
  Input Groups
7250
7100
  Input groups with prepend/append addons and buttons
7101
+ RTL-aware using CSS logical properties
7251
7102
  ======================================== */
7252
7103
  .pa-input-group {
7253
7104
  display: flex;
@@ -7260,21 +7111,21 @@ a.pa-card p {
7260
7111
  }
7261
7112
 
7262
7113
  .pa-input-group .pa-input:first-child {
7263
- border-top-left-radius: 4px;
7264
- border-bottom-left-radius: 4px;
7114
+ border-start-start-radius: 4px;
7115
+ border-end-start-radius: 4px;
7265
7116
  }
7266
7117
 
7267
7118
  .pa-input-group .pa-input:last-child {
7268
- border-top-right-radius: 4px;
7269
- border-bottom-right-radius: 4px;
7119
+ border-start-end-radius: 4px;
7120
+ border-end-end-radius: 4px;
7270
7121
  }
7271
7122
 
7272
7123
  .pa-input-group .pa-input:not(:first-child) {
7273
- border-left: none;
7124
+ border-inline-start: none;
7274
7125
  }
7275
7126
 
7276
7127
  .pa-input-group .pa-input:not(:last-child) {
7277
- border-right: none;
7128
+ border-inline-end: none;
7278
7129
  }
7279
7130
 
7280
7131
  .pa-input-group__prepend, .pa-input-group__append {
@@ -7293,48 +7144,48 @@ a.pa-card p {
7293
7144
  background-color: var(--pa-input-group-prepend-bg);
7294
7145
  color: var(--pa-input-group-prepend-text);
7295
7146
  border-color: var(--pa-input-group-prepend-bg);
7296
- border-right: none;
7147
+ border-inline-end: none;
7297
7148
  }
7298
7149
 
7299
7150
  .pa-input-group__prepend:first-child {
7300
- border-top-left-radius: 4px;
7301
- border-bottom-left-radius: 4px;
7151
+ border-start-start-radius: 4px;
7152
+ border-end-start-radius: 4px;
7302
7153
  }
7303
7154
 
7304
7155
  .pa-input-group__append {
7305
7156
  background-color: var(--pa-input-group-append-bg);
7306
7157
  color: var(--pa-input-group-append-text);
7307
7158
  border-color: var(--pa-input-group-append-bg);
7308
- border-left: none;
7159
+ border-inline-start: none;
7309
7160
  }
7310
7161
 
7311
7162
  .pa-input-group__append:last-child {
7312
- border-top-right-radius: 4px;
7313
- border-bottom-right-radius: 4px;
7163
+ border-start-end-radius: 4px;
7164
+ border-end-end-radius: 4px;
7314
7165
  }
7315
7166
 
7316
7167
  .pa-input-group__prepend + .pa-input-group__prepend {
7317
- border-left: 1px solid var(--pa-input-group-prepend-bg);
7168
+ border-inline-start: 1px solid var(--pa-input-group-prepend-bg);
7318
7169
  }
7319
7170
 
7320
7171
  .pa-input-group__append + .pa-input-group__append {
7321
- border-left: 1px solid var(--pa-input-group-append-bg);
7172
+ border-inline-start: 1px solid var(--pa-input-group-append-bg);
7322
7173
  }
7323
7174
 
7324
7175
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend {
7325
- border-right: 1px solid var(--pa-input-focus-border-color);
7176
+ border-inline-end: 1px solid var(--pa-input-focus-border-color);
7326
7177
  }
7327
7178
 
7328
7179
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
7329
- border-right: none;
7180
+ border-inline-end: none;
7330
7181
  }
7331
7182
 
7332
7183
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append {
7333
- border-left: 1px solid var(--pa-input-focus-border-color);
7184
+ border-inline-start: 1px solid var(--pa-input-focus-border-color);
7334
7185
  }
7335
7186
 
7336
7187
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append + .pa-input-group__append {
7337
- border-left: 1px solid var(--pa-border-color);
7188
+ border-inline-start: 1px solid var(--pa-border-color);
7338
7189
  }
7339
7190
 
7340
7191
  .pa-input-group__button {
@@ -7342,13 +7193,13 @@ a.pa-card p {
7342
7193
  }
7343
7194
 
7344
7195
  .pa-input-group__button:first-child {
7345
- border-top-left-radius: 4px;
7346
- border-bottom-left-radius: 4px;
7196
+ border-start-start-radius: 4px;
7197
+ border-end-start-radius: 4px;
7347
7198
  }
7348
7199
 
7349
7200
  .pa-input-group__button:last-child {
7350
- border-top-right-radius: 4px;
7351
- border-bottom-right-radius: 4px;
7201
+ border-start-end-radius: 4px;
7202
+ border-end-end-radius: 4px;
7352
7203
  }
7353
7204
 
7354
7205
  .pa-input-group--xs .pa-input-group__prepend,
@@ -7397,12 +7248,12 @@ a.pa-card p {
7397
7248
  .pa-input-wrapper .pa-virtual-textbox {
7398
7249
  flex: 1;
7399
7250
  min-width: 0;
7400
- padding-right: 4rem;
7251
+ padding-inline-end: 4rem;
7401
7252
  }
7402
7253
 
7403
7254
  .pa-input-wrapper__clear {
7404
7255
  position: absolute;
7405
- right: 0.4rem;
7256
+ inset-inline-end: 0.4rem;
7406
7257
  top: 50%;
7407
7258
  transform: translateY(-50%);
7408
7259
  background: transparent;
@@ -7448,7 +7299,7 @@ a.pa-card p {
7448
7299
  }
7449
7300
 
7450
7301
  .pa-search-token-remove {
7451
- margin-left: 0.4rem;
7302
+ margin-inline-start: 0.4rem;
7452
7303
  padding: 0 0.4rem;
7453
7304
  border: none;
7454
7305
  background: transparent;
@@ -7548,7 +7399,7 @@ a.pa-card p {
7548
7399
  }
7549
7400
 
7550
7401
  .pa-search-autocomplete__item-type {
7551
- margin-left: auto;
7402
+ margin-inline-start: auto;
7552
7403
  font-size: 1.2rem;
7553
7404
  color: var(--pa-text-color-2);
7554
7405
  opacity: 0.7;
@@ -8074,7 +7925,7 @@ web-multiselect {
8074
7925
 
8075
7926
  .pa-file-dropzone__drop-prompt-icon {
8076
7927
  display: inline-block;
8077
- margin-right: 0.4rem;
7928
+ margin-inline-end: 0.4rem;
8078
7929
  font-size: 1.8rem;
8079
7930
  }
8080
7931
 
@@ -8343,7 +8194,7 @@ web-multiselect {
8343
8194
  }
8344
8195
 
8345
8196
  .pa-file-popover__table th {
8346
- text-align: left;
8197
+ text-align: start;
8347
8198
  padding: 0.4rem 0.8rem;
8348
8199
  border-bottom: 1px solid var(--pa-border-color);
8349
8200
  color: var(--pa-text-color-2);
@@ -8752,13 +8603,13 @@ web-multiselect {
8752
8603
  }
8753
8604
 
8754
8605
  .pa-checkbox-list__label .pa-checkbox {
8755
- margin-right: 1.2rem;
8606
+ margin-inline-end: 1.2rem;
8756
8607
  gap: 0;
8757
8608
  }
8758
8609
 
8759
8610
  .pa-checkbox-list__checkbox {
8760
8611
  margin: 0;
8761
- margin-right: 1.2rem;
8612
+ margin-inline-end: 1.2rem;
8762
8613
  width: 1.6rem;
8763
8614
  height: 1.6rem;
8764
8615
  cursor: pointer;
@@ -8778,7 +8629,7 @@ web-multiselect {
8778
8629
 
8779
8630
  .pa-checkbox-list__actions {
8780
8631
  position: absolute;
8781
- right: 1.2rem;
8632
+ inset-inline-end: 1.2rem;
8782
8633
  top: 50%;
8783
8634
  transform: translateY(-50%);
8784
8635
  display: flex;
@@ -8792,7 +8643,7 @@ web-multiselect {
8792
8643
  }
8793
8644
 
8794
8645
  .pa-checkbox-list__item:has(.pa-checkbox-list__actions) .pa-checkbox-list__label {
8795
- padding-right: 6rem;
8646
+ padding-inline-end: 6rem;
8796
8647
  }
8797
8648
 
8798
8649
  .pa-checkbox-list--compact .pa-checkbox-list__label {
@@ -8911,7 +8762,7 @@ web-multiselect {
8911
8762
  }
8912
8763
 
8913
8764
  .pa-checkbox-list--2col .pa-checkbox-list__item:nth-child(odd) {
8914
- border-right: 1px solid var(--pa-border-color);
8765
+ border-inline-end: 1px solid var(--pa-border-color);
8915
8766
  }
8916
8767
 
8917
8768
  .pa-checkbox-list--3col {
@@ -8921,7 +8772,7 @@ web-multiselect {
8921
8772
  }
8922
8773
 
8923
8774
  .pa-checkbox-list--3col .pa-checkbox-list__item:not(:nth-child(3n)) {
8924
- border-right: 1px solid var(--pa-border-color);
8775
+ border-inline-end: 1px solid var(--pa-border-color);
8925
8776
  }
8926
8777
 
8927
8778
  .pa-table .pa-table__checkbox-col {
@@ -9093,12 +8944,12 @@ web-multiselect {
9093
8944
 
9094
8945
  .pa-table-card__body .pa-table th:first-child,
9095
8946
  .pa-table-card__body .pa-table td:first-child {
9096
- padding-left: 1rem;
8947
+ padding-inline-start: 1rem;
9097
8948
  }
9098
8949
 
9099
8950
  .pa-table-card__body .pa-table th:last-child,
9100
8951
  .pa-table-card__body .pa-table td:last-child {
9101
- padding-right: 1rem;
8952
+ padding-inline-end: 1rem;
9102
8953
  }
9103
8954
 
9104
8955
  .pa-table-card__body .pa-table tbody tr:last-child td {
@@ -9108,8 +8959,8 @@ web-multiselect {
9108
8959
  .pa-table-card__footer {
9109
8960
  padding: 1.2rem 1rem;
9110
8961
  border-top: 1px solid var(--pa-border-color);
9111
- border-bottom-left-radius: 8px;
9112
- border-bottom-right-radius: 8px;
8962
+ border-end-start-radius: 8px;
8963
+ border-end-end-radius: 8px;
9113
8964
  background: var(--pa-card-footer-bg);
9114
8965
  display: flex;
9115
8966
  justify-content: space-between;
@@ -9300,16 +9151,14 @@ web-multiselect {
9300
9151
  background: transparent;
9301
9152
  border-bottom: none;
9302
9153
  border-radius: 0;
9303
- padding-left: 0;
9304
- padding-right: 0;
9154
+ padding-inline: 0;
9305
9155
  }
9306
9156
 
9307
9157
  .pa-table-card--plain .pa-table-card__footer {
9308
9158
  background: transparent;
9309
9159
  border-top: none;
9310
9160
  border-radius: 0;
9311
- padding-left: 0;
9312
- padding-right: 0;
9161
+ padding-inline: 0;
9313
9162
  }
9314
9163
 
9315
9164
  .pa-table {
@@ -9322,7 +9171,7 @@ web-multiselect {
9322
9171
  .pa-table th,
9323
9172
  .pa-table td {
9324
9173
  padding: 0.8rem 0.8rem;
9325
- text-align: left;
9174
+ text-align: start;
9326
9175
  border-bottom: 1px solid var(--pa-border-color);
9327
9176
  vertical-align: middle;
9328
9177
  line-height: 1.2;
@@ -9547,7 +9396,7 @@ web-multiselect {
9547
9396
  .pa-load-more__count {
9548
9397
  color: var(--pa-text-color-2);
9549
9398
  font-size: 1.2rem;
9550
- margin-left: 0.4rem;
9399
+ margin-inline-start: 0.4rem;
9551
9400
  }
9552
9401
 
9553
9402
  .pa-virtual-table {
@@ -9573,13 +9422,13 @@ web-multiselect {
9573
9422
  .pa-virtual-table__header-cell {
9574
9423
  padding: 0.5rem 0.8rem;
9575
9424
  font-weight: 600;
9576
- border-right: 1px solid var(--pa-border-color);
9425
+ border-inline-end: 1px solid var(--pa-border-color);
9577
9426
  background: var(--pa-table-header-bg);
9578
9427
  color: var(--pa-text-color-1);
9579
9428
  }
9580
9429
 
9581
9430
  .pa-virtual-table__header-cell:last-child {
9582
- border-right: none;
9431
+ border-inline-end: none;
9583
9432
  }
9584
9433
 
9585
9434
  .pa-virtual-table__body {
@@ -9603,7 +9452,7 @@ web-multiselect {
9603
9452
 
9604
9453
  .pa-virtual-table__cell {
9605
9454
  padding: 0.5rem 0.8rem;
9606
- border-right: 1px solid var(--pa-border-color);
9455
+ border-inline-end: 1px solid var(--pa-border-color);
9607
9456
  overflow: hidden;
9608
9457
  text-overflow: ellipsis;
9609
9458
  white-space: nowrap;
@@ -9612,15 +9461,14 @@ web-multiselect {
9612
9461
  }
9613
9462
 
9614
9463
  .pa-virtual-table__cell:last-child {
9615
- border-right: none;
9464
+ border-inline-end: none;
9616
9465
  }
9617
9466
 
9618
9467
  @media (max-width: 1024px) and (min-width: 769px) {
9619
9468
  .pa-table--responsive {
9620
9469
  overflow-x: auto;
9621
9470
  -webkit-overflow-scrolling: touch;
9622
- border-left: 1px solid var(--pa-border-color);
9623
- border-right: 1px solid var(--pa-border-color);
9471
+ border-inline: 1px solid var(--pa-border-color);
9624
9472
  }
9625
9473
  }
9626
9474
  @media (max-width: 768px) {
@@ -9639,7 +9487,7 @@ web-multiselect {
9639
9487
  }
9640
9488
  .pa-table--responsive tbody td {
9641
9489
  display: block;
9642
- text-align: right;
9490
+ text-align: end;
9643
9491
  padding: 1.2rem;
9644
9492
  position: relative;
9645
9493
  border-bottom: 1px solid var(--pa-border-color);
@@ -9650,14 +9498,14 @@ web-multiselect {
9650
9498
  .pa-table--responsive tbody td::before {
9651
9499
  content: attr(data-label);
9652
9500
  position: absolute;
9653
- left: 1.2rem;
9501
+ inset-inline-start: 1.2rem;
9654
9502
  top: 1.2rem;
9655
9503
  font-weight: 600;
9656
- text-align: left;
9504
+ text-align: start;
9657
9505
  width: 40%;
9658
9506
  }
9659
9507
  .pa-table--responsive tbody td {
9660
- padding-left: calc(40% + 2.4rem);
9508
+ padding-inline-start: calc(40% + 2.4rem);
9661
9509
  }
9662
9510
  .pa-table--responsive .col-auto {
9663
9511
  width: auto;
@@ -9682,8 +9530,7 @@ web-multiselect {
9682
9530
  display: block;
9683
9531
  overflow-x: auto;
9684
9532
  -webkit-overflow-scrolling: touch;
9685
- border-left: 1px solid var(--pa-border-color);
9686
- border-right: 1px solid var(--pa-border-color);
9533
+ border-inline: 1px solid var(--pa-border-color);
9687
9534
  }
9688
9535
  }
9689
9536
  @media (max-width: 768px) {
@@ -9771,7 +9618,7 @@ web-multiselect {
9771
9618
  .pa-comparison-table thead th {
9772
9619
  background-color: var(--pa-table-header-bg);
9773
9620
  font-weight: 600;
9774
- text-align: left;
9621
+ text-align: start;
9775
9622
  padding: 0.8rem 1.6rem;
9776
9623
  border-bottom: 2px solid var(--pa-border-color);
9777
9624
  }
@@ -9828,7 +9675,7 @@ tbody tr:hover .pa-comparison-table__copy {
9828
9675
  .pa-comparison-table__changed::before {
9829
9676
  content: "";
9830
9677
  position: absolute;
9831
- left: 0;
9678
+ inset-inline-start: 0;
9832
9679
  top: 0;
9833
9680
  bottom: 0;
9834
9681
  width: 2px;
@@ -9890,7 +9737,7 @@ tbody tr:hover .pa-comparison-table__copy {
9890
9737
  .pa-comparison-table tbody td::before {
9891
9738
  content: attr(data-label);
9892
9739
  font-weight: 600;
9893
- margin-right: 0.8rem;
9740
+ margin-inline-end: 0.8rem;
9894
9741
  min-width: 120px;
9895
9742
  }
9896
9743
  .pa-comparison-table__label {
@@ -9934,19 +9781,19 @@ code {
9934
9781
 
9935
9782
  .pa-code--numbered {
9936
9783
  counter-reset: line;
9937
- padding-left: 5.6rem;
9784
+ padding-inline-start: 5.6rem;
9938
9785
  position: relative;
9939
9786
  }
9940
9787
 
9941
9788
  .pa-code--numbered::before {
9942
9789
  content: "";
9943
9790
  position: absolute;
9944
- left: 0;
9791
+ inset-inline-start: 0;
9945
9792
  top: 0;
9946
9793
  bottom: 0;
9947
9794
  width: 4.4rem;
9948
9795
  background-color: rgba(0, 0, 0, 0.05);
9949
- border-right: 1px solid var(--pa-border-color);
9796
+ border-inline-end: 1px solid var(--pa-border-color);
9950
9797
  }
9951
9798
 
9952
9799
  .pa-code--compact {
@@ -9955,31 +9802,31 @@ code {
9955
9802
  }
9956
9803
 
9957
9804
  .pa-code--json {
9958
- border-left: 2px solid #f59e0b;
9805
+ border-inline-start: 2px solid #f59e0b;
9959
9806
  }
9960
9807
 
9961
9808
  .pa-code--javascript {
9962
- border-left: 2px solid #f0db4f;
9809
+ border-inline-start: 2px solid #f0db4f;
9963
9810
  }
9964
9811
 
9965
9812
  .pa-code--html {
9966
- border-left: 2px solid #e34c26;
9813
+ border-inline-start: 2px solid #e34c26;
9967
9814
  }
9968
9815
 
9969
9816
  .pa-code--css {
9970
- border-left: 2px solid #264de4;
9817
+ border-inline-start: 2px solid #264de4;
9971
9818
  }
9972
9819
 
9973
9820
  .pa-code--bash {
9974
- border-left: 2px solid #4eaa25;
9821
+ border-inline-start: 2px solid #4eaa25;
9975
9822
  }
9976
9823
 
9977
9824
  .pa-code--sql {
9978
- border-left: 2px solid #00758f;
9825
+ border-inline-start: 2px solid #00758f;
9979
9826
  }
9980
9827
 
9981
9828
  .pa-code--python {
9982
- border-left: 2px solid #3776ab;
9829
+ border-inline-start: 2px solid #3776ab;
9983
9830
  }
9984
9831
 
9985
9832
  .pa-code-block {
@@ -10174,7 +10021,7 @@ code {
10174
10021
  .pa-load-more__count {
10175
10022
  color: var(--pa-text-color-2);
10176
10023
  font-size: 1.2rem;
10177
- margin-left: 0.4rem;
10024
+ margin-inline-start: 0.4rem;
10178
10025
  }
10179
10026
 
10180
10027
  /* ========================================
@@ -10222,7 +10069,7 @@ code {
10222
10069
  .pa-profile-panel {
10223
10070
  position: fixed;
10224
10071
  top: 0;
10225
- right: 0;
10072
+ inset-inline-end: 0;
10226
10073
  height: 100vh;
10227
10074
  z-index: 5000;
10228
10075
  pointer-events: none;
@@ -10244,7 +10091,7 @@ code {
10244
10091
  .pa-profile-panel__overlay {
10245
10092
  position: absolute;
10246
10093
  top: 0;
10247
- left: 0;
10094
+ inset-inline-start: 0;
10248
10095
  width: 100vw;
10249
10096
  height: 100vh;
10250
10097
  background-color: var(--pa-profile-overlay-bg);
@@ -10254,7 +10101,7 @@ code {
10254
10101
  .pa-profile-panel__content {
10255
10102
  position: absolute;
10256
10103
  top: 0;
10257
- right: 0;
10104
+ inset-inline-end: 0;
10258
10105
  height: 100vh;
10259
10106
  background-color: var(--pa-card-bg);
10260
10107
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
@@ -10265,6 +10112,10 @@ code {
10265
10112
  overflow: hidden;
10266
10113
  }
10267
10114
 
10115
+ [dir=rtl] .pa-profile-panel__content {
10116
+ transform: translateX(-100%);
10117
+ }
10118
+
10268
10119
  .pa-profile-panel__header {
10269
10120
  padding: 2.4rem;
10270
10121
  background-color: var(--pa-header-bg);
@@ -10298,7 +10149,7 @@ code {
10298
10149
  .pa-profile-panel__info {
10299
10150
  flex: 1;
10300
10151
  min-width: 0;
10301
- padding-right: 3.2rem;
10152
+ padding-inline-end: 3.2rem;
10302
10153
  }
10303
10154
 
10304
10155
  .pa-profile-panel__name {
@@ -10335,7 +10186,7 @@ code {
10335
10186
  .pa-profile-panel__close {
10336
10187
  position: absolute;
10337
10188
  top: 1.6rem;
10338
- right: 1.6rem;
10189
+ inset-inline-end: 1.6rem;
10339
10190
  width: 3.2rem;
10340
10191
  height: 3.2rem;
10341
10192
  background: none;
@@ -10505,7 +10356,7 @@ code {
10505
10356
 
10506
10357
  .pa-profile-panel__favorite-remove {
10507
10358
  opacity: 0;
10508
- margin-left: auto;
10359
+ margin-inline-start: auto;
10509
10360
  background: none;
10510
10361
  border: none;
10511
10362
  padding: 0.4rem;
@@ -10546,10 +10397,7 @@ code {
10546
10397
  ======================================== */
10547
10398
  .pa-modal {
10548
10399
  position: fixed;
10549
- top: 0;
10550
- left: 0;
10551
- width: 100%;
10552
- height: 100%;
10400
+ inset: 0;
10553
10401
  display: none;
10554
10402
  justify-content: center;
10555
10403
  align-items: center;
@@ -10567,10 +10415,7 @@ code {
10567
10415
 
10568
10416
  .pa-modal__backdrop {
10569
10417
  position: fixed;
10570
- top: 0;
10571
- left: 0;
10572
- width: 100%;
10573
- height: 100%;
10418
+ inset: 0;
10574
10419
  background-color: var(--pa-modal-overlay-bg);
10575
10420
  z-index: 6000;
10576
10421
  }
@@ -10728,38 +10573,46 @@ code {
10728
10573
  gap: 1.2rem;
10729
10574
  }
10730
10575
 
10731
- .pa-toast-container--top-right {
10576
+ .pa-toast-container--top-end {
10732
10577
  top: 2.4rem;
10733
- right: 2.4rem;
10578
+ inset-inline-end: 2.4rem;
10734
10579
  }
10735
10580
 
10736
- .pa-toast-container--top-left {
10581
+ .pa-toast-container--top-start {
10737
10582
  top: 2.4rem;
10738
- left: 2.4rem;
10583
+ inset-inline-start: 2.4rem;
10739
10584
  }
10740
10585
 
10741
- .pa-toast-container--bottom-right {
10586
+ .pa-toast-container--bottom-end {
10742
10587
  bottom: 2.4rem;
10743
- right: 2.4rem;
10588
+ inset-inline-end: 2.4rem;
10744
10589
  }
10745
10590
 
10746
- .pa-toast-container--bottom-left {
10591
+ .pa-toast-container--bottom-start {
10747
10592
  bottom: 2.4rem;
10748
- left: 2.4rem;
10593
+ inset-inline-start: 2.4rem;
10749
10594
  }
10750
10595
 
10751
10596
  .pa-toast-container--top-center {
10752
10597
  top: 2.4rem;
10753
- left: 50%;
10598
+ inset-inline-start: 50%;
10754
10599
  transform: translateX(-50%);
10755
10600
  }
10756
10601
 
10602
+ [dir=rtl] .pa-toast-container--top-center {
10603
+ transform: translateX(50%);
10604
+ }
10605
+
10757
10606
  .pa-toast-container--bottom-center {
10758
10607
  bottom: 2.4rem;
10759
- left: 50%;
10608
+ inset-inline-start: 50%;
10760
10609
  transform: translateX(-50%);
10761
10610
  }
10762
10611
 
10612
+ [dir=rtl] .pa-toast-container--bottom-center {
10613
+ transform: translateX(50%);
10614
+ }
10615
+
10763
10616
  .pa-toast {
10764
10617
  background-color: var(--pa-card-bg);
10765
10618
  border: 1px solid var(--pa-border-color);
@@ -10789,15 +10642,39 @@ code {
10789
10642
  transform: translateX(100%);
10790
10643
  }
10791
10644
 
10792
- .pa-toast-container--top-left .pa-toast, .pa-toast-container--bottom-left .pa-toast {
10645
+ .pa-toast-container--top-start .pa-toast, .pa-toast-container--bottom-start .pa-toast {
10646
+ transform: translateX(-100%);
10647
+ }
10648
+
10649
+ .pa-toast-container--top-start .pa-toast.pa-toast--show, .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10650
+ transform: translateX(0);
10651
+ }
10652
+
10653
+ .pa-toast-container--top-start .pa-toast.pa-toast--hide, .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10654
+ transform: translateX(-100%);
10655
+ }
10656
+
10657
+ [dir=rtl] .pa-toast-container--top-start .pa-toast, [dir=rtl] .pa-toast-container--bottom-start .pa-toast {
10658
+ transform: translateX(100%);
10659
+ }
10660
+
10661
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10662
+ transform: translateX(0);
10663
+ }
10664
+
10665
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--hide, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10666
+ transform: translateX(100%);
10667
+ }
10668
+
10669
+ [dir=rtl] .pa-toast-container--top-end .pa-toast, [dir=rtl] .pa-toast-container--bottom-end .pa-toast {
10793
10670
  transform: translateX(-100%);
10794
10671
  }
10795
10672
 
10796
- .pa-toast-container--top-left .pa-toast.pa-toast--show, .pa-toast-container--bottom-left .pa-toast.pa-toast--show {
10673
+ [dir=rtl] .pa-toast-container--top-end .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-end .pa-toast.pa-toast--show {
10797
10674
  transform: translateX(0);
10798
10675
  }
10799
10676
 
10800
- .pa-toast-container--top-left .pa-toast.pa-toast--hide, .pa-toast-container--bottom-left .pa-toast.pa-toast--hide {
10677
+ [dir=rtl] .pa-toast-container--top-end .pa-toast.pa-toast--hide, [dir=rtl] .pa-toast-container--bottom-end .pa-toast.pa-toast--hide {
10801
10678
  transform: translateX(-100%);
10802
10679
  }
10803
10680
 
@@ -10874,7 +10751,7 @@ code {
10874
10751
  .pa-toast__progress {
10875
10752
  position: absolute;
10876
10753
  bottom: 0;
10877
- left: 0;
10754
+ inset-inline-start: 0;
10878
10755
  height: 3px;
10879
10756
  background-color: currentColor;
10880
10757
  opacity: 0.3;
@@ -10948,14 +10825,13 @@ code {
10948
10825
 
10949
10826
  @media (max-width: 768px) {
10950
10827
  .pa-toast-container {
10951
- left: 1.2rem !important;
10952
- right: 1.2rem !important;
10828
+ inset-inline: 1.2rem !important;
10953
10829
  transform: none !important;
10954
10830
  }
10955
- .pa-toast-container--top-right, .pa-toast-container--top-left, .pa-toast-container--top-center {
10831
+ .pa-toast-container--top-end, .pa-toast-container--top-start, .pa-toast-container--top-center {
10956
10832
  top: 1.2rem;
10957
10833
  }
10958
- .pa-toast-container--bottom-right, .pa-toast-container--bottom-left, .pa-toast-container--bottom-center {
10834
+ .pa-toast-container--bottom-end, .pa-toast-container--bottom-start, .pa-toast-container--bottom-center {
10959
10835
  bottom: 1.2rem;
10960
10836
  }
10961
10837
  .pa-toast {
@@ -10977,9 +10853,9 @@ code {
10977
10853
  }
10978
10854
 
10979
10855
  .pa-timeline--simple {
10980
- border-left: 1px solid var(--pa-border-color);
10981
- margin-left: 10px;
10982
- padding-left: 20px;
10856
+ border-inline-start: 1px solid var(--pa-border-color);
10857
+ margin-inline-start: 10px;
10858
+ padding-inline-start: 20px;
10983
10859
  }
10984
10860
 
10985
10861
  .pa-timeline--simple .pa-timeline__item {
@@ -10995,7 +10871,7 @@ code {
10995
10871
  .pa-timeline--simple .pa-timeline__item::before {
10996
10872
  content: "";
10997
10873
  position: absolute;
10998
- left: -30px;
10874
+ inset-inline-start: -30px;
10999
10875
  top: 0;
11000
10876
  width: 15px;
11001
10877
  height: 15px;
@@ -11510,10 +11386,7 @@ code {
11510
11386
  ======================================== */
11511
11387
  .pa-command-palette {
11512
11388
  position: fixed;
11513
- top: 0;
11514
- left: 0;
11515
- right: 0;
11516
- bottom: 0;
11389
+ inset: 0;
11517
11390
  z-index: 10500;
11518
11391
  display: none;
11519
11392
  align-items: flex-start;
@@ -11527,10 +11400,7 @@ code {
11527
11400
 
11528
11401
  .pa-command-palette__backdrop {
11529
11402
  position: absolute;
11530
- top: 0;
11531
- left: 0;
11532
- right: 0;
11533
- bottom: 0;
11403
+ inset: 0;
11534
11404
  background-color: var(--pa-command-palette-backdrop-bg);
11535
11405
  backdrop-filter: blur(4px);
11536
11406
  animation: fadeIn 0.15s ease;
@@ -11567,7 +11437,7 @@ code {
11567
11437
  }
11568
11438
 
11569
11439
  .pa-command-palette__tokens .pa-badge__remove {
11570
- margin-left: 0.4rem;
11440
+ margin-inline-start: 0.4rem;
11571
11441
  padding: 0 0.4rem;
11572
11442
  border: none;
11573
11443
  background: transparent;
@@ -11608,7 +11478,7 @@ code {
11608
11478
 
11609
11479
  .pa-command-palette__context {
11610
11480
  position: absolute;
11611
- right: calc(0.8rem + 0.8rem);
11481
+ inset-inline-end: calc(0.8rem + 0.8rem);
11612
11482
  top: 50%;
11613
11483
  transform: translateY(-50%);
11614
11484
  font-size: 1.2rem;
@@ -11635,10 +11505,7 @@ code {
11635
11505
  .pa-command-palette__results--loading::after {
11636
11506
  content: "";
11637
11507
  position: absolute;
11638
- top: 0;
11639
- left: 0;
11640
- right: 0;
11641
- bottom: 0;
11508
+ inset: 0;
11642
11509
  background-color: rgba(255, 255, 255, 0.7);
11643
11510
  pointer-events: none;
11644
11511
  z-index: 1;
@@ -12702,14 +12569,14 @@ code {
12702
12569
  min-width: 0;
12703
12570
  overflow: hidden;
12704
12571
  flex-shrink: 0;
12705
- border-left: 0 solid var(--pa-border-color);
12572
+ border-inline-start: 0 solid var(--pa-border-color);
12706
12573
  }
12707
12574
 
12708
12575
  .pa-detail-view__panel--open {
12709
12576
  width: var(--pa-local-detail-panel-width);
12710
12577
  min-width: 28rem;
12711
12578
  max-width: var(--pa-local-detail-panel-max-width);
12712
- border-left-width: 1px;
12579
+ border-inline-start-width: 1px;
12713
12580
  overflow: visible;
12714
12581
  }
12715
12582
 
@@ -12721,17 +12588,14 @@ code {
12721
12588
  .pa-detail-view--overlay .pa-detail-view__panel {
12722
12589
  position: absolute;
12723
12590
  top: 0;
12724
- right: 0;
12591
+ inset-inline-end: 0;
12725
12592
  height: 100%;
12726
12593
  z-index: 2;
12727
12594
  }
12728
12595
 
12729
12596
  .pa-detail-view__overlay {
12730
12597
  position: absolute;
12731
- top: 0;
12732
- left: 0;
12733
- width: 100%;
12734
- height: 100%;
12598
+ inset: 0;
12735
12599
  background-color: var(--pa-detail-panel-overlay-bg);
12736
12600
  z-index: 1;
12737
12601
  opacity: 0;
@@ -12746,9 +12610,7 @@ code {
12746
12610
 
12747
12611
  .pa-detail-panel--overlay {
12748
12612
  position: fixed;
12749
- top: 0;
12750
- right: 0;
12751
- height: 100vh;
12613
+ inset: 0;
12752
12614
  z-index: var(--pa-detail-panel-z-index);
12753
12615
  pointer-events: none;
12754
12616
  opacity: 0;
@@ -12777,6 +12639,7 @@ code {
12777
12639
  position: absolute;
12778
12640
  top: 0;
12779
12641
  right: 0;
12642
+ left: auto;
12780
12643
  height: 100vh;
12781
12644
  width: var(--pa-local-detail-panel-width);
12782
12645
  max-width: var(--pa-local-detail-panel-max-width);
@@ -12784,12 +12647,19 @@ code {
12784
12647
  transform: translateX(100%);
12785
12648
  }
12786
12649
 
12650
+ [dir=rtl] .pa-detail-panel--overlay .pa-detail-panel__content {
12651
+ right: auto;
12652
+ left: 0;
12653
+ transform: translateX(-100%);
12654
+ }
12655
+
12656
+ [dir=rtl] .pa-detail-panel--overlay.pa-detail-panel--open .pa-detail-panel__content {
12657
+ transform: translateX(0);
12658
+ }
12659
+
12787
12660
  .pa-detail-panel__overlay {
12788
12661
  position: absolute;
12789
- top: 0;
12790
- left: 0;
12791
- width: 100vw;
12792
- height: 100vh;
12662
+ inset: 0;
12793
12663
  background-color: var(--pa-detail-panel-overlay-bg);
12794
12664
  cursor: pointer;
12795
12665
  }
@@ -12881,7 +12751,7 @@ code {
12881
12751
  .pa-detail-panel-resize {
12882
12752
  position: absolute;
12883
12753
  top: 0;
12884
- left: 0;
12754
+ inset-inline-start: 0;
12885
12755
  width: 6px;
12886
12756
  height: 100%;
12887
12757
  cursor: col-resize;
@@ -12913,9 +12783,7 @@ code {
12913
12783
  .pa-detail-panel--mobile-overlay {
12914
12784
  display: block;
12915
12785
  position: fixed;
12916
- top: 0;
12917
- right: 0;
12918
- height: 100vh;
12786
+ inset: 0;
12919
12787
  z-index: var(--pa-detail-panel-z-index);
12920
12788
  pointer-events: none;
12921
12789
  opacity: 0;
@@ -12933,18 +12801,24 @@ code {
12933
12801
  position: absolute;
12934
12802
  top: 0;
12935
12803
  right: 0;
12804
+ left: auto;
12936
12805
  height: 100vh;
12937
12806
  width: 90vw;
12938
12807
  max-width: none;
12939
12808
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
12940
12809
  transform: translateX(100%);
12941
12810
  }
12811
+ [dir=rtl] .pa-detail-panel--mobile-overlay .pa-detail-panel__content {
12812
+ right: auto;
12813
+ left: 0;
12814
+ transform: translateX(-100%);
12815
+ }
12816
+ [dir=rtl] .pa-detail-panel--mobile-overlay.pa-detail-panel--open .pa-detail-panel__content {
12817
+ transform: translateX(0);
12818
+ }
12942
12819
  .pa-detail-panel--mobile-overlay .pa-detail-panel__overlay {
12943
12820
  position: absolute;
12944
- top: 0;
12945
- left: 0;
12946
- width: 100vw;
12947
- height: 100vh;
12821
+ inset: 0;
12948
12822
  background-color: var(--pa-detail-panel-overlay-bg);
12949
12823
  cursor: pointer;
12950
12824
  }
@@ -12955,23 +12829,26 @@ code {
12955
12829
  ======================================== */
12956
12830
  .pa-settings-panel {
12957
12831
  position: fixed;
12958
- right: -320px;
12832
+ inset-inline-end: -320px;
12959
12833
  top: 15vh;
12960
12834
  z-index: 10000;
12961
12835
  width: 320px;
12962
- transition: right 0.3s ease;
12836
+ transition: inset-inline-end 0.3s ease;
12963
12837
  }
12964
12838
 
12965
12839
  .pa-settings-panel__toggle {
12966
12840
  position: absolute;
12967
- right: 320px;
12841
+ inset-inline-end: 320px;
12968
12842
  top: 0;
12969
12843
  width: 40px;
12970
12844
  height: 40px;
12971
12845
  background: #007bff;
12972
12846
  color: white;
12973
12847
  border: none;
12974
- border-radius: 4px 0 0 4px;
12848
+ border-start-start-radius: 4px;
12849
+ border-end-start-radius: 4px;
12850
+ border-start-end-radius: 0;
12851
+ border-end-end-radius: 0;
12975
12852
  cursor: pointer;
12976
12853
  font-size: 2rem;
12977
12854
  display: flex;
@@ -12984,14 +12861,17 @@ code {
12984
12861
  .pa-settings-panel__toggle:hover {
12985
12862
  background: rgba(0, 123, 255, 0.12);
12986
12863
  width: 45px;
12987
- right: 325px;
12864
+ inset-inline-end: 325px;
12988
12865
  }
12989
12866
 
12990
12867
  .pa-settings-panel__content {
12991
12868
  background: var(--pa-subtle-bg);
12992
12869
  border: 1px solid var(--pa-border-color);
12993
- border-right: none;
12994
- border-radius: 4px 0 0 4px;
12870
+ border-inline-end: none;
12871
+ border-start-start-radius: 4px;
12872
+ border-end-start-radius: 4px;
12873
+ border-start-end-radius: 0;
12874
+ border-end-end-radius: 0;
12995
12875
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
12996
12876
  padding: 2.4rem;
12997
12877
  width: 100%;
@@ -13043,6 +12923,13 @@ code {
13043
12923
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
13044
12924
  }
13045
12925
 
12926
+ .pa-settings-panel__hint {
12927
+ display: block;
12928
+ margin-top: 0.4rem;
12929
+ color: var(--pa-text-color-3);
12930
+ font-size: 1.2rem;
12931
+ }
12932
+
13046
12933
  .pa-settings-panel__checkbox-group {
13047
12934
  display: flex;
13048
12935
  flex-direction: column;
@@ -13058,7 +12945,7 @@ code {
13058
12945
  }
13059
12946
 
13060
12947
  .pa-settings-panel__checkbox input[type=checkbox] {
13061
- margin-right: 0.8rem;
12948
+ margin-inline-end: 0.8rem;
13062
12949
  cursor: pointer;
13063
12950
  }
13064
12951
 
@@ -13067,7 +12954,7 @@ code {
13067
12954
  }
13068
12955
 
13069
12956
  .pa-settings-panel--open {
13070
- right: 0;
12957
+ inset-inline-end: 0;
13071
12958
  }
13072
12959
 
13073
12960
  .pa-settings-panel--open .pa-settings-panel__toggle {
@@ -13141,7 +13028,7 @@ code {
13141
13028
  content: "Click to copy";
13142
13029
  font-size: 1rem;
13143
13030
  opacity: 0;
13144
- margin-left: 0.8rem;
13031
+ margin-inline-start: 0.8rem;
13145
13032
  transition: opacity 0.15s;
13146
13033
  }
13147
13034
 
@@ -13208,8 +13095,8 @@ code {
13208
13095
  display: flex;
13209
13096
  flex-direction: column;
13210
13097
  gap: 1.6rem;
13211
- border-left: 3px solid #007bff;
13212
- padding-left: 1.6rem;
13098
+ border-inline-start: 3px solid #007bff;
13099
+ padding-inline-start: 1.6rem;
13213
13100
  }
13214
13101
 
13215
13102
  .pa-fields--cols-2, .pa-fields--cols-3, .pa-fields--cols-4 {
@@ -13403,52 +13290,28 @@ code {
13403
13290
  }
13404
13291
 
13405
13292
  .pa-fields--no-border {
13406
- border-left: none;
13407
- padding-left: 0;
13293
+ border-inline-start: none;
13294
+ padding-inline-start: 0;
13408
13295
  }
13409
13296
 
13410
13297
  /* ========================================
13411
13298
  Utility Components
13412
13299
  Font utilities, compact mode, component showcase
13413
13300
  ======================================== */
13414
- html.font-size-2xs {
13415
- font-size: 1rem;
13416
- }
13417
-
13418
- html.font-size-xs {
13419
- font-size: 1.2rem;
13420
- }
13421
-
13422
13301
  html.font-size-small {
13423
- font-size: 1.4rem;
13424
- }
13425
-
13426
- html.font-size-medium {
13427
- font-size: 1.5rem;
13302
+ font-size: 9px;
13428
13303
  }
13429
13304
 
13430
13305
  html.font-size-default {
13431
- font-size: 1.6rem;
13306
+ font-size: 10px;
13432
13307
  }
13433
13308
 
13434
13309
  html.font-size-large {
13435
- font-size: 1.8rem;
13310
+ font-size: 11px;
13436
13311
  }
13437
13312
 
13438
13313
  html.font-size-xlarge {
13439
- font-size: 2rem;
13440
- }
13441
-
13442
- html.font-size-2xl {
13443
- font-size: 2.4rem;
13444
- }
13445
-
13446
- html.font-size-3xl {
13447
- font-size: 2.8rem;
13448
- }
13449
-
13450
- html.font-size-4xl {
13451
- font-size: 3.2rem;
13314
+ font-size: 12px;
13452
13315
  }
13453
13316
 
13454
13317
  .font-family-serif {
@@ -13712,16 +13575,24 @@ html.font-size-4xl {
13712
13575
  color: var(--pa-text-color-2);
13713
13576
  }
13714
13577
 
13715
- .pa-text--left {
13716
- text-align: left;
13578
+ .pa-text--start {
13579
+ text-align: start;
13717
13580
  }
13718
13581
 
13719
13582
  .pa-text--center {
13720
13583
  text-align: center;
13721
13584
  }
13722
13585
 
13586
+ .pa-text--end {
13587
+ text-align: end;
13588
+ }
13589
+
13590
+ .pa-text--left {
13591
+ text-align: start;
13592
+ }
13593
+
13723
13594
  .pa-text--right {
13724
- text-align: right;
13595
+ text-align: end;
13725
13596
  }
13726
13597
 
13727
13598
  .pa-text--caption {
@@ -14101,6 +13972,162 @@ html.font-size-4xl {
14101
13972
  border-color: var(--pa-color-9);
14102
13973
  }
14103
13974
 
13975
+ .ms-0 {
13976
+ margin-inline-start: 0;
13977
+ }
13978
+
13979
+ .ms-xs {
13980
+ margin-inline-start: 0.4rem;
13981
+ }
13982
+
13983
+ .ms-sm {
13984
+ margin-inline-start: 0.8rem;
13985
+ }
13986
+
13987
+ .ms-md {
13988
+ margin-inline-start: 1.2rem;
13989
+ }
13990
+
13991
+ .ms-base {
13992
+ margin-inline-start: 1.6rem;
13993
+ }
13994
+
13995
+ .ms-lg {
13996
+ margin-inline-start: 2.4rem;
13997
+ }
13998
+
13999
+ .ms-xl {
14000
+ margin-inline-start: 3.2rem;
14001
+ }
14002
+
14003
+ .ms-2xl {
14004
+ margin-inline-start: 4.8rem;
14005
+ }
14006
+
14007
+ .ms-auto {
14008
+ margin-inline-start: auto;
14009
+ }
14010
+
14011
+ .me-0 {
14012
+ margin-inline-end: 0;
14013
+ }
14014
+
14015
+ .me-xs {
14016
+ margin-inline-end: 0.4rem;
14017
+ }
14018
+
14019
+ .me-sm {
14020
+ margin-inline-end: 0.8rem;
14021
+ }
14022
+
14023
+ .me-md {
14024
+ margin-inline-end: 1.2rem;
14025
+ }
14026
+
14027
+ .me-base {
14028
+ margin-inline-end: 1.6rem;
14029
+ }
14030
+
14031
+ .me-lg {
14032
+ margin-inline-end: 2.4rem;
14033
+ }
14034
+
14035
+ .me-xl {
14036
+ margin-inline-end: 3.2rem;
14037
+ }
14038
+
14039
+ .me-2xl {
14040
+ margin-inline-end: 4.8rem;
14041
+ }
14042
+
14043
+ .me-auto {
14044
+ margin-inline-end: auto;
14045
+ }
14046
+
14047
+ .ps-0 {
14048
+ padding-inline-start: 0;
14049
+ }
14050
+
14051
+ .ps-xs {
14052
+ padding-inline-start: 0.4rem;
14053
+ }
14054
+
14055
+ .ps-sm {
14056
+ padding-inline-start: 0.8rem;
14057
+ }
14058
+
14059
+ .ps-md {
14060
+ padding-inline-start: 1.2rem;
14061
+ }
14062
+
14063
+ .ps-base {
14064
+ padding-inline-start: 1.6rem;
14065
+ }
14066
+
14067
+ .ps-lg {
14068
+ padding-inline-start: 2.4rem;
14069
+ }
14070
+
14071
+ .ps-xl {
14072
+ padding-inline-start: 3.2rem;
14073
+ }
14074
+
14075
+ .ps-2xl {
14076
+ padding-inline-start: 4.8rem;
14077
+ }
14078
+
14079
+ .pe-0 {
14080
+ padding-inline-end: 0;
14081
+ }
14082
+
14083
+ .pe-xs {
14084
+ padding-inline-end: 0.4rem;
14085
+ }
14086
+
14087
+ .pe-sm {
14088
+ padding-inline-end: 0.8rem;
14089
+ }
14090
+
14091
+ .pe-md {
14092
+ padding-inline-end: 1.2rem;
14093
+ }
14094
+
14095
+ .pe-base {
14096
+ padding-inline-end: 1.6rem;
14097
+ }
14098
+
14099
+ .pe-lg {
14100
+ padding-inline-end: 2.4rem;
14101
+ }
14102
+
14103
+ .pe-xl {
14104
+ padding-inline-end: 3.2rem;
14105
+ }
14106
+
14107
+ .pe-2xl {
14108
+ padding-inline-end: 4.8rem;
14109
+ }
14110
+
14111
+ .text-start {
14112
+ text-align: start;
14113
+ }
14114
+
14115
+ .text-center {
14116
+ text-align: center;
14117
+ }
14118
+
14119
+ .text-end {
14120
+ text-align: end;
14121
+ }
14122
+
14123
+ .text-left {
14124
+ text-align: start;
14125
+ }
14126
+
14127
+ .text-right {
14128
+ text-align: end;
14129
+ }
14130
+
14104
14131
  /* Pure Admin Visual Framework - SCSS Variables Only */
14105
14132
  /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
14106
14133
  .m-0 {