@keenmate/pure-admin-theme-dark 1.2.0 → 1.4.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 +927 -762
  2. package/package.json +10 -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 {
@@ -3015,6 +2843,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
3015
2843
  display: flex;
3016
2844
  justify-content: space-between;
3017
2845
  align-items: center;
2846
+ gap: 1.6rem;
3018
2847
  min-width: 0;
3019
2848
  }
3020
2849
 
@@ -3046,9 +2875,45 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
3046
2875
  font-size: 1.6rem;
3047
2876
  }
3048
2877
 
2878
+ .pa-card__header > h1,
2879
+ .pa-card__header > h2,
2880
+ .pa-card__header > h3,
2881
+ .pa-card__header > h4,
2882
+ .pa-card__header > h5,
2883
+ .pa-card__header > h6 {
2884
+ flex-shrink: 0;
2885
+ }
2886
+
2887
+ .pa-card__header > p {
2888
+ flex: 1;
2889
+ min-width: 0;
2890
+ overflow: hidden;
2891
+ text-overflow: ellipsis;
2892
+ white-space: nowrap;
2893
+ color: var(--pa-text-color-2);
2894
+ font-size: 1.4rem;
2895
+ }
2896
+
2897
+ .pa-card__header .pa-card__actions,
2898
+ .pa-card__header .pa-btn-group {
2899
+ flex-shrink: 0;
2900
+ }
2901
+
3049
2902
  .pa-card__header .pa-btn {
3050
2903
  margin-top: -0.25rem;
3051
2904
  margin-bottom: -0.25rem;
2905
+ flex-shrink: 0;
2906
+ }
2907
+
2908
+ .pa-card__header--wrap {
2909
+ flex-wrap: wrap;
2910
+ }
2911
+
2912
+ .pa-card__header--wrap > p {
2913
+ white-space: normal;
2914
+ flex-basis: 100%;
2915
+ order: 1;
2916
+ margin-top: 0.4rem;
3052
2917
  }
3053
2918
 
3054
2919
  .pa-card__title {
@@ -3560,10 +3425,10 @@ a.pa-card p {
3560
3425
  .pa-tabs--vertical {
3561
3426
  flex-direction: column;
3562
3427
  border-bottom: none;
3563
- border-right: 1px solid var(--pa-border-color);
3428
+ border-inline-end: 1px solid var(--pa-border-color);
3564
3429
  gap: 0;
3565
3430
  margin-bottom: 0;
3566
- padding-right: 0;
3431
+ padding-inline-end: 0;
3567
3432
  width: fit-content;
3568
3433
  min-width: max-content;
3569
3434
  }
@@ -3571,9 +3436,12 @@ a.pa-card p {
3571
3436
  .pa-tabs--vertical .pa-tabs__item {
3572
3437
  justify-content: flex-start;
3573
3438
  border-bottom: none;
3574
- border-right: 2px solid transparent;
3439
+ border-inline-end: 2px solid transparent;
3575
3440
  padding: 0.8rem;
3576
- border-radius: 4px 0 0 4px;
3441
+ border-start-start-radius: 4px;
3442
+ border-end-start-radius: 4px;
3443
+ border-start-end-radius: 0;
3444
+ border-end-end-radius: 0;
3577
3445
  gap: 1.2rem;
3578
3446
  white-space: nowrap;
3579
3447
  min-height: 4rem;
@@ -3584,7 +3452,7 @@ a.pa-card p {
3584
3452
  }
3585
3453
 
3586
3454
  .pa-tabs--vertical .pa-tabs__item--active {
3587
- border-right-color: #007bff;
3455
+ border-inline-end-color: #007bff;
3588
3456
  background-color: rgba(0, 123, 255, 0.1);
3589
3457
  }
3590
3458
 
@@ -3657,16 +3525,24 @@ a.pa-card p {
3657
3525
  background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
3658
3526
  }
3659
3527
 
3660
- .pa-tabs--scrollable .pa-tabs__scroll-btn--left {
3661
- left: 0;
3528
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--left, .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3529
+ inset-inline-start: 0;
3662
3530
  background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3663
3531
  }
3664
3532
 
3665
- .pa-tabs--scrollable .pa-tabs__scroll-btn--right {
3666
- right: 0;
3533
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--left, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3667
3534
  background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3668
3535
  }
3669
3536
 
3537
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--right, .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3538
+ inset-inline-end: 0;
3539
+ background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3540
+ }
3541
+
3542
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--right, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3543
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3544
+ }
3545
+
3670
3546
  .pa-tabs--scrollable .pa-tabs__scroll-btn--visible {
3671
3547
  opacity: 1;
3672
3548
  pointer-events: auto;
@@ -3783,7 +3659,7 @@ a.pa-card p {
3783
3659
 
3784
3660
  .pa-tabs__container--card .pa-tabs__overflow {
3785
3661
  position: relative;
3786
- margin-left: auto;
3662
+ margin-inline-start: auto;
3787
3663
  flex-shrink: 0;
3788
3664
  }
3789
3665
 
@@ -3800,7 +3676,7 @@ a.pa-card p {
3800
3676
  color: var(--pa-text-color-2);
3801
3677
  cursor: pointer;
3802
3678
  transition: all 0.1s ease-out;
3803
- border-left: 1px solid var(--pa-border-color);
3679
+ border-inline-start: 1px solid var(--pa-border-color);
3804
3680
  margin: -0.5rem -1rem -0.5rem 0;
3805
3681
  box-sizing: content-box;
3806
3682
  height: 4rem;
@@ -3832,7 +3708,7 @@ a.pa-card p {
3832
3708
  .pa-tabs__container--card .pa-tabs__overflow-menu {
3833
3709
  position: absolute;
3834
3710
  top: 4rem;
3835
- right: 0;
3711
+ inset-inline-end: 0;
3836
3712
  min-width: 15rem;
3837
3713
  background: var(--pa-card-bg);
3838
3714
  border: 1px solid var(--pa-border-color);
@@ -3853,7 +3729,7 @@ a.pa-card p {
3853
3729
  border: none;
3854
3730
  border-bottom: none;
3855
3731
  border-radius: 0;
3856
- text-align: left;
3732
+ text-align: start;
3857
3733
  white-space: nowrap;
3858
3734
  }
3859
3735
 
@@ -3885,7 +3761,7 @@ a.pa-card p {
3885
3761
  }
3886
3762
 
3887
3763
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
3888
- border-right: 1px solid var(--pa-border-color);
3764
+ border-inline-end: 1px solid var(--pa-border-color);
3889
3765
  }
3890
3766
 
3891
3767
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical .pa-tabs__item {
@@ -4091,7 +3967,7 @@ a.pa-card p {
4091
3967
  ======================================== */
4092
3968
  .pa-list-basic {
4093
3969
  margin: 0;
4094
- padding-left: 2.4rem;
3970
+ padding-inline-start: 2.4rem;
4095
3971
  }
4096
3972
 
4097
3973
  .pa-list-basic li {
@@ -4109,12 +3985,12 @@ a.pa-card p {
4109
3985
 
4110
3986
  .pa-list-basic--unstyled {
4111
3987
  list-style: none;
4112
- padding-left: 0;
3988
+ padding-inline-start: 0;
4113
3989
  }
4114
3990
 
4115
3991
  .pa-list-basic--inline {
4116
3992
  list-style: none;
4117
- padding-left: 0;
3993
+ padding-inline-start: 0;
4118
3994
  display: flex;
4119
3995
  flex-wrap: wrap;
4120
3996
  gap: 1.6rem;
@@ -4122,7 +3998,7 @@ a.pa-card p {
4122
3998
 
4123
3999
  .pa-list-basic--bordered {
4124
4000
  list-style: none;
4125
- padding-left: 0;
4001
+ padding-inline-start: 0;
4126
4002
  }
4127
4003
 
4128
4004
  .pa-list-basic--bordered li {
@@ -4136,7 +4012,7 @@ a.pa-card p {
4136
4012
 
4137
4013
  .pa-list-basic--striped {
4138
4014
  list-style: none;
4139
- padding-left: 0;
4015
+ padding-inline-start: 0;
4140
4016
  }
4141
4017
 
4142
4018
  .pa-list-basic--striped li {
@@ -4149,7 +4025,7 @@ a.pa-card p {
4149
4025
 
4150
4026
  .pa-list-basic--icon {
4151
4027
  list-style: none;
4152
- padding-left: 0;
4028
+ padding-inline-start: 0;
4153
4029
  }
4154
4030
 
4155
4031
  .pa-list-basic--icon li {
@@ -4182,13 +4058,13 @@ a.pa-card p {
4182
4058
 
4183
4059
  .pa-list-ordered {
4184
4060
  margin: 0;
4185
- padding-left: 2.4rem;
4061
+ padding-inline-start: 2.4rem;
4186
4062
  }
4187
4063
 
4188
4064
  .pa-list-ordered li {
4189
4065
  margin-bottom: 0.8rem;
4190
4066
  line-height: 1.6;
4191
- padding-left: 0.4rem;
4067
+ padding-inline-start: 0.4rem;
4192
4068
  }
4193
4069
 
4194
4070
  .pa-list-ordered--roman {
@@ -4215,7 +4091,7 @@ a.pa-card p {
4215
4091
  }
4216
4092
 
4217
4093
  .pa-list-definition dd {
4218
- margin-left: 2.4rem;
4094
+ margin-inline-start: 2.4rem;
4219
4095
  margin-bottom: 0.8rem;
4220
4096
  color: var(--pa-text-color-2);
4221
4097
  line-height: 1.6;
@@ -4223,7 +4099,7 @@ a.pa-card p {
4223
4099
 
4224
4100
  .pa-list-definition--inline dt {
4225
4101
  display: inline;
4226
- margin-right: 0.4rem;
4102
+ margin-inline-end: 0.4rem;
4227
4103
  }
4228
4104
 
4229
4105
  .pa-list-definition--inline dt::after {
@@ -4232,8 +4108,8 @@ a.pa-card p {
4232
4108
 
4233
4109
  .pa-list-definition--inline dd {
4234
4110
  display: inline;
4235
- margin-left: 0;
4236
- margin-right: 1.6rem;
4111
+ margin-inline-start: 0;
4112
+ margin-inline-end: 1.6rem;
4237
4113
  }
4238
4114
 
4239
4115
  .pa-list-definition--inline dd::after {
@@ -5337,16 +5213,16 @@ a.pa-card p {
5337
5213
  }
5338
5214
 
5339
5215
  .pa-btn__icon {
5340
- margin-right: 0.8rem;
5216
+ margin-inline-end: 0.8rem;
5341
5217
  }
5342
5218
 
5343
5219
  .pa-btn__icon:last-child {
5344
- margin-right: 0;
5345
- margin-left: 0.8rem;
5220
+ margin-inline-end: 0;
5221
+ margin-inline-start: 0.8rem;
5346
5222
  }
5347
5223
 
5348
5224
  .pa-btn:has(.pa-btn__icon) {
5349
- text-align: left;
5225
+ text-align: start;
5350
5226
  display: inline-flex;
5351
5227
  align-items: center;
5352
5228
  gap: 0.8rem;
@@ -5371,7 +5247,7 @@ a.pa-card p {
5371
5247
  }
5372
5248
 
5373
5249
  .pa-btn--align-left .pa-btn__icon {
5374
- padding-left: 0;
5250
+ padding-inline-start: 0;
5375
5251
  }
5376
5252
 
5377
5253
  .pa-btn--align-right {
@@ -5379,7 +5255,7 @@ a.pa-card p {
5379
5255
  }
5380
5256
 
5381
5257
  .pa-btn--align-right .pa-btn__icon {
5382
- padding-right: 0;
5258
+ padding-inline-end: 0;
5383
5259
  }
5384
5260
 
5385
5261
  .pa-btn--align-center {
@@ -5391,11 +5267,11 @@ a.pa-card p {
5391
5267
  }
5392
5268
 
5393
5269
  .pa-btn--align-justify .pa-btn__icon:first-child {
5394
- padding-left: 0;
5270
+ padding-inline-start: 0;
5395
5271
  }
5396
5272
 
5397
5273
  .pa-btn--align-justify > *:last-child {
5398
- padding-right: 0;
5274
+ padding-inline-end: 0;
5399
5275
  }
5400
5276
 
5401
5277
  .pa-btn-group {
@@ -5784,7 +5660,7 @@ a.pa-card p {
5784
5660
 
5785
5661
  .pa-tooltip--multiline::before {
5786
5662
  white-space: normal;
5787
- text-align: left;
5663
+ text-align: start;
5788
5664
  width: 32rem;
5789
5665
  max-width: 32rem;
5790
5666
  line-height: 1.5;
@@ -6328,7 +6204,7 @@ a.pa-card p {
6328
6204
  font-size: 1.4rem;
6329
6205
  line-height: 1.5;
6330
6206
  color: var(--pa-text-color-1);
6331
- text-align: left;
6207
+ text-align: start;
6332
6208
  }
6333
6209
 
6334
6210
  .pa-popover__body p {
@@ -6350,7 +6226,7 @@ a.pa-card p {
6350
6226
 
6351
6227
  .pa-popover__body ul, .pa-popover__body ol {
6352
6228
  margin: 0.8rem 0;
6353
- padding-left: 2.4rem;
6229
+ padding-inline-start: 2.4rem;
6354
6230
  }
6355
6231
 
6356
6232
  .pa-popover__body code {
@@ -6397,8 +6273,12 @@ a.pa-card p {
6397
6273
  text-align: center;
6398
6274
  }
6399
6275
 
6276
+ .pa-popover--end .pa-popover__body {
6277
+ text-align: end;
6278
+ }
6279
+
6400
6280
  .pa-popover--right .pa-popover__body {
6401
- text-align: right;
6281
+ text-align: end;
6402
6282
  }
6403
6283
 
6404
6284
  .pa-tooltip-floating {
@@ -6417,7 +6297,7 @@ a.pa-card p {
6417
6297
 
6418
6298
  .pa-tooltip-floating.pa-tooltip--multiline {
6419
6299
  white-space: normal;
6420
- text-align: left;
6300
+ text-align: start;
6421
6301
  max-width: 32rem;
6422
6302
  }
6423
6303
 
@@ -6604,7 +6484,7 @@ a.pa-card p {
6604
6484
  }
6605
6485
 
6606
6486
  .pa-alert--dismissible {
6607
- padding-right: 4.8rem;
6487
+ padding-inline-end: 4.8rem;
6608
6488
  }
6609
6489
 
6610
6490
  .pa-alert__icon {
@@ -6626,7 +6506,7 @@ a.pa-card p {
6626
6506
 
6627
6507
  .pa-alert__list {
6628
6508
  margin: 0.8rem 0;
6629
- padding-left: 2.4rem;
6509
+ padding-inline-start: 2.4rem;
6630
6510
  }
6631
6511
 
6632
6512
  .pa-alert__actions {
@@ -6638,7 +6518,7 @@ a.pa-card p {
6638
6518
  .pa-alert__close {
6639
6519
  position: absolute;
6640
6520
  top: 0;
6641
- right: 0;
6521
+ inset-inline-end: 0;
6642
6522
  z-index: 2px;
6643
6523
  padding: 1.2rem 1rem;
6644
6524
  background: none;
@@ -6698,7 +6578,7 @@ a.pa-card p {
6698
6578
  position: relative;
6699
6579
  padding: 1.2rem 1rem;
6700
6580
  margin-bottom: 1.6rem;
6701
- border-left: 0.4rem solid var(--pa-border-color);
6581
+ border-inline-start: 0.4rem solid var(--pa-border-color);
6702
6582
  border-radius: 4px;
6703
6583
  font-size: 1.4rem;
6704
6584
  background-color: var(--pa-card-bg);
@@ -6713,32 +6593,32 @@ a.pa-card p {
6713
6593
  }
6714
6594
 
6715
6595
  .pa-callout--primary {
6716
- border-left-color: var(--pa-accent);
6596
+ border-inline-start-color: var(--pa-accent);
6717
6597
  background-color: rgba(0, 123, 255, 0.08);
6718
6598
  }
6719
6599
 
6720
6600
  .pa-callout--secondary {
6721
- border-left-color: var(--pa-text-color-2);
6601
+ border-inline-start-color: var(--pa-text-color-2);
6722
6602
  background-color: color-mix(in srgb, var(--pa-text-color-2) 5%, transparent);
6723
6603
  }
6724
6604
 
6725
6605
  .pa-callout--success {
6726
- border-left-color: var(--pa-success-bg);
6606
+ border-inline-start-color: var(--pa-success-bg);
6727
6607
  background-color: var(--pa-success-bg-subtle);
6728
6608
  }
6729
6609
 
6730
6610
  .pa-callout--danger {
6731
- border-left-color: var(--pa-danger-bg);
6611
+ border-inline-start-color: var(--pa-danger-bg);
6732
6612
  background-color: var(--pa-danger-bg-subtle);
6733
6613
  }
6734
6614
 
6735
6615
  .pa-callout--warning {
6736
- border-left-color: var(--pa-warning-bg);
6616
+ border-inline-start-color: var(--pa-warning-bg);
6737
6617
  background-color: var(--pa-warning-bg-subtle);
6738
6618
  }
6739
6619
 
6740
6620
  .pa-callout--info {
6741
- border-left-color: var(--pa-info-bg);
6621
+ border-inline-start-color: var(--pa-info-bg);
6742
6622
  background-color: var(--pa-info-bg-subtle);
6743
6623
  }
6744
6624
 
@@ -6754,7 +6634,14 @@ a.pa-card p {
6754
6634
 
6755
6635
  .pa-callout__icon {
6756
6636
  float: left;
6757
- margin-right: 0.8rem;
6637
+ margin-inline-end: 0.8rem;
6638
+ }
6639
+
6640
+ [dir=rtl] .pa-callout__icon {
6641
+ float: right;
6642
+ }
6643
+
6644
+ .pa-callout__icon {
6758
6645
  font-size: 1.8rem;
6759
6646
  line-height: 1;
6760
6647
  }
@@ -6785,7 +6672,7 @@ a.pa-card p {
6785
6672
 
6786
6673
  .pa-callout ul, .pa-callout ol {
6787
6674
  margin: 0.8rem 0;
6788
- padding-left: 2.4rem;
6675
+ padding-inline-start: 2.4rem;
6789
6676
  }
6790
6677
 
6791
6678
  .pa-callout ul:last-child, .pa-callout ol:last-child {
@@ -7248,6 +7135,7 @@ a.pa-card p {
7248
7135
  /* ========================================
7249
7136
  Input Groups
7250
7137
  Input groups with prepend/append addons and buttons
7138
+ RTL-aware using CSS logical properties
7251
7139
  ======================================== */
7252
7140
  .pa-input-group {
7253
7141
  display: flex;
@@ -7260,21 +7148,21 @@ a.pa-card p {
7260
7148
  }
7261
7149
 
7262
7150
  .pa-input-group .pa-input:first-child {
7263
- border-top-left-radius: 4px;
7264
- border-bottom-left-radius: 4px;
7151
+ border-start-start-radius: 4px;
7152
+ border-end-start-radius: 4px;
7265
7153
  }
7266
7154
 
7267
7155
  .pa-input-group .pa-input:last-child {
7268
- border-top-right-radius: 4px;
7269
- border-bottom-right-radius: 4px;
7156
+ border-start-end-radius: 4px;
7157
+ border-end-end-radius: 4px;
7270
7158
  }
7271
7159
 
7272
7160
  .pa-input-group .pa-input:not(:first-child) {
7273
- border-left: none;
7161
+ border-inline-start: none;
7274
7162
  }
7275
7163
 
7276
7164
  .pa-input-group .pa-input:not(:last-child) {
7277
- border-right: none;
7165
+ border-inline-end: none;
7278
7166
  }
7279
7167
 
7280
7168
  .pa-input-group__prepend, .pa-input-group__append {
@@ -7293,48 +7181,48 @@ a.pa-card p {
7293
7181
  background-color: var(--pa-input-group-prepend-bg);
7294
7182
  color: var(--pa-input-group-prepend-text);
7295
7183
  border-color: var(--pa-input-group-prepend-bg);
7296
- border-right: none;
7184
+ border-inline-end: none;
7297
7185
  }
7298
7186
 
7299
7187
  .pa-input-group__prepend:first-child {
7300
- border-top-left-radius: 4px;
7301
- border-bottom-left-radius: 4px;
7188
+ border-start-start-radius: 4px;
7189
+ border-end-start-radius: 4px;
7302
7190
  }
7303
7191
 
7304
7192
  .pa-input-group__append {
7305
7193
  background-color: var(--pa-input-group-append-bg);
7306
7194
  color: var(--pa-input-group-append-text);
7307
7195
  border-color: var(--pa-input-group-append-bg);
7308
- border-left: none;
7196
+ border-inline-start: none;
7309
7197
  }
7310
7198
 
7311
7199
  .pa-input-group__append:last-child {
7312
- border-top-right-radius: 4px;
7313
- border-bottom-right-radius: 4px;
7200
+ border-start-end-radius: 4px;
7201
+ border-end-end-radius: 4px;
7314
7202
  }
7315
7203
 
7316
7204
  .pa-input-group__prepend + .pa-input-group__prepend {
7317
- border-left: 1px solid var(--pa-input-group-prepend-bg);
7205
+ border-inline-start: 1px solid var(--pa-input-group-prepend-bg);
7318
7206
  }
7319
7207
 
7320
7208
  .pa-input-group__append + .pa-input-group__append {
7321
- border-left: 1px solid var(--pa-input-group-append-bg);
7209
+ border-inline-start: 1px solid var(--pa-input-group-append-bg);
7322
7210
  }
7323
7211
 
7324
7212
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend {
7325
- border-right: 1px solid var(--pa-input-focus-border-color);
7213
+ border-inline-end: 1px solid var(--pa-input-focus-border-color);
7326
7214
  }
7327
7215
 
7328
7216
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
7329
- border-right: none;
7217
+ border-inline-end: none;
7330
7218
  }
7331
7219
 
7332
7220
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append {
7333
- border-left: 1px solid var(--pa-input-focus-border-color);
7221
+ border-inline-start: 1px solid var(--pa-input-focus-border-color);
7334
7222
  }
7335
7223
 
7336
7224
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append + .pa-input-group__append {
7337
- border-left: 1px solid var(--pa-border-color);
7225
+ border-inline-start: 1px solid var(--pa-border-color);
7338
7226
  }
7339
7227
 
7340
7228
  .pa-input-group__button {
@@ -7342,13 +7230,13 @@ a.pa-card p {
7342
7230
  }
7343
7231
 
7344
7232
  .pa-input-group__button:first-child {
7345
- border-top-left-radius: 4px;
7346
- border-bottom-left-radius: 4px;
7233
+ border-start-start-radius: 4px;
7234
+ border-end-start-radius: 4px;
7347
7235
  }
7348
7236
 
7349
7237
  .pa-input-group__button:last-child {
7350
- border-top-right-radius: 4px;
7351
- border-bottom-right-radius: 4px;
7238
+ border-start-end-radius: 4px;
7239
+ border-end-end-radius: 4px;
7352
7240
  }
7353
7241
 
7354
7242
  .pa-input-group--xs .pa-input-group__prepend,
@@ -7397,12 +7285,12 @@ a.pa-card p {
7397
7285
  .pa-input-wrapper .pa-virtual-textbox {
7398
7286
  flex: 1;
7399
7287
  min-width: 0;
7400
- padding-right: 4rem;
7288
+ padding-inline-end: 4rem;
7401
7289
  }
7402
7290
 
7403
7291
  .pa-input-wrapper__clear {
7404
7292
  position: absolute;
7405
- right: 0.4rem;
7293
+ inset-inline-end: 0.4rem;
7406
7294
  top: 50%;
7407
7295
  transform: translateY(-50%);
7408
7296
  background: transparent;
@@ -7448,7 +7336,7 @@ a.pa-card p {
7448
7336
  }
7449
7337
 
7450
7338
  .pa-search-token-remove {
7451
- margin-left: 0.4rem;
7339
+ margin-inline-start: 0.4rem;
7452
7340
  padding: 0 0.4rem;
7453
7341
  border: none;
7454
7342
  background: transparent;
@@ -7548,7 +7436,7 @@ a.pa-card p {
7548
7436
  }
7549
7437
 
7550
7438
  .pa-search-autocomplete__item-type {
7551
- margin-left: auto;
7439
+ margin-inline-start: auto;
7552
7440
  font-size: 1.2rem;
7553
7441
  color: var(--pa-text-color-2);
7554
7442
  opacity: 0.7;
@@ -8074,7 +7962,7 @@ web-multiselect {
8074
7962
 
8075
7963
  .pa-file-dropzone__drop-prompt-icon {
8076
7964
  display: inline-block;
8077
- margin-right: 0.4rem;
7965
+ margin-inline-end: 0.4rem;
8078
7966
  font-size: 1.8rem;
8079
7967
  }
8080
7968
 
@@ -8343,7 +8231,7 @@ web-multiselect {
8343
8231
  }
8344
8232
 
8345
8233
  .pa-file-popover__table th {
8346
- text-align: left;
8234
+ text-align: start;
8347
8235
  padding: 0.4rem 0.8rem;
8348
8236
  border-bottom: 1px solid var(--pa-border-color);
8349
8237
  color: var(--pa-text-color-2);
@@ -8752,13 +8640,13 @@ web-multiselect {
8752
8640
  }
8753
8641
 
8754
8642
  .pa-checkbox-list__label .pa-checkbox {
8755
- margin-right: 1.2rem;
8643
+ margin-inline-end: 1.2rem;
8756
8644
  gap: 0;
8757
8645
  }
8758
8646
 
8759
8647
  .pa-checkbox-list__checkbox {
8760
8648
  margin: 0;
8761
- margin-right: 1.2rem;
8649
+ margin-inline-end: 1.2rem;
8762
8650
  width: 1.6rem;
8763
8651
  height: 1.6rem;
8764
8652
  cursor: pointer;
@@ -8778,7 +8666,7 @@ web-multiselect {
8778
8666
 
8779
8667
  .pa-checkbox-list__actions {
8780
8668
  position: absolute;
8781
- right: 1.2rem;
8669
+ inset-inline-end: 1.2rem;
8782
8670
  top: 50%;
8783
8671
  transform: translateY(-50%);
8784
8672
  display: flex;
@@ -8792,7 +8680,7 @@ web-multiselect {
8792
8680
  }
8793
8681
 
8794
8682
  .pa-checkbox-list__item:has(.pa-checkbox-list__actions) .pa-checkbox-list__label {
8795
- padding-right: 6rem;
8683
+ padding-inline-end: 6rem;
8796
8684
  }
8797
8685
 
8798
8686
  .pa-checkbox-list--compact .pa-checkbox-list__label {
@@ -8911,7 +8799,7 @@ web-multiselect {
8911
8799
  }
8912
8800
 
8913
8801
  .pa-checkbox-list--2col .pa-checkbox-list__item:nth-child(odd) {
8914
- border-right: 1px solid var(--pa-border-color);
8802
+ border-inline-end: 1px solid var(--pa-border-color);
8915
8803
  }
8916
8804
 
8917
8805
  .pa-checkbox-list--3col {
@@ -8921,7 +8809,7 @@ web-multiselect {
8921
8809
  }
8922
8810
 
8923
8811
  .pa-checkbox-list--3col .pa-checkbox-list__item:not(:nth-child(3n)) {
8924
- border-right: 1px solid var(--pa-border-color);
8812
+ border-inline-end: 1px solid var(--pa-border-color);
8925
8813
  }
8926
8814
 
8927
8815
  .pa-table .pa-table__checkbox-col {
@@ -9024,6 +8912,11 @@ web-multiselect {
9024
8912
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
9025
8913
  }
9026
8914
 
8915
+ .pa-table-card:has(.pa-detail-view) .pa-table-card__body {
8916
+ position: relative;
8917
+ overflow: hidden;
8918
+ }
8919
+
9027
8920
  .pa-table-card__header {
9028
8921
  padding: 0.5rem 1rem;
9029
8922
  min-height: 4rem;
@@ -9093,23 +8986,50 @@ web-multiselect {
9093
8986
 
9094
8987
  .pa-table-card__body .pa-table th:first-child,
9095
8988
  .pa-table-card__body .pa-table td:first-child {
9096
- padding-left: 1rem;
8989
+ padding-inline-start: 1rem;
9097
8990
  }
9098
8991
 
9099
8992
  .pa-table-card__body .pa-table th:last-child,
9100
8993
  .pa-table-card__body .pa-table td:last-child {
9101
- padding-right: 1rem;
8994
+ padding-inline-end: 1rem;
9102
8995
  }
9103
8996
 
9104
8997
  .pa-table-card__body .pa-table tbody tr:last-child td {
9105
8998
  border-bottom: none;
9106
8999
  }
9107
9000
 
9001
+ .pa-table-card__body .pa-detail-view {
9002
+ height: 100%;
9003
+ }
9004
+
9005
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table {
9006
+ border-radius: 0;
9007
+ }
9008
+
9009
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table th:first-child,
9010
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table td:first-child {
9011
+ padding-inline-start: 1rem;
9012
+ }
9013
+
9014
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table th:last-child,
9015
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table td:last-child {
9016
+ padding-inline-end: 1rem;
9017
+ }
9018
+
9019
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table tbody tr:last-child td {
9020
+ border-bottom: none;
9021
+ }
9022
+
9023
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main web-grid {
9024
+ --wg-cell-padding-left: 1rem;
9025
+ --wg-cell-padding-right: 1rem;
9026
+ }
9027
+
9108
9028
  .pa-table-card__footer {
9109
9029
  padding: 1.2rem 1rem;
9110
9030
  border-top: 1px solid var(--pa-border-color);
9111
- border-bottom-left-radius: 8px;
9112
- border-bottom-right-radius: 8px;
9031
+ border-end-start-radius: 8px;
9032
+ border-end-end-radius: 8px;
9113
9033
  background: var(--pa-card-footer-bg);
9114
9034
  display: flex;
9115
9035
  justify-content: space-between;
@@ -9300,16 +9220,19 @@ web-multiselect {
9300
9220
  background: transparent;
9301
9221
  border-bottom: none;
9302
9222
  border-radius: 0;
9303
- padding-left: 0;
9304
- padding-right: 0;
9223
+ padding-inline: 0;
9224
+ }
9225
+
9226
+ .pa-table-card--plain .pa-table-card__body:has(.pa-detail-view--overlay) {
9227
+ position: relative;
9228
+ overflow: hidden;
9305
9229
  }
9306
9230
 
9307
9231
  .pa-table-card--plain .pa-table-card__footer {
9308
9232
  background: transparent;
9309
9233
  border-top: none;
9310
9234
  border-radius: 0;
9311
- padding-left: 0;
9312
- padding-right: 0;
9235
+ padding-inline: 0;
9313
9236
  }
9314
9237
 
9315
9238
  .pa-table {
@@ -9322,7 +9245,7 @@ web-multiselect {
9322
9245
  .pa-table th,
9323
9246
  .pa-table td {
9324
9247
  padding: 0.8rem 0.8rem;
9325
- text-align: left;
9248
+ text-align: start;
9326
9249
  border-bottom: 1px solid var(--pa-border-color);
9327
9250
  vertical-align: middle;
9328
9251
  line-height: 1.2;
@@ -9547,7 +9470,7 @@ web-multiselect {
9547
9470
  .pa-load-more__count {
9548
9471
  color: var(--pa-text-color-2);
9549
9472
  font-size: 1.2rem;
9550
- margin-left: 0.4rem;
9473
+ margin-inline-start: 0.4rem;
9551
9474
  }
9552
9475
 
9553
9476
  .pa-virtual-table {
@@ -9573,13 +9496,13 @@ web-multiselect {
9573
9496
  .pa-virtual-table__header-cell {
9574
9497
  padding: 0.5rem 0.8rem;
9575
9498
  font-weight: 600;
9576
- border-right: 1px solid var(--pa-border-color);
9499
+ border-inline-end: 1px solid var(--pa-border-color);
9577
9500
  background: var(--pa-table-header-bg);
9578
9501
  color: var(--pa-text-color-1);
9579
9502
  }
9580
9503
 
9581
9504
  .pa-virtual-table__header-cell:last-child {
9582
- border-right: none;
9505
+ border-inline-end: none;
9583
9506
  }
9584
9507
 
9585
9508
  .pa-virtual-table__body {
@@ -9603,7 +9526,7 @@ web-multiselect {
9603
9526
 
9604
9527
  .pa-virtual-table__cell {
9605
9528
  padding: 0.5rem 0.8rem;
9606
- border-right: 1px solid var(--pa-border-color);
9529
+ border-inline-end: 1px solid var(--pa-border-color);
9607
9530
  overflow: hidden;
9608
9531
  text-overflow: ellipsis;
9609
9532
  white-space: nowrap;
@@ -9612,15 +9535,14 @@ web-multiselect {
9612
9535
  }
9613
9536
 
9614
9537
  .pa-virtual-table__cell:last-child {
9615
- border-right: none;
9538
+ border-inline-end: none;
9616
9539
  }
9617
9540
 
9618
9541
  @media (max-width: 1024px) and (min-width: 769px) {
9619
9542
  .pa-table--responsive {
9620
9543
  overflow-x: auto;
9621
9544
  -webkit-overflow-scrolling: touch;
9622
- border-left: 1px solid var(--pa-border-color);
9623
- border-right: 1px solid var(--pa-border-color);
9545
+ border-inline: 1px solid var(--pa-border-color);
9624
9546
  }
9625
9547
  }
9626
9548
  @media (max-width: 768px) {
@@ -9639,7 +9561,7 @@ web-multiselect {
9639
9561
  }
9640
9562
  .pa-table--responsive tbody td {
9641
9563
  display: block;
9642
- text-align: right;
9564
+ text-align: end;
9643
9565
  padding: 1.2rem;
9644
9566
  position: relative;
9645
9567
  border-bottom: 1px solid var(--pa-border-color);
@@ -9650,14 +9572,14 @@ web-multiselect {
9650
9572
  .pa-table--responsive tbody td::before {
9651
9573
  content: attr(data-label);
9652
9574
  position: absolute;
9653
- left: 1.2rem;
9575
+ inset-inline-start: 1.2rem;
9654
9576
  top: 1.2rem;
9655
9577
  font-weight: 600;
9656
- text-align: left;
9578
+ text-align: start;
9657
9579
  width: 40%;
9658
9580
  }
9659
9581
  .pa-table--responsive tbody td {
9660
- padding-left: calc(40% + 2.4rem);
9582
+ padding-inline-start: calc(40% + 2.4rem);
9661
9583
  }
9662
9584
  .pa-table--responsive .col-auto {
9663
9585
  width: auto;
@@ -9682,8 +9604,7 @@ web-multiselect {
9682
9604
  display: block;
9683
9605
  overflow-x: auto;
9684
9606
  -webkit-overflow-scrolling: touch;
9685
- border-left: 1px solid var(--pa-border-color);
9686
- border-right: 1px solid var(--pa-border-color);
9607
+ border-inline: 1px solid var(--pa-border-color);
9687
9608
  }
9688
9609
  }
9689
9610
  @media (max-width: 768px) {
@@ -9771,7 +9692,7 @@ web-multiselect {
9771
9692
  .pa-comparison-table thead th {
9772
9693
  background-color: var(--pa-table-header-bg);
9773
9694
  font-weight: 600;
9774
- text-align: left;
9695
+ text-align: start;
9775
9696
  padding: 0.8rem 1.6rem;
9776
9697
  border-bottom: 2px solid var(--pa-border-color);
9777
9698
  }
@@ -9828,7 +9749,7 @@ tbody tr:hover .pa-comparison-table__copy {
9828
9749
  .pa-comparison-table__changed::before {
9829
9750
  content: "";
9830
9751
  position: absolute;
9831
- left: 0;
9752
+ inset-inline-start: 0;
9832
9753
  top: 0;
9833
9754
  bottom: 0;
9834
9755
  width: 2px;
@@ -9890,7 +9811,7 @@ tbody tr:hover .pa-comparison-table__copy {
9890
9811
  .pa-comparison-table tbody td::before {
9891
9812
  content: attr(data-label);
9892
9813
  font-weight: 600;
9893
- margin-right: 0.8rem;
9814
+ margin-inline-end: 0.8rem;
9894
9815
  min-width: 120px;
9895
9816
  }
9896
9817
  .pa-comparison-table__label {
@@ -9934,19 +9855,19 @@ code {
9934
9855
 
9935
9856
  .pa-code--numbered {
9936
9857
  counter-reset: line;
9937
- padding-left: 5.6rem;
9858
+ padding-inline-start: 5.6rem;
9938
9859
  position: relative;
9939
9860
  }
9940
9861
 
9941
9862
  .pa-code--numbered::before {
9942
9863
  content: "";
9943
9864
  position: absolute;
9944
- left: 0;
9865
+ inset-inline-start: 0;
9945
9866
  top: 0;
9946
9867
  bottom: 0;
9947
9868
  width: 4.4rem;
9948
9869
  background-color: rgba(0, 0, 0, 0.05);
9949
- border-right: 1px solid var(--pa-border-color);
9870
+ border-inline-end: 1px solid var(--pa-border-color);
9950
9871
  }
9951
9872
 
9952
9873
  .pa-code--compact {
@@ -9955,31 +9876,31 @@ code {
9955
9876
  }
9956
9877
 
9957
9878
  .pa-code--json {
9958
- border-left: 2px solid #f59e0b;
9879
+ border-inline-start: 2px solid #f59e0b;
9959
9880
  }
9960
9881
 
9961
9882
  .pa-code--javascript {
9962
- border-left: 2px solid #f0db4f;
9883
+ border-inline-start: 2px solid #f0db4f;
9963
9884
  }
9964
9885
 
9965
9886
  .pa-code--html {
9966
- border-left: 2px solid #e34c26;
9887
+ border-inline-start: 2px solid #e34c26;
9967
9888
  }
9968
9889
 
9969
9890
  .pa-code--css {
9970
- border-left: 2px solid #264de4;
9891
+ border-inline-start: 2px solid #264de4;
9971
9892
  }
9972
9893
 
9973
9894
  .pa-code--bash {
9974
- border-left: 2px solid #4eaa25;
9895
+ border-inline-start: 2px solid #4eaa25;
9975
9896
  }
9976
9897
 
9977
9898
  .pa-code--sql {
9978
- border-left: 2px solid #00758f;
9899
+ border-inline-start: 2px solid #00758f;
9979
9900
  }
9980
9901
 
9981
9902
  .pa-code--python {
9982
- border-left: 2px solid #3776ab;
9903
+ border-inline-start: 2px solid #3776ab;
9983
9904
  }
9984
9905
 
9985
9906
  .pa-code-block {
@@ -10174,7 +10095,7 @@ code {
10174
10095
  .pa-load-more__count {
10175
10096
  color: var(--pa-text-color-2);
10176
10097
  font-size: 1.2rem;
10177
- margin-left: 0.4rem;
10098
+ margin-inline-start: 0.4rem;
10178
10099
  }
10179
10100
 
10180
10101
  /* ========================================
@@ -10222,7 +10143,7 @@ code {
10222
10143
  .pa-profile-panel {
10223
10144
  position: fixed;
10224
10145
  top: 0;
10225
- right: 0;
10146
+ inset-inline-end: 0;
10226
10147
  height: 100vh;
10227
10148
  z-index: 5000;
10228
10149
  pointer-events: none;
@@ -10244,7 +10165,7 @@ code {
10244
10165
  .pa-profile-panel__overlay {
10245
10166
  position: absolute;
10246
10167
  top: 0;
10247
- left: 0;
10168
+ inset-inline-start: 0;
10248
10169
  width: 100vw;
10249
10170
  height: 100vh;
10250
10171
  background-color: var(--pa-profile-overlay-bg);
@@ -10254,7 +10175,7 @@ code {
10254
10175
  .pa-profile-panel__content {
10255
10176
  position: absolute;
10256
10177
  top: 0;
10257
- right: 0;
10178
+ inset-inline-end: 0;
10258
10179
  height: 100vh;
10259
10180
  background-color: var(--pa-card-bg);
10260
10181
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
@@ -10265,6 +10186,10 @@ code {
10265
10186
  overflow: hidden;
10266
10187
  }
10267
10188
 
10189
+ [dir=rtl] .pa-profile-panel__content {
10190
+ transform: translateX(-100%);
10191
+ }
10192
+
10268
10193
  .pa-profile-panel__header {
10269
10194
  padding: 2.4rem;
10270
10195
  background-color: var(--pa-header-bg);
@@ -10298,7 +10223,7 @@ code {
10298
10223
  .pa-profile-panel__info {
10299
10224
  flex: 1;
10300
10225
  min-width: 0;
10301
- padding-right: 3.2rem;
10226
+ padding-inline-end: 3.2rem;
10302
10227
  }
10303
10228
 
10304
10229
  .pa-profile-panel__name {
@@ -10335,7 +10260,7 @@ code {
10335
10260
  .pa-profile-panel__close {
10336
10261
  position: absolute;
10337
10262
  top: 1.6rem;
10338
- right: 1.6rem;
10263
+ inset-inline-end: 1.6rem;
10339
10264
  width: 3.2rem;
10340
10265
  height: 3.2rem;
10341
10266
  background: none;
@@ -10505,7 +10430,7 @@ code {
10505
10430
 
10506
10431
  .pa-profile-panel__favorite-remove {
10507
10432
  opacity: 0;
10508
- margin-left: auto;
10433
+ margin-inline-start: auto;
10509
10434
  background: none;
10510
10435
  border: none;
10511
10436
  padding: 0.4rem;
@@ -10546,10 +10471,7 @@ code {
10546
10471
  ======================================== */
10547
10472
  .pa-modal {
10548
10473
  position: fixed;
10549
- top: 0;
10550
- left: 0;
10551
- width: 100%;
10552
- height: 100%;
10474
+ inset: 0;
10553
10475
  display: none;
10554
10476
  justify-content: center;
10555
10477
  align-items: center;
@@ -10567,10 +10489,7 @@ code {
10567
10489
 
10568
10490
  .pa-modal__backdrop {
10569
10491
  position: fixed;
10570
- top: 0;
10571
- left: 0;
10572
- width: 100%;
10573
- height: 100%;
10492
+ inset: 0;
10574
10493
  background-color: var(--pa-modal-overlay-bg);
10575
10494
  z-index: 6000;
10576
10495
  }
@@ -10728,38 +10647,46 @@ code {
10728
10647
  gap: 1.2rem;
10729
10648
  }
10730
10649
 
10731
- .pa-toast-container--top-right {
10650
+ .pa-toast-container--top-end {
10732
10651
  top: 2.4rem;
10733
- right: 2.4rem;
10652
+ inset-inline-end: 2.4rem;
10734
10653
  }
10735
10654
 
10736
- .pa-toast-container--top-left {
10655
+ .pa-toast-container--top-start {
10737
10656
  top: 2.4rem;
10738
- left: 2.4rem;
10657
+ inset-inline-start: 2.4rem;
10739
10658
  }
10740
10659
 
10741
- .pa-toast-container--bottom-right {
10660
+ .pa-toast-container--bottom-end {
10742
10661
  bottom: 2.4rem;
10743
- right: 2.4rem;
10662
+ inset-inline-end: 2.4rem;
10744
10663
  }
10745
10664
 
10746
- .pa-toast-container--bottom-left {
10665
+ .pa-toast-container--bottom-start {
10747
10666
  bottom: 2.4rem;
10748
- left: 2.4rem;
10667
+ inset-inline-start: 2.4rem;
10749
10668
  }
10750
10669
 
10751
10670
  .pa-toast-container--top-center {
10752
10671
  top: 2.4rem;
10753
- left: 50%;
10672
+ inset-inline-start: 50%;
10754
10673
  transform: translateX(-50%);
10755
10674
  }
10756
10675
 
10676
+ [dir=rtl] .pa-toast-container--top-center {
10677
+ transform: translateX(50%);
10678
+ }
10679
+
10757
10680
  .pa-toast-container--bottom-center {
10758
10681
  bottom: 2.4rem;
10759
- left: 50%;
10682
+ inset-inline-start: 50%;
10760
10683
  transform: translateX(-50%);
10761
10684
  }
10762
10685
 
10686
+ [dir=rtl] .pa-toast-container--bottom-center {
10687
+ transform: translateX(50%);
10688
+ }
10689
+
10763
10690
  .pa-toast {
10764
10691
  background-color: var(--pa-card-bg);
10765
10692
  border: 1px solid var(--pa-border-color);
@@ -10789,15 +10716,39 @@ code {
10789
10716
  transform: translateX(100%);
10790
10717
  }
10791
10718
 
10792
- .pa-toast-container--top-left .pa-toast, .pa-toast-container--bottom-left .pa-toast {
10719
+ .pa-toast-container--top-start .pa-toast, .pa-toast-container--bottom-start .pa-toast {
10793
10720
  transform: translateX(-100%);
10794
10721
  }
10795
10722
 
10796
- .pa-toast-container--top-left .pa-toast.pa-toast--show, .pa-toast-container--bottom-left .pa-toast.pa-toast--show {
10723
+ .pa-toast-container--top-start .pa-toast.pa-toast--show, .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10797
10724
  transform: translateX(0);
10798
10725
  }
10799
10726
 
10800
- .pa-toast-container--top-left .pa-toast.pa-toast--hide, .pa-toast-container--bottom-left .pa-toast.pa-toast--hide {
10727
+ .pa-toast-container--top-start .pa-toast.pa-toast--hide, .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10728
+ transform: translateX(-100%);
10729
+ }
10730
+
10731
+ [dir=rtl] .pa-toast-container--top-start .pa-toast, [dir=rtl] .pa-toast-container--bottom-start .pa-toast {
10732
+ transform: translateX(100%);
10733
+ }
10734
+
10735
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10736
+ transform: translateX(0);
10737
+ }
10738
+
10739
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--hide, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10740
+ transform: translateX(100%);
10741
+ }
10742
+
10743
+ [dir=rtl] .pa-toast-container--top-end .pa-toast, [dir=rtl] .pa-toast-container--bottom-end .pa-toast {
10744
+ transform: translateX(-100%);
10745
+ }
10746
+
10747
+ [dir=rtl] .pa-toast-container--top-end .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-end .pa-toast.pa-toast--show {
10748
+ transform: translateX(0);
10749
+ }
10750
+
10751
+ [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
10752
  transform: translateX(-100%);
10802
10753
  }
10803
10754
 
@@ -10874,7 +10825,7 @@ code {
10874
10825
  .pa-toast__progress {
10875
10826
  position: absolute;
10876
10827
  bottom: 0;
10877
- left: 0;
10828
+ inset-inline-start: 0;
10878
10829
  height: 3px;
10879
10830
  background-color: currentColor;
10880
10831
  opacity: 0.3;
@@ -10948,14 +10899,13 @@ code {
10948
10899
 
10949
10900
  @media (max-width: 768px) {
10950
10901
  .pa-toast-container {
10951
- left: 1.2rem !important;
10952
- right: 1.2rem !important;
10902
+ inset-inline: 1.2rem !important;
10953
10903
  transform: none !important;
10954
10904
  }
10955
- .pa-toast-container--top-right, .pa-toast-container--top-left, .pa-toast-container--top-center {
10905
+ .pa-toast-container--top-end, .pa-toast-container--top-start, .pa-toast-container--top-center {
10956
10906
  top: 1.2rem;
10957
10907
  }
10958
- .pa-toast-container--bottom-right, .pa-toast-container--bottom-left, .pa-toast-container--bottom-center {
10908
+ .pa-toast-container--bottom-end, .pa-toast-container--bottom-start, .pa-toast-container--bottom-center {
10959
10909
  bottom: 1.2rem;
10960
10910
  }
10961
10911
  .pa-toast {
@@ -10977,9 +10927,9 @@ code {
10977
10927
  }
10978
10928
 
10979
10929
  .pa-timeline--simple {
10980
- border-left: 1px solid var(--pa-border-color);
10981
- margin-left: 10px;
10982
- padding-left: 20px;
10930
+ border-inline-start: 1px solid var(--pa-border-color);
10931
+ margin-inline-start: 10px;
10932
+ padding-inline-start: 20px;
10983
10933
  }
10984
10934
 
10985
10935
  .pa-timeline--simple .pa-timeline__item {
@@ -10995,7 +10945,7 @@ code {
10995
10945
  .pa-timeline--simple .pa-timeline__item::before {
10996
10946
  content: "";
10997
10947
  position: absolute;
10998
- left: -30px;
10948
+ inset-inline-start: -30px;
10999
10949
  top: 0;
11000
10950
  width: 15px;
11001
10951
  height: 15px;
@@ -11510,10 +11460,7 @@ code {
11510
11460
  ======================================== */
11511
11461
  .pa-command-palette {
11512
11462
  position: fixed;
11513
- top: 0;
11514
- left: 0;
11515
- right: 0;
11516
- bottom: 0;
11463
+ inset: 0;
11517
11464
  z-index: 10500;
11518
11465
  display: none;
11519
11466
  align-items: flex-start;
@@ -11527,10 +11474,7 @@ code {
11527
11474
 
11528
11475
  .pa-command-palette__backdrop {
11529
11476
  position: absolute;
11530
- top: 0;
11531
- left: 0;
11532
- right: 0;
11533
- bottom: 0;
11477
+ inset: 0;
11534
11478
  background-color: var(--pa-command-palette-backdrop-bg);
11535
11479
  backdrop-filter: blur(4px);
11536
11480
  animation: fadeIn 0.15s ease;
@@ -11567,7 +11511,7 @@ code {
11567
11511
  }
11568
11512
 
11569
11513
  .pa-command-palette__tokens .pa-badge__remove {
11570
- margin-left: 0.4rem;
11514
+ margin-inline-start: 0.4rem;
11571
11515
  padding: 0 0.4rem;
11572
11516
  border: none;
11573
11517
  background: transparent;
@@ -11608,7 +11552,7 @@ code {
11608
11552
 
11609
11553
  .pa-command-palette__context {
11610
11554
  position: absolute;
11611
- right: calc(0.8rem + 0.8rem);
11555
+ inset-inline-end: calc(0.8rem + 0.8rem);
11612
11556
  top: 50%;
11613
11557
  transform: translateY(-50%);
11614
11558
  font-size: 1.2rem;
@@ -11635,10 +11579,7 @@ code {
11635
11579
  .pa-command-palette__results--loading::after {
11636
11580
  content: "";
11637
11581
  position: absolute;
11638
- top: 0;
11639
- left: 0;
11640
- right: 0;
11641
- bottom: 0;
11582
+ inset: 0;
11642
11583
  background-color: rgba(255, 255, 255, 0.7);
11643
11584
  pointer-events: none;
11644
11585
  z-index: 1;
@@ -12702,14 +12643,14 @@ code {
12702
12643
  min-width: 0;
12703
12644
  overflow: hidden;
12704
12645
  flex-shrink: 0;
12705
- border-left: 0 solid var(--pa-border-color);
12646
+ border-inline-start: 0 solid var(--pa-border-color);
12706
12647
  }
12707
12648
 
12708
12649
  .pa-detail-view__panel--open {
12709
12650
  width: var(--pa-local-detail-panel-width);
12710
12651
  min-width: 28rem;
12711
12652
  max-width: var(--pa-local-detail-panel-max-width);
12712
- border-left-width: 1px;
12653
+ border-inline-start-width: 1px;
12713
12654
  overflow: visible;
12714
12655
  }
12715
12656
 
@@ -12721,19 +12662,20 @@ code {
12721
12662
  .pa-detail-view--overlay .pa-detail-view__panel {
12722
12663
  position: absolute;
12723
12664
  top: 0;
12724
- right: 0;
12665
+ inset-inline-end: 0;
12725
12666
  height: 100%;
12726
- z-index: 2;
12667
+ z-index: 3501;
12668
+ }
12669
+
12670
+ .pa-detail-view--overlay .pa-detail-view__panel--open {
12671
+ max-width: 100%;
12727
12672
  }
12728
12673
 
12729
12674
  .pa-detail-view__overlay {
12730
12675
  position: absolute;
12731
- top: 0;
12732
- left: 0;
12733
- width: 100%;
12734
- height: 100%;
12676
+ inset: 0;
12735
12677
  background-color: var(--pa-detail-panel-overlay-bg);
12736
- z-index: 1;
12678
+ z-index: 3500;
12737
12679
  opacity: 0;
12738
12680
  visibility: hidden;
12739
12681
  cursor: pointer;
@@ -12746,9 +12688,7 @@ code {
12746
12688
 
12747
12689
  .pa-detail-panel--overlay {
12748
12690
  position: fixed;
12749
- top: 0;
12750
- right: 0;
12751
- height: 100vh;
12691
+ inset: 0;
12752
12692
  z-index: var(--pa-detail-panel-z-index);
12753
12693
  pointer-events: none;
12754
12694
  opacity: 0;
@@ -12777,6 +12717,7 @@ code {
12777
12717
  position: absolute;
12778
12718
  top: 0;
12779
12719
  right: 0;
12720
+ left: auto;
12780
12721
  height: 100vh;
12781
12722
  width: var(--pa-local-detail-panel-width);
12782
12723
  max-width: var(--pa-local-detail-panel-max-width);
@@ -12784,12 +12725,19 @@ code {
12784
12725
  transform: translateX(100%);
12785
12726
  }
12786
12727
 
12728
+ [dir=rtl] .pa-detail-panel--overlay .pa-detail-panel__content {
12729
+ right: auto;
12730
+ left: 0;
12731
+ transform: translateX(-100%);
12732
+ }
12733
+
12734
+ [dir=rtl] .pa-detail-panel--overlay.pa-detail-panel--open .pa-detail-panel__content {
12735
+ transform: translateX(0);
12736
+ }
12737
+
12787
12738
  .pa-detail-panel__overlay {
12788
12739
  position: absolute;
12789
- top: 0;
12790
- left: 0;
12791
- width: 100vw;
12792
- height: 100vh;
12740
+ inset: 0;
12793
12741
  background-color: var(--pa-detail-panel-overlay-bg);
12794
12742
  cursor: pointer;
12795
12743
  }
@@ -12881,7 +12829,7 @@ code {
12881
12829
  .pa-detail-panel-resize {
12882
12830
  position: absolute;
12883
12831
  top: 0;
12884
- left: 0;
12832
+ inset-inline-start: 0;
12885
12833
  width: 6px;
12886
12834
  height: 100%;
12887
12835
  cursor: col-resize;
@@ -12913,9 +12861,7 @@ code {
12913
12861
  .pa-detail-panel--mobile-overlay {
12914
12862
  display: block;
12915
12863
  position: fixed;
12916
- top: 0;
12917
- right: 0;
12918
- height: 100vh;
12864
+ inset: 0;
12919
12865
  z-index: var(--pa-detail-panel-z-index);
12920
12866
  pointer-events: none;
12921
12867
  opacity: 0;
@@ -12933,18 +12879,24 @@ code {
12933
12879
  position: absolute;
12934
12880
  top: 0;
12935
12881
  right: 0;
12882
+ left: auto;
12936
12883
  height: 100vh;
12937
12884
  width: 90vw;
12938
12885
  max-width: none;
12939
12886
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
12940
12887
  transform: translateX(100%);
12941
12888
  }
12889
+ [dir=rtl] .pa-detail-panel--mobile-overlay .pa-detail-panel__content {
12890
+ right: auto;
12891
+ left: 0;
12892
+ transform: translateX(-100%);
12893
+ }
12894
+ [dir=rtl] .pa-detail-panel--mobile-overlay.pa-detail-panel--open .pa-detail-panel__content {
12895
+ transform: translateX(0);
12896
+ }
12942
12897
  .pa-detail-panel--mobile-overlay .pa-detail-panel__overlay {
12943
12898
  position: absolute;
12944
- top: 0;
12945
- left: 0;
12946
- width: 100vw;
12947
- height: 100vh;
12899
+ inset: 0;
12948
12900
  background-color: var(--pa-detail-panel-overlay-bg);
12949
12901
  cursor: pointer;
12950
12902
  }
@@ -12955,23 +12907,26 @@ code {
12955
12907
  ======================================== */
12956
12908
  .pa-settings-panel {
12957
12909
  position: fixed;
12958
- right: -320px;
12910
+ inset-inline-end: -320px;
12959
12911
  top: 15vh;
12960
12912
  z-index: 10000;
12961
12913
  width: 320px;
12962
- transition: right 0.3s ease;
12914
+ transition: inset-inline-end 0.3s ease;
12963
12915
  }
12964
12916
 
12965
12917
  .pa-settings-panel__toggle {
12966
12918
  position: absolute;
12967
- right: 320px;
12919
+ inset-inline-end: 320px;
12968
12920
  top: 0;
12969
12921
  width: 40px;
12970
12922
  height: 40px;
12971
12923
  background: #007bff;
12972
12924
  color: white;
12973
12925
  border: none;
12974
- border-radius: 4px 0 0 4px;
12926
+ border-start-start-radius: 4px;
12927
+ border-end-start-radius: 4px;
12928
+ border-start-end-radius: 0;
12929
+ border-end-end-radius: 0;
12975
12930
  cursor: pointer;
12976
12931
  font-size: 2rem;
12977
12932
  display: flex;
@@ -12984,14 +12939,17 @@ code {
12984
12939
  .pa-settings-panel__toggle:hover {
12985
12940
  background: rgba(0, 123, 255, 0.12);
12986
12941
  width: 45px;
12987
- right: 325px;
12942
+ inset-inline-end: 325px;
12988
12943
  }
12989
12944
 
12990
12945
  .pa-settings-panel__content {
12991
12946
  background: var(--pa-subtle-bg);
12992
12947
  border: 1px solid var(--pa-border-color);
12993
- border-right: none;
12994
- border-radius: 4px 0 0 4px;
12948
+ border-inline-end: none;
12949
+ border-start-start-radius: 4px;
12950
+ border-end-start-radius: 4px;
12951
+ border-start-end-radius: 0;
12952
+ border-end-end-radius: 0;
12995
12953
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
12996
12954
  padding: 2.4rem;
12997
12955
  width: 100%;
@@ -13043,6 +13001,13 @@ code {
13043
13001
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
13044
13002
  }
13045
13003
 
13004
+ .pa-settings-panel__hint {
13005
+ display: block;
13006
+ margin-top: 0.4rem;
13007
+ color: var(--pa-text-color-3);
13008
+ font-size: 1.2rem;
13009
+ }
13010
+
13046
13011
  .pa-settings-panel__checkbox-group {
13047
13012
  display: flex;
13048
13013
  flex-direction: column;
@@ -13058,7 +13023,7 @@ code {
13058
13023
  }
13059
13024
 
13060
13025
  .pa-settings-panel__checkbox input[type=checkbox] {
13061
- margin-right: 0.8rem;
13026
+ margin-inline-end: 0.8rem;
13062
13027
  cursor: pointer;
13063
13028
  }
13064
13029
 
@@ -13067,7 +13032,7 @@ code {
13067
13032
  }
13068
13033
 
13069
13034
  .pa-settings-panel--open {
13070
- right: 0;
13035
+ inset-inline-end: 0;
13071
13036
  }
13072
13037
 
13073
13038
  .pa-settings-panel--open .pa-settings-panel__toggle {
@@ -13141,7 +13106,7 @@ code {
13141
13106
  content: "Click to copy";
13142
13107
  font-size: 1rem;
13143
13108
  opacity: 0;
13144
- margin-left: 0.8rem;
13109
+ margin-inline-start: 0.8rem;
13145
13110
  transition: opacity 0.15s;
13146
13111
  }
13147
13112
 
@@ -13208,8 +13173,8 @@ code {
13208
13173
  display: flex;
13209
13174
  flex-direction: column;
13210
13175
  gap: 1.6rem;
13211
- border-left: 3px solid #007bff;
13212
- padding-left: 1.6rem;
13176
+ border-inline-start: 3px solid #007bff;
13177
+ padding-inline-start: 1.6rem;
13213
13178
  }
13214
13179
 
13215
13180
  .pa-fields--cols-2, .pa-fields--cols-3, .pa-fields--cols-4 {
@@ -13403,52 +13368,28 @@ code {
13403
13368
  }
13404
13369
 
13405
13370
  .pa-fields--no-border {
13406
- border-left: none;
13407
- padding-left: 0;
13371
+ border-inline-start: none;
13372
+ padding-inline-start: 0;
13408
13373
  }
13409
13374
 
13410
13375
  /* ========================================
13411
13376
  Utility Components
13412
13377
  Font utilities, compact mode, component showcase
13413
13378
  ======================================== */
13414
- html.font-size-2xs {
13415
- font-size: 1rem;
13416
- }
13417
-
13418
- html.font-size-xs {
13419
- font-size: 1.2rem;
13420
- }
13421
-
13422
13379
  html.font-size-small {
13423
- font-size: 1.4rem;
13424
- }
13425
-
13426
- html.font-size-medium {
13427
- font-size: 1.5rem;
13380
+ font-size: 9px;
13428
13381
  }
13429
13382
 
13430
13383
  html.font-size-default {
13431
- font-size: 1.6rem;
13384
+ font-size: 10px;
13432
13385
  }
13433
13386
 
13434
13387
  html.font-size-large {
13435
- font-size: 1.8rem;
13388
+ font-size: 11px;
13436
13389
  }
13437
13390
 
13438
13391
  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;
13392
+ font-size: 12px;
13452
13393
  }
13453
13394
 
13454
13395
  .font-family-serif {
@@ -13604,6 +13545,62 @@ html.font-size-4xl {
13604
13545
  max-height: 50rem;
13605
13546
  }
13606
13547
 
13548
+ .h-full {
13549
+ height: 100%;
13550
+ }
13551
+
13552
+ .h-screen {
13553
+ height: 100vh;
13554
+ }
13555
+
13556
+ .min-h-full {
13557
+ min-height: 100%;
13558
+ }
13559
+
13560
+ .min-h-screen {
13561
+ min-height: 100vh;
13562
+ }
13563
+
13564
+ .max-h-full {
13565
+ max-height: 100%;
13566
+ }
13567
+
13568
+ .max-h-screen {
13569
+ max-height: 100vh;
13570
+ }
13571
+
13572
+ .flex-1 {
13573
+ flex: 1 1 0%;
13574
+ }
13575
+
13576
+ .flex-auto {
13577
+ flex: 1 1 auto;
13578
+ }
13579
+
13580
+ .flex-initial {
13581
+ flex: 0 1 auto;
13582
+ }
13583
+
13584
+ .flex-none {
13585
+ flex: none;
13586
+ }
13587
+
13588
+ .flex-grow {
13589
+ flex-grow: 1;
13590
+ }
13591
+
13592
+ .flex-grow-0 {
13593
+ flex-grow: 0;
13594
+ }
13595
+
13596
+ .flex-shrink {
13597
+ flex-shrink: 1;
13598
+ }
13599
+
13600
+ .flex-shrink-0 {
13601
+ flex-shrink: 0;
13602
+ }
13603
+
13607
13604
  .overflow-auto {
13608
13605
  overflow: auto;
13609
13606
  }
@@ -13639,6 +13636,10 @@ html.font-size-4xl {
13639
13636
  overflow-x: overlay;
13640
13637
  }
13641
13638
 
13639
+ .pa-scroll-lock {
13640
+ overflow: hidden !important;
13641
+ }
13642
+
13642
13643
  .cursor-pointer {
13643
13644
  cursor: pointer;
13644
13645
  }
@@ -13712,16 +13713,24 @@ html.font-size-4xl {
13712
13713
  color: var(--pa-text-color-2);
13713
13714
  }
13714
13715
 
13715
- .pa-text--left {
13716
- text-align: left;
13716
+ .pa-text--start {
13717
+ text-align: start;
13717
13718
  }
13718
13719
 
13719
13720
  .pa-text--center {
13720
13721
  text-align: center;
13721
13722
  }
13722
13723
 
13724
+ .pa-text--end {
13725
+ text-align: end;
13726
+ }
13727
+
13728
+ .pa-text--left {
13729
+ text-align: start;
13730
+ }
13731
+
13723
13732
  .pa-text--right {
13724
- text-align: right;
13733
+ text-align: end;
13725
13734
  }
13726
13735
 
13727
13736
  .pa-text--caption {
@@ -14101,6 +14110,162 @@ html.font-size-4xl {
14101
14110
  border-color: var(--pa-color-9);
14102
14111
  }
14103
14112
 
14113
+ .ms-0 {
14114
+ margin-inline-start: 0;
14115
+ }
14116
+
14117
+ .ms-xs {
14118
+ margin-inline-start: 0.4rem;
14119
+ }
14120
+
14121
+ .ms-sm {
14122
+ margin-inline-start: 0.8rem;
14123
+ }
14124
+
14125
+ .ms-md {
14126
+ margin-inline-start: 1.2rem;
14127
+ }
14128
+
14129
+ .ms-base {
14130
+ margin-inline-start: 1.6rem;
14131
+ }
14132
+
14133
+ .ms-lg {
14134
+ margin-inline-start: 2.4rem;
14135
+ }
14136
+
14137
+ .ms-xl {
14138
+ margin-inline-start: 3.2rem;
14139
+ }
14140
+
14141
+ .ms-2xl {
14142
+ margin-inline-start: 4.8rem;
14143
+ }
14144
+
14145
+ .ms-auto {
14146
+ margin-inline-start: auto;
14147
+ }
14148
+
14149
+ .me-0 {
14150
+ margin-inline-end: 0;
14151
+ }
14152
+
14153
+ .me-xs {
14154
+ margin-inline-end: 0.4rem;
14155
+ }
14156
+
14157
+ .me-sm {
14158
+ margin-inline-end: 0.8rem;
14159
+ }
14160
+
14161
+ .me-md {
14162
+ margin-inline-end: 1.2rem;
14163
+ }
14164
+
14165
+ .me-base {
14166
+ margin-inline-end: 1.6rem;
14167
+ }
14168
+
14169
+ .me-lg {
14170
+ margin-inline-end: 2.4rem;
14171
+ }
14172
+
14173
+ .me-xl {
14174
+ margin-inline-end: 3.2rem;
14175
+ }
14176
+
14177
+ .me-2xl {
14178
+ margin-inline-end: 4.8rem;
14179
+ }
14180
+
14181
+ .me-auto {
14182
+ margin-inline-end: auto;
14183
+ }
14184
+
14185
+ .ps-0 {
14186
+ padding-inline-start: 0;
14187
+ }
14188
+
14189
+ .ps-xs {
14190
+ padding-inline-start: 0.4rem;
14191
+ }
14192
+
14193
+ .ps-sm {
14194
+ padding-inline-start: 0.8rem;
14195
+ }
14196
+
14197
+ .ps-md {
14198
+ padding-inline-start: 1.2rem;
14199
+ }
14200
+
14201
+ .ps-base {
14202
+ padding-inline-start: 1.6rem;
14203
+ }
14204
+
14205
+ .ps-lg {
14206
+ padding-inline-start: 2.4rem;
14207
+ }
14208
+
14209
+ .ps-xl {
14210
+ padding-inline-start: 3.2rem;
14211
+ }
14212
+
14213
+ .ps-2xl {
14214
+ padding-inline-start: 4.8rem;
14215
+ }
14216
+
14217
+ .pe-0 {
14218
+ padding-inline-end: 0;
14219
+ }
14220
+
14221
+ .pe-xs {
14222
+ padding-inline-end: 0.4rem;
14223
+ }
14224
+
14225
+ .pe-sm {
14226
+ padding-inline-end: 0.8rem;
14227
+ }
14228
+
14229
+ .pe-md {
14230
+ padding-inline-end: 1.2rem;
14231
+ }
14232
+
14233
+ .pe-base {
14234
+ padding-inline-end: 1.6rem;
14235
+ }
14236
+
14237
+ .pe-lg {
14238
+ padding-inline-end: 2.4rem;
14239
+ }
14240
+
14241
+ .pe-xl {
14242
+ padding-inline-end: 3.2rem;
14243
+ }
14244
+
14245
+ .pe-2xl {
14246
+ padding-inline-end: 4.8rem;
14247
+ }
14248
+
14249
+ .text-start {
14250
+ text-align: start;
14251
+ }
14252
+
14253
+ .text-center {
14254
+ text-align: center;
14255
+ }
14256
+
14257
+ .text-end {
14258
+ text-align: end;
14259
+ }
14260
+
14261
+ .text-left {
14262
+ text-align: start;
14263
+ }
14264
+
14265
+ .text-right {
14266
+ text-align: end;
14267
+ }
14268
+
14104
14269
  /* Pure Admin Visual Framework - SCSS Variables Only */
14105
14270
  /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
14106
14271
  .m-0 {