@keenmate/pure-admin-theme-express 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/express.css +927 -762
  2. package/package.json +10 -1
package/dist/express.css CHANGED
@@ -88,7 +88,8 @@ p {
88
88
 
89
89
  ul, ol {
90
90
  margin: 0 0 1.6rem 0;
91
- padding: 0 0 0 3.2rem;
91
+ padding: 0;
92
+ padding-inline-start: 3.2rem;
92
93
  }
93
94
 
94
95
  ul li, ol li {
@@ -97,7 +98,7 @@ ul li, ol li {
97
98
 
98
99
  ul.unstyled, ol.unstyled {
99
100
  list-style: none;
100
- padding-left: 0;
101
+ padding-inline-start: 0;
101
102
  }
102
103
 
103
104
  ul.unstyled li, ol.unstyled li {
@@ -116,7 +117,7 @@ dd {
116
117
 
117
118
  blockquote {
118
119
  margin: 1.6rem 0 1.6rem 0;
119
- padding: 0 0 0 2.4rem;
120
+ padding-inline-start: 2.4rem;
120
121
  }
121
122
 
122
123
  pre {
@@ -219,8 +220,7 @@ label {
219
220
  .pa-navbar {
220
221
  position: fixed;
221
222
  top: 0;
222
- left: 0;
223
- right: 0;
223
+ inset-inline: 0;
224
224
  height: 4.8rem;
225
225
  background-color: var(--pa-header-bg);
226
226
  border-bottom: 1px solid var(--pa-header-border-color);
@@ -232,42 +232,32 @@ label {
232
232
 
233
233
  body.pa-container-sm .pa-navbar {
234
234
  max-width: 76.8rem;
235
- left: 0;
236
- right: 0;
237
- margin-left: auto;
238
- margin-right: auto;
235
+ inset-inline: 0;
236
+ margin-inline: auto;
239
237
  }
240
238
 
241
239
  body.pa-container-md .pa-navbar {
242
240
  max-width: 102.4rem;
243
- left: 0;
244
- right: 0;
245
- margin-left: auto;
246
- margin-right: auto;
241
+ inset-inline: 0;
242
+ margin-inline: auto;
247
243
  }
248
244
 
249
245
  body.pa-container-lg .pa-navbar {
250
246
  max-width: 128rem;
251
- left: 0;
252
- right: 0;
253
- margin-left: auto;
254
- margin-right: auto;
247
+ inset-inline: 0;
248
+ margin-inline: auto;
255
249
  }
256
250
 
257
251
  body.pa-container-xl .pa-navbar {
258
252
  max-width: 160rem;
259
- left: 0;
260
- right: 0;
261
- margin-left: auto;
262
- margin-right: auto;
253
+ inset-inline: 0;
254
+ margin-inline: auto;
263
255
  }
264
256
 
265
257
  body.pa-container-2xl .pa-navbar {
266
258
  max-width: 192rem;
267
- left: 0;
268
- right: 0;
269
- margin-left: auto;
270
- margin-right: auto;
259
+ inset-inline: 0;
260
+ margin-inline: auto;
271
261
  }
272
262
 
273
263
  .pa-navbar__inner {
@@ -464,7 +454,7 @@ body.pa-layout--sticky .pa-layout__inner {
464
454
 
465
455
  .pa-layout__sidebar {
466
456
  background-color: var(--pa-sidebar-bg);
467
- border-right: 1px solid var(--pa-border-color);
457
+ border-inline-end: 1px solid var(--pa-border-color);
468
458
  flex-shrink: 0;
469
459
  position: relative;
470
460
  }
@@ -472,7 +462,7 @@ body.pa-layout--sticky .pa-layout__inner {
472
462
  .pa-sidebar-resize {
473
463
  position: absolute;
474
464
  top: 0;
475
- right: 0;
465
+ inset-inline-end: 0;
476
466
  width: 6px;
477
467
  height: 100%;
478
468
  cursor: ew-resize;
@@ -483,7 +473,7 @@ body.pa-layout--sticky .pa-layout__inner {
483
473
  content: "";
484
474
  position: absolute;
485
475
  top: 0;
486
- left: 50%;
476
+ inset-inline-start: 50%;
487
477
  transform: translateX(-50%);
488
478
  width: 2px;
489
479
  height: 100%;
@@ -528,7 +518,7 @@ body.pa-layout--sticky .pa-layout__sidebar {
528
518
  color: var(--pa-sidebar-text-secondary);
529
519
  text-decoration: none;
530
520
  font-weight: 500;
531
- border-right: 3px solid transparent;
521
+ border-inline-end: 3px solid transparent;
532
522
  }
533
523
 
534
524
  body.loaded .pa-sidebar__link {
@@ -543,7 +533,7 @@ body.loaded .pa-sidebar__link {
543
533
  .pa-sidebar__link--active {
544
534
  color: var(--pa-sidebar-text);
545
535
  background-color: var(--pa-accent-hover);
546
- border-right-color: var(--pa-accent);
536
+ border-inline-end-color: var(--pa-accent);
547
537
  font-weight: 600;
548
538
  }
549
539
 
@@ -556,7 +546,7 @@ body.loaded .pa-sidebar__link {
556
546
  background: none;
557
547
  border: none;
558
548
  width: 100%;
559
- text-align: left;
549
+ text-align: start;
560
550
  font-weight: 500;
561
551
  cursor: pointer;
562
552
  }
@@ -612,9 +602,9 @@ body.loaded .pa-sidebar__label {
612
602
  }
613
603
 
614
604
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link {
615
- padding-left: 4rem;
605
+ padding-inline-start: 4rem;
616
606
  font-size: 1.5rem;
617
- border-right: 2px solid transparent;
607
+ border-inline-end: 2px solid transparent;
618
608
  }
619
609
 
620
610
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link:hover {
@@ -623,26 +613,26 @@ body.loaded .pa-sidebar__label {
623
613
 
624
614
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link--active {
625
615
  background-color: var(--pa-sidebar-submenu-active-bg);
626
- border-right-color: var(--pa-accent);
616
+ border-inline-end-color: var(--pa-accent);
627
617
  }
628
618
 
629
619
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
630
- padding-left: 4rem;
620
+ padding-inline-start: 4rem;
631
621
  font-size: 1.5rem;
632
622
  }
633
623
 
634
624
  .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link {
635
- padding-left: 5.2rem;
625
+ padding-inline-start: 5.2rem;
636
626
  font-size: 1.4rem;
637
- border-right: 1px solid transparent;
627
+ border-inline-end: 1px solid transparent;
638
628
  }
639
629
 
640
630
  .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link--active {
641
- border-right-color: var(--pa-accent);
631
+ border-inline-end-color: var(--pa-accent);
642
632
  }
643
633
 
644
634
  .pa-sidebar__chevron {
645
- margin-left: auto;
635
+ margin-inline-start: auto;
646
636
  font-size: 1.2rem;
647
637
  }
648
638
 
@@ -654,6 +644,10 @@ body.loaded .pa-sidebar__chevron {
654
644
  transform: rotate(90deg);
655
645
  }
656
646
 
647
+ [dir=rtl] .pa-sidebar__item--open .pa-sidebar__chevron {
648
+ transform: rotate(-90deg);
649
+ }
650
+
657
651
  /* ========================================
658
652
  Sidebar States
659
653
  Hidden, icon-collapse, and expanded states
@@ -662,7 +656,7 @@ body.loaded .pa-sidebar__chevron {
662
656
  width: 0;
663
657
  opacity: 0;
664
658
  overflow: hidden;
665
- border-right: none;
659
+ border-inline-end: none;
666
660
  }
667
661
 
668
662
  .sidebar-hidden .pa-layout__sidebar--icon-collapse {
@@ -670,7 +664,7 @@ body.loaded .pa-sidebar__chevron {
670
664
  opacity: 1;
671
665
  overflow: visible !important;
672
666
  z-index: 1050;
673
- border-right: 1px solid #e1e5e9;
667
+ border-inline-end: 1px solid #e1e5e9;
674
668
  }
675
669
 
676
670
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item {
@@ -709,14 +703,17 @@ body.loaded .pa-sidebar__chevron {
709
703
  width: auto;
710
704
  overflow: visible;
711
705
  position: absolute;
712
- left: 100%;
706
+ inset-inline-start: 100%;
713
707
  top: 0;
714
708
  bottom: 0;
715
709
  padding: 0.8rem 1.6rem;
716
710
  background-color: var(--pa-sidebar-bg);
717
711
  border: 1px solid var(--pa-border-color);
718
- border-left: none;
719
- border-radius: 0 4px 4px 0;
712
+ border-inline-start: none;
713
+ border-start-start-radius: 0;
714
+ border-start-end-radius: 4px;
715
+ border-end-end-radius: 4px;
716
+ border-end-start-radius: 0;
720
717
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
721
718
  white-space: nowrap;
722
719
  z-index: 10;
@@ -730,7 +727,7 @@ body.loaded .pa-sidebar__chevron {
730
727
  max-height: none !important;
731
728
  overflow: visible !important;
732
729
  position: absolute;
733
- left: 100%;
730
+ inset-inline-start: 100%;
734
731
  top: 0;
735
732
  min-width: 12rem;
736
733
  margin: 0;
@@ -738,8 +735,11 @@ body.loaded .pa-sidebar__chevron {
738
735
  list-style: none;
739
736
  background-color: var(--pa-sidebar-submenu-bg);
740
737
  border: 1px solid var(--pa-border-color);
741
- border-left: none;
742
- border-radius: 0 4px 4px 0;
738
+ border-inline-start: none;
739
+ border-start-start-radius: 0;
740
+ border-start-end-radius: 4px;
741
+ border-end-end-radius: 4px;
742
+ border-end-start-radius: 0;
743
743
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
744
744
  z-index: 1001;
745
745
  }
@@ -795,7 +795,7 @@ body.loaded .pa-sidebar__chevron {
795
795
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item:hover > .pa-sidebar__submenu .pa-sidebar__chevron,
796
796
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu:hover .pa-sidebar__chevron {
797
797
  display: inline;
798
- margin-left: auto;
798
+ margin-inline-start: auto;
799
799
  transform: none !important;
800
800
  }
801
801
 
@@ -812,7 +812,7 @@ body.loaded .pa-sidebar__chevron {
812
812
  max-height: none !important;
813
813
  overflow: visible !important;
814
814
  position: absolute;
815
- left: 100%;
815
+ inset-inline-start: 100%;
816
816
  top: 0;
817
817
  min-width: 19.2rem;
818
818
  margin: 0;
@@ -820,8 +820,11 @@ body.loaded .pa-sidebar__chevron {
820
820
  list-style: none;
821
821
  background-color: var(--pa-sidebar-submenu-bg);
822
822
  border: 1px solid var(--pa-border-color);
823
- border-left: none;
824
- border-radius: 0 4px 4px 0;
823
+ border-inline-start: none;
824
+ border-start-start-radius: 0;
825
+ border-start-end-radius: 4px;
826
+ border-end-end-radius: 4px;
827
+ border-end-start-radius: 0;
825
828
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
826
829
  z-index: 1002;
827
830
  }
@@ -866,12 +869,12 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__toggle
866
869
 
867
870
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link,
868
871
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
869
- padding-left: 4rem;
872
+ padding-inline-start: 4rem;
870
873
  }
871
874
 
872
875
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link,
873
876
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
874
- padding-left: 5.2rem;
877
+ padding-inline-start: 5.2rem;
875
878
  }
876
879
 
877
880
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
@@ -884,12 +887,12 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
884
887
  ======================================== */
885
888
  .pa-header__burger {
886
889
  flex-shrink: 0;
887
- margin-left: 0.3rem;
890
+ margin-inline-start: 0.3rem;
888
891
  }
889
892
 
890
893
  .pa-header__brand {
891
894
  flex-shrink: 0;
892
- padding-left: 2.1rem;
895
+ padding-inline-start: 2.1rem;
893
896
  }
894
897
 
895
898
  .pa-header__brand h1 {
@@ -954,7 +957,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
954
957
  display: none !important;
955
958
  position: absolute;
956
959
  top: 100%;
957
- left: 0;
960
+ inset-inline-start: 0;
958
961
  min-width: 19.2rem;
959
962
  background-color: var(--pa-card-bg);
960
963
  border: 1px solid var(--pa-border-color);
@@ -977,7 +980,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
977
980
  content: "";
978
981
  position: absolute;
979
982
  top: 0;
980
- left: 100%;
983
+ inset-inline-start: 100%;
981
984
  width: 6.4px;
982
985
  height: 100%;
983
986
  z-index: 1099;
@@ -1005,9 +1008,9 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1005
1008
 
1006
1009
  .pa-header__dropdown--level2 {
1007
1010
  top: 0;
1008
- left: 100%;
1011
+ inset-inline-start: 100%;
1009
1012
  margin-top: 0;
1010
- margin-left: 0;
1013
+ margin-inline-start: 0;
1011
1014
  }
1012
1015
 
1013
1016
  .pa-header__title {
@@ -1063,6 +1066,14 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1063
1066
  transform: rotate(-45deg) translate(3px, -3px);
1064
1067
  }
1065
1068
 
1069
+ [dir=rtl] .burger-menu.active span:nth-child(1) {
1070
+ transform: rotate(45deg) translate(-3px, 3px);
1071
+ }
1072
+
1073
+ [dir=rtl] .burger-menu.active span:nth-child(3) {
1074
+ transform: rotate(-45deg) translate(-3px, -3px);
1075
+ }
1076
+
1066
1077
  .burger-menu:hover span {
1067
1078
  background-color: var(--pa-accent);
1068
1079
  }
@@ -1101,7 +1112,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1101
1112
  width: 0;
1102
1113
  opacity: 0;
1103
1114
  overflow: hidden;
1104
- border-right: none;
1115
+ border-inline-end: none;
1105
1116
  }
1106
1117
  body:not(.sidebar-visible) .pa-layout__sidebar--icon-collapse {
1107
1118
  width: 0 !important;
@@ -1112,7 +1123,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1112
1123
  .sidebar-visible .pa-layout__sidebar {
1113
1124
  position: fixed;
1114
1125
  top: 4.8rem;
1115
- left: 0;
1126
+ inset-inline-start: 0;
1116
1127
  bottom: 0;
1117
1128
  width: 90vw;
1118
1129
  z-index: 1050;
@@ -1134,8 +1145,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1134
1145
  content: "";
1135
1146
  position: fixed;
1136
1147
  top: 4.8rem;
1137
- left: 0;
1138
- right: 0;
1148
+ inset-inline: 0;
1139
1149
  bottom: 0;
1140
1150
  background-color: rgba(0, 0, 0, 0.5);
1141
1151
  z-index: 1040;
@@ -1165,23 +1175,19 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1165
1175
  .pa-row {
1166
1176
  display: flex;
1167
1177
  flex-wrap: wrap;
1168
- margin-left: -0.8rem;
1169
- margin-right: -0.8rem;
1178
+ margin-inline: -0.8rem;
1170
1179
  }
1171
1180
 
1172
1181
  .pa-row .pa-row {
1173
- margin-left: 0;
1174
- margin-right: 0;
1182
+ margin-inline: 0;
1175
1183
  }
1176
1184
 
1177
1185
  .pa-row--no-gutter {
1178
- margin-left: 0;
1179
- margin-right: 0;
1186
+ margin-inline: 0;
1180
1187
  }
1181
1188
 
1182
1189
  .pa-row--no-gutter > [class*=pa-col] {
1183
- padding-left: 0;
1184
- padding-right: 0;
1190
+ padding-inline: 0;
1185
1191
  }
1186
1192
 
1187
1193
  .pa-row--center {
@@ -1222,676 +1228,604 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1222
1228
 
1223
1229
  .pa-col {
1224
1230
  flex: 1;
1225
- padding-left: 0.8rem;
1226
- padding-right: 0.8rem;
1231
+ padding-inline: 0.8rem;
1227
1232
  min-width: 0;
1228
1233
  }
1229
1234
 
1230
1235
  .pa-col-auto {
1231
1236
  flex: 0 0 auto;
1232
1237
  width: auto;
1233
- padding-left: 0.8rem;
1234
- padding-right: 0.8rem;
1238
+ padding-inline: 0.8rem;
1235
1239
  }
1236
1240
 
1237
1241
  .pa-col-5 {
1238
1242
  flex: 0 0 5%;
1239
1243
  max-width: 5%;
1240
- padding-left: 0.8rem;
1241
- padding-right: 0.8rem;
1244
+ padding-inline: 0.8rem;
1242
1245
  min-width: 0;
1243
1246
  }
1244
1247
 
1245
1248
  .pa-col-10 {
1246
1249
  flex: 0 0 10%;
1247
1250
  max-width: 10%;
1248
- padding-left: 0.8rem;
1249
- padding-right: 0.8rem;
1251
+ padding-inline: 0.8rem;
1250
1252
  min-width: 0;
1251
1253
  }
1252
1254
 
1253
1255
  .pa-col-15 {
1254
1256
  flex: 0 0 15%;
1255
1257
  max-width: 15%;
1256
- padding-left: 0.8rem;
1257
- padding-right: 0.8rem;
1258
+ padding-inline: 0.8rem;
1258
1259
  min-width: 0;
1259
1260
  }
1260
1261
 
1261
1262
  .pa-col-20 {
1262
1263
  flex: 0 0 20%;
1263
1264
  max-width: 20%;
1264
- padding-left: 0.8rem;
1265
- padding-right: 0.8rem;
1265
+ padding-inline: 0.8rem;
1266
1266
  min-width: 0;
1267
1267
  }
1268
1268
 
1269
1269
  .pa-col-25 {
1270
1270
  flex: 0 0 25%;
1271
1271
  max-width: 25%;
1272
- padding-left: 0.8rem;
1273
- padding-right: 0.8rem;
1272
+ padding-inline: 0.8rem;
1274
1273
  min-width: 0;
1275
1274
  }
1276
1275
 
1277
1276
  .pa-col-30 {
1278
1277
  flex: 0 0 30%;
1279
1278
  max-width: 30%;
1280
- padding-left: 0.8rem;
1281
- padding-right: 0.8rem;
1279
+ padding-inline: 0.8rem;
1282
1280
  min-width: 0;
1283
1281
  }
1284
1282
 
1285
1283
  .pa-col-35 {
1286
1284
  flex: 0 0 35%;
1287
1285
  max-width: 35%;
1288
- padding-left: 0.8rem;
1289
- padding-right: 0.8rem;
1286
+ padding-inline: 0.8rem;
1290
1287
  min-width: 0;
1291
1288
  }
1292
1289
 
1293
1290
  .pa-col-40 {
1294
1291
  flex: 0 0 40%;
1295
1292
  max-width: 40%;
1296
- padding-left: 0.8rem;
1297
- padding-right: 0.8rem;
1293
+ padding-inline: 0.8rem;
1298
1294
  min-width: 0;
1299
1295
  }
1300
1296
 
1301
1297
  .pa-col-45 {
1302
1298
  flex: 0 0 45%;
1303
1299
  max-width: 45%;
1304
- padding-left: 0.8rem;
1305
- padding-right: 0.8rem;
1300
+ padding-inline: 0.8rem;
1306
1301
  min-width: 0;
1307
1302
  }
1308
1303
 
1309
1304
  .pa-col-50 {
1310
1305
  flex: 0 0 50%;
1311
1306
  max-width: 50%;
1312
- padding-left: 0.8rem;
1313
- padding-right: 0.8rem;
1307
+ padding-inline: 0.8rem;
1314
1308
  min-width: 0;
1315
1309
  }
1316
1310
 
1317
1311
  .pa-col-55 {
1318
1312
  flex: 0 0 55%;
1319
1313
  max-width: 55%;
1320
- padding-left: 0.8rem;
1321
- padding-right: 0.8rem;
1314
+ padding-inline: 0.8rem;
1322
1315
  min-width: 0;
1323
1316
  }
1324
1317
 
1325
1318
  .pa-col-60 {
1326
1319
  flex: 0 0 60%;
1327
1320
  max-width: 60%;
1328
- padding-left: 0.8rem;
1329
- padding-right: 0.8rem;
1321
+ padding-inline: 0.8rem;
1330
1322
  min-width: 0;
1331
1323
  }
1332
1324
 
1333
1325
  .pa-col-65 {
1334
1326
  flex: 0 0 65%;
1335
1327
  max-width: 65%;
1336
- padding-left: 0.8rem;
1337
- padding-right: 0.8rem;
1328
+ padding-inline: 0.8rem;
1338
1329
  min-width: 0;
1339
1330
  }
1340
1331
 
1341
1332
  .pa-col-70 {
1342
1333
  flex: 0 0 70%;
1343
1334
  max-width: 70%;
1344
- padding-left: 0.8rem;
1345
- padding-right: 0.8rem;
1335
+ padding-inline: 0.8rem;
1346
1336
  min-width: 0;
1347
1337
  }
1348
1338
 
1349
1339
  .pa-col-75 {
1350
1340
  flex: 0 0 75%;
1351
1341
  max-width: 75%;
1352
- padding-left: 0.8rem;
1353
- padding-right: 0.8rem;
1342
+ padding-inline: 0.8rem;
1354
1343
  min-width: 0;
1355
1344
  }
1356
1345
 
1357
1346
  .pa-col-80 {
1358
1347
  flex: 0 0 80%;
1359
1348
  max-width: 80%;
1360
- padding-left: 0.8rem;
1361
- padding-right: 0.8rem;
1349
+ padding-inline: 0.8rem;
1362
1350
  min-width: 0;
1363
1351
  }
1364
1352
 
1365
1353
  .pa-col-85 {
1366
1354
  flex: 0 0 85%;
1367
1355
  max-width: 85%;
1368
- padding-left: 0.8rem;
1369
- padding-right: 0.8rem;
1356
+ padding-inline: 0.8rem;
1370
1357
  min-width: 0;
1371
1358
  }
1372
1359
 
1373
1360
  .pa-col-90 {
1374
1361
  flex: 0 0 90%;
1375
1362
  max-width: 90%;
1376
- padding-left: 0.8rem;
1377
- padding-right: 0.8rem;
1363
+ padding-inline: 0.8rem;
1378
1364
  min-width: 0;
1379
1365
  }
1380
1366
 
1381
1367
  .pa-col-95 {
1382
1368
  flex: 0 0 95%;
1383
1369
  max-width: 95%;
1384
- padding-left: 0.8rem;
1385
- padding-right: 0.8rem;
1370
+ padding-inline: 0.8rem;
1386
1371
  min-width: 0;
1387
1372
  }
1388
1373
 
1389
1374
  .pa-col-100 {
1390
1375
  flex: 0 0 100%;
1391
1376
  max-width: 100%;
1392
- padding-left: 0.8rem;
1393
- padding-right: 0.8rem;
1377
+ padding-inline: 0.8rem;
1394
1378
  min-width: 0;
1395
1379
  }
1396
1380
 
1397
1381
  .pa-col-1-2 {
1398
1382
  flex: 0 0 50%;
1399
1383
  max-width: 50%;
1400
- padding-left: 0.8rem;
1401
- padding-right: 0.8rem;
1384
+ padding-inline: 0.8rem;
1402
1385
  min-width: 0;
1403
1386
  }
1404
1387
 
1405
1388
  .pa-col-1-3 {
1406
1389
  flex: 0 0 33.333%;
1407
1390
  max-width: 33.333%;
1408
- padding-left: 0.8rem;
1409
- padding-right: 0.8rem;
1391
+ padding-inline: 0.8rem;
1410
1392
  min-width: 0;
1411
1393
  }
1412
1394
 
1413
1395
  .pa-col-2-3 {
1414
1396
  flex: 0 0 66.667%;
1415
1397
  max-width: 66.667%;
1416
- padding-left: 0.8rem;
1417
- padding-right: 0.8rem;
1398
+ padding-inline: 0.8rem;
1418
1399
  min-width: 0;
1419
1400
  }
1420
1401
 
1421
1402
  .pa-col-1-4 {
1422
1403
  flex: 0 0 25%;
1423
1404
  max-width: 25%;
1424
- padding-left: 0.8rem;
1425
- padding-right: 0.8rem;
1405
+ padding-inline: 0.8rem;
1426
1406
  min-width: 0;
1427
1407
  }
1428
1408
 
1429
1409
  .pa-col-3-4 {
1430
1410
  flex: 0 0 75%;
1431
1411
  max-width: 75%;
1432
- padding-left: 0.8rem;
1433
- padding-right: 0.8rem;
1412
+ padding-inline: 0.8rem;
1434
1413
  min-width: 0;
1435
1414
  }
1436
1415
 
1437
1416
  .pa-col-1-5 {
1438
1417
  flex: 0 0 20%;
1439
1418
  max-width: 20%;
1440
- padding-left: 0.8rem;
1441
- padding-right: 0.8rem;
1419
+ padding-inline: 0.8rem;
1442
1420
  min-width: 0;
1443
1421
  }
1444
1422
 
1445
1423
  .pa-col-2-5 {
1446
1424
  flex: 0 0 40%;
1447
1425
  max-width: 40%;
1448
- padding-left: 0.8rem;
1449
- padding-right: 0.8rem;
1426
+ padding-inline: 0.8rem;
1450
1427
  min-width: 0;
1451
1428
  }
1452
1429
 
1453
1430
  .pa-col-3-5 {
1454
1431
  flex: 0 0 60%;
1455
1432
  max-width: 60%;
1456
- padding-left: 0.8rem;
1457
- padding-right: 0.8rem;
1433
+ padding-inline: 0.8rem;
1458
1434
  min-width: 0;
1459
1435
  }
1460
1436
 
1461
1437
  .pa-col-4-5 {
1462
1438
  flex: 0 0 80%;
1463
1439
  max-width: 80%;
1464
- padding-left: 0.8rem;
1465
- padding-right: 0.8rem;
1440
+ padding-inline: 0.8rem;
1466
1441
  min-width: 0;
1467
1442
  }
1468
1443
 
1469
1444
  .pa-col-1-6 {
1470
1445
  flex: 0 0 16.667%;
1471
1446
  max-width: 16.667%;
1472
- padding-left: 0.8rem;
1473
- padding-right: 0.8rem;
1447
+ padding-inline: 0.8rem;
1474
1448
  min-width: 0;
1475
1449
  }
1476
1450
 
1477
1451
  .pa-col-5-6 {
1478
1452
  flex: 0 0 83.333%;
1479
1453
  max-width: 83.333%;
1480
- padding-left: 0.8rem;
1481
- padding-right: 0.8rem;
1454
+ padding-inline: 0.8rem;
1482
1455
  min-width: 0;
1483
1456
  }
1484
1457
 
1485
1458
  .pa-col-1-12 {
1486
1459
  flex: 0 0 8.333%;
1487
1460
  max-width: 8.333%;
1488
- padding-left: 0.8rem;
1489
- padding-right: 0.8rem;
1461
+ padding-inline: 0.8rem;
1490
1462
  min-width: 0;
1491
1463
  }
1492
1464
 
1493
1465
  .pa-col-5-12 {
1494
1466
  flex: 0 0 41.667%;
1495
1467
  max-width: 41.667%;
1496
- padding-left: 0.8rem;
1497
- padding-right: 0.8rem;
1468
+ padding-inline: 0.8rem;
1498
1469
  min-width: 0;
1499
1470
  }
1500
1471
 
1501
1472
  .pa-col-7-12 {
1502
1473
  flex: 0 0 58.333%;
1503
1474
  max-width: 58.333%;
1504
- padding-left: 0.8rem;
1505
- padding-right: 0.8rem;
1475
+ padding-inline: 0.8rem;
1506
1476
  min-width: 0;
1507
1477
  }
1508
1478
 
1509
1479
  .pa-col-11-12 {
1510
1480
  flex: 0 0 91.667%;
1511
1481
  max-width: 91.667%;
1512
- padding-left: 0.8rem;
1513
- padding-right: 0.8rem;
1482
+ padding-inline: 0.8rem;
1514
1483
  min-width: 0;
1515
1484
  }
1516
1485
 
1517
1486
  .pa-offset-5 {
1518
- margin-left: 5%;
1487
+ margin-inline-start: 5%;
1519
1488
  }
1520
1489
 
1521
1490
  .pa-offset-10 {
1522
- margin-left: 10%;
1491
+ margin-inline-start: 10%;
1523
1492
  }
1524
1493
 
1525
1494
  .pa-offset-15 {
1526
- margin-left: 15%;
1495
+ margin-inline-start: 15%;
1527
1496
  }
1528
1497
 
1529
1498
  .pa-offset-20 {
1530
- margin-left: 20%;
1499
+ margin-inline-start: 20%;
1531
1500
  }
1532
1501
 
1533
1502
  .pa-offset-25 {
1534
- margin-left: 25%;
1503
+ margin-inline-start: 25%;
1535
1504
  }
1536
1505
 
1537
1506
  .pa-offset-30 {
1538
- margin-left: 30%;
1507
+ margin-inline-start: 30%;
1539
1508
  }
1540
1509
 
1541
1510
  .pa-offset-35 {
1542
- margin-left: 35%;
1511
+ margin-inline-start: 35%;
1543
1512
  }
1544
1513
 
1545
1514
  .pa-offset-40 {
1546
- margin-left: 40%;
1515
+ margin-inline-start: 40%;
1547
1516
  }
1548
1517
 
1549
1518
  .pa-offset-45 {
1550
- margin-left: 45%;
1519
+ margin-inline-start: 45%;
1551
1520
  }
1552
1521
 
1553
1522
  .pa-offset-50 {
1554
- margin-left: 50%;
1523
+ margin-inline-start: 50%;
1555
1524
  }
1556
1525
 
1557
1526
  .pa-offset-55 {
1558
- margin-left: 55%;
1527
+ margin-inline-start: 55%;
1559
1528
  }
1560
1529
 
1561
1530
  .pa-offset-60 {
1562
- margin-left: 60%;
1531
+ margin-inline-start: 60%;
1563
1532
  }
1564
1533
 
1565
1534
  .pa-offset-65 {
1566
- margin-left: 65%;
1535
+ margin-inline-start: 65%;
1567
1536
  }
1568
1537
 
1569
1538
  .pa-offset-70 {
1570
- margin-left: 70%;
1539
+ margin-inline-start: 70%;
1571
1540
  }
1572
1541
 
1573
1542
  .pa-offset-75 {
1574
- margin-left: 75%;
1543
+ margin-inline-start: 75%;
1575
1544
  }
1576
1545
 
1577
1546
  .pa-offset-80 {
1578
- margin-left: 80%;
1547
+ margin-inline-start: 80%;
1579
1548
  }
1580
1549
 
1581
1550
  .pa-offset-85 {
1582
- margin-left: 85%;
1551
+ margin-inline-start: 85%;
1583
1552
  }
1584
1553
 
1585
1554
  .pa-offset-90 {
1586
- margin-left: 90%;
1555
+ margin-inline-start: 90%;
1587
1556
  }
1588
1557
 
1589
1558
  .pa-offset-95 {
1590
- margin-left: 95%;
1559
+ margin-inline-start: 95%;
1591
1560
  }
1592
1561
 
1593
1562
  @media (min-width: 576px) {
1594
1563
  .pa-col-sm-5 {
1595
1564
  flex: 0 0 5%;
1596
1565
  max-width: 5%;
1597
- padding-left: 0.8rem;
1598
- padding-right: 0.8rem;
1566
+ padding-inline: 0.8rem;
1599
1567
  min-width: 0;
1600
1568
  }
1601
1569
  .pa-col-sm-10 {
1602
1570
  flex: 0 0 10%;
1603
1571
  max-width: 10%;
1604
- padding-left: 0.8rem;
1605
- padding-right: 0.8rem;
1572
+ padding-inline: 0.8rem;
1606
1573
  min-width: 0;
1607
1574
  }
1608
1575
  .pa-col-sm-15 {
1609
1576
  flex: 0 0 15%;
1610
1577
  max-width: 15%;
1611
- padding-left: 0.8rem;
1612
- padding-right: 0.8rem;
1578
+ padding-inline: 0.8rem;
1613
1579
  min-width: 0;
1614
1580
  }
1615
1581
  .pa-col-sm-20 {
1616
1582
  flex: 0 0 20%;
1617
1583
  max-width: 20%;
1618
- padding-left: 0.8rem;
1619
- padding-right: 0.8rem;
1584
+ padding-inline: 0.8rem;
1620
1585
  min-width: 0;
1621
1586
  }
1622
1587
  .pa-col-sm-25 {
1623
1588
  flex: 0 0 25%;
1624
1589
  max-width: 25%;
1625
- padding-left: 0.8rem;
1626
- padding-right: 0.8rem;
1590
+ padding-inline: 0.8rem;
1627
1591
  min-width: 0;
1628
1592
  }
1629
1593
  .pa-col-sm-30 {
1630
1594
  flex: 0 0 30%;
1631
1595
  max-width: 30%;
1632
- padding-left: 0.8rem;
1633
- padding-right: 0.8rem;
1596
+ padding-inline: 0.8rem;
1634
1597
  min-width: 0;
1635
1598
  }
1636
1599
  .pa-col-sm-35 {
1637
1600
  flex: 0 0 35%;
1638
1601
  max-width: 35%;
1639
- padding-left: 0.8rem;
1640
- padding-right: 0.8rem;
1602
+ padding-inline: 0.8rem;
1641
1603
  min-width: 0;
1642
1604
  }
1643
1605
  .pa-col-sm-40 {
1644
1606
  flex: 0 0 40%;
1645
1607
  max-width: 40%;
1646
- padding-left: 0.8rem;
1647
- padding-right: 0.8rem;
1608
+ padding-inline: 0.8rem;
1648
1609
  min-width: 0;
1649
1610
  }
1650
1611
  .pa-col-sm-45 {
1651
1612
  flex: 0 0 45%;
1652
1613
  max-width: 45%;
1653
- padding-left: 0.8rem;
1654
- padding-right: 0.8rem;
1614
+ padding-inline: 0.8rem;
1655
1615
  min-width: 0;
1656
1616
  }
1657
1617
  .pa-col-sm-50 {
1658
1618
  flex: 0 0 50%;
1659
1619
  max-width: 50%;
1660
- padding-left: 0.8rem;
1661
- padding-right: 0.8rem;
1620
+ padding-inline: 0.8rem;
1662
1621
  min-width: 0;
1663
1622
  }
1664
1623
  .pa-col-sm-55 {
1665
1624
  flex: 0 0 55%;
1666
1625
  max-width: 55%;
1667
- padding-left: 0.8rem;
1668
- padding-right: 0.8rem;
1626
+ padding-inline: 0.8rem;
1669
1627
  min-width: 0;
1670
1628
  }
1671
1629
  .pa-col-sm-60 {
1672
1630
  flex: 0 0 60%;
1673
1631
  max-width: 60%;
1674
- padding-left: 0.8rem;
1675
- padding-right: 0.8rem;
1632
+ padding-inline: 0.8rem;
1676
1633
  min-width: 0;
1677
1634
  }
1678
1635
  .pa-col-sm-65 {
1679
1636
  flex: 0 0 65%;
1680
1637
  max-width: 65%;
1681
- padding-left: 0.8rem;
1682
- padding-right: 0.8rem;
1638
+ padding-inline: 0.8rem;
1683
1639
  min-width: 0;
1684
1640
  }
1685
1641
  .pa-col-sm-70 {
1686
1642
  flex: 0 0 70%;
1687
1643
  max-width: 70%;
1688
- padding-left: 0.8rem;
1689
- padding-right: 0.8rem;
1644
+ padding-inline: 0.8rem;
1690
1645
  min-width: 0;
1691
1646
  }
1692
1647
  .pa-col-sm-75 {
1693
1648
  flex: 0 0 75%;
1694
1649
  max-width: 75%;
1695
- padding-left: 0.8rem;
1696
- padding-right: 0.8rem;
1650
+ padding-inline: 0.8rem;
1697
1651
  min-width: 0;
1698
1652
  }
1699
1653
  .pa-col-sm-80 {
1700
1654
  flex: 0 0 80%;
1701
1655
  max-width: 80%;
1702
- padding-left: 0.8rem;
1703
- padding-right: 0.8rem;
1656
+ padding-inline: 0.8rem;
1704
1657
  min-width: 0;
1705
1658
  }
1706
1659
  .pa-col-sm-85 {
1707
1660
  flex: 0 0 85%;
1708
1661
  max-width: 85%;
1709
- padding-left: 0.8rem;
1710
- padding-right: 0.8rem;
1662
+ padding-inline: 0.8rem;
1711
1663
  min-width: 0;
1712
1664
  }
1713
1665
  .pa-col-sm-90 {
1714
1666
  flex: 0 0 90%;
1715
1667
  max-width: 90%;
1716
- padding-left: 0.8rem;
1717
- padding-right: 0.8rem;
1668
+ padding-inline: 0.8rem;
1718
1669
  min-width: 0;
1719
1670
  }
1720
1671
  .pa-col-sm-95 {
1721
1672
  flex: 0 0 95%;
1722
1673
  max-width: 95%;
1723
- padding-left: 0.8rem;
1724
- padding-right: 0.8rem;
1674
+ padding-inline: 0.8rem;
1725
1675
  min-width: 0;
1726
1676
  }
1727
1677
  .pa-col-sm-100 {
1728
1678
  flex: 0 0 100%;
1729
1679
  max-width: 100%;
1730
- padding-left: 0.8rem;
1731
- padding-right: 0.8rem;
1680
+ padding-inline: 0.8rem;
1732
1681
  min-width: 0;
1733
1682
  }
1734
1683
  .pa-col-sm-1-2 {
1735
1684
  flex: 0 0 50%;
1736
1685
  max-width: 50%;
1737
- padding-left: 0.8rem;
1738
- padding-right: 0.8rem;
1686
+ padding-inline: 0.8rem;
1739
1687
  min-width: 0;
1740
1688
  }
1741
1689
  .pa-col-sm-1-3 {
1742
1690
  flex: 0 0 33.333%;
1743
1691
  max-width: 33.333%;
1744
- padding-left: 0.8rem;
1745
- padding-right: 0.8rem;
1692
+ padding-inline: 0.8rem;
1746
1693
  min-width: 0;
1747
1694
  }
1748
1695
  .pa-col-sm-2-3 {
1749
1696
  flex: 0 0 66.667%;
1750
1697
  max-width: 66.667%;
1751
- padding-left: 0.8rem;
1752
- padding-right: 0.8rem;
1698
+ padding-inline: 0.8rem;
1753
1699
  min-width: 0;
1754
1700
  }
1755
1701
  .pa-col-sm-1-4 {
1756
1702
  flex: 0 0 25%;
1757
1703
  max-width: 25%;
1758
- padding-left: 0.8rem;
1759
- padding-right: 0.8rem;
1704
+ padding-inline: 0.8rem;
1760
1705
  min-width: 0;
1761
1706
  }
1762
1707
  .pa-col-sm-3-4 {
1763
1708
  flex: 0 0 75%;
1764
1709
  max-width: 75%;
1765
- padding-left: 0.8rem;
1766
- padding-right: 0.8rem;
1710
+ padding-inline: 0.8rem;
1767
1711
  min-width: 0;
1768
1712
  }
1769
1713
  .pa-col-sm-1-5 {
1770
1714
  flex: 0 0 20%;
1771
1715
  max-width: 20%;
1772
- padding-left: 0.8rem;
1773
- padding-right: 0.8rem;
1716
+ padding-inline: 0.8rem;
1774
1717
  min-width: 0;
1775
1718
  }
1776
1719
  .pa-col-sm-2-5 {
1777
1720
  flex: 0 0 40%;
1778
1721
  max-width: 40%;
1779
- padding-left: 0.8rem;
1780
- padding-right: 0.8rem;
1722
+ padding-inline: 0.8rem;
1781
1723
  min-width: 0;
1782
1724
  }
1783
1725
  .pa-col-sm-3-5 {
1784
1726
  flex: 0 0 60%;
1785
1727
  max-width: 60%;
1786
- padding-left: 0.8rem;
1787
- padding-right: 0.8rem;
1728
+ padding-inline: 0.8rem;
1788
1729
  min-width: 0;
1789
1730
  }
1790
1731
  .pa-col-sm-4-5 {
1791
1732
  flex: 0 0 80%;
1792
1733
  max-width: 80%;
1793
- padding-left: 0.8rem;
1794
- padding-right: 0.8rem;
1734
+ padding-inline: 0.8rem;
1795
1735
  min-width: 0;
1796
1736
  }
1797
1737
  .pa-col-sm-1-6 {
1798
1738
  flex: 0 0 16.667%;
1799
1739
  max-width: 16.667%;
1800
- padding-left: 0.8rem;
1801
- padding-right: 0.8rem;
1740
+ padding-inline: 0.8rem;
1802
1741
  min-width: 0;
1803
1742
  }
1804
1743
  .pa-col-sm-5-6 {
1805
1744
  flex: 0 0 83.333%;
1806
1745
  max-width: 83.333%;
1807
- padding-left: 0.8rem;
1808
- padding-right: 0.8rem;
1746
+ padding-inline: 0.8rem;
1809
1747
  min-width: 0;
1810
1748
  }
1811
1749
  .pa-col-sm-1-12 {
1812
1750
  flex: 0 0 8.333%;
1813
1751
  max-width: 8.333%;
1814
- padding-left: 0.8rem;
1815
- padding-right: 0.8rem;
1752
+ padding-inline: 0.8rem;
1816
1753
  min-width: 0;
1817
1754
  }
1818
1755
  .pa-col-sm-5-12 {
1819
1756
  flex: 0 0 41.667%;
1820
1757
  max-width: 41.667%;
1821
- padding-left: 0.8rem;
1822
- padding-right: 0.8rem;
1758
+ padding-inline: 0.8rem;
1823
1759
  min-width: 0;
1824
1760
  }
1825
1761
  .pa-col-sm-7-12 {
1826
1762
  flex: 0 0 58.333%;
1827
1763
  max-width: 58.333%;
1828
- padding-left: 0.8rem;
1829
- padding-right: 0.8rem;
1764
+ padding-inline: 0.8rem;
1830
1765
  min-width: 0;
1831
1766
  }
1832
1767
  .pa-col-sm-11-12 {
1833
1768
  flex: 0 0 91.667%;
1834
1769
  max-width: 91.667%;
1835
- padding-left: 0.8rem;
1836
- padding-right: 0.8rem;
1770
+ padding-inline: 0.8rem;
1837
1771
  min-width: 0;
1838
1772
  }
1839
1773
  .pa-offset-sm-5 {
1840
- margin-left: 5%;
1774
+ margin-inline-start: 5%;
1841
1775
  }
1842
1776
  .pa-offset-sm-10 {
1843
- margin-left: 10%;
1777
+ margin-inline-start: 10%;
1844
1778
  }
1845
1779
  .pa-offset-sm-15 {
1846
- margin-left: 15%;
1780
+ margin-inline-start: 15%;
1847
1781
  }
1848
1782
  .pa-offset-sm-20 {
1849
- margin-left: 20%;
1783
+ margin-inline-start: 20%;
1850
1784
  }
1851
1785
  .pa-offset-sm-25 {
1852
- margin-left: 25%;
1786
+ margin-inline-start: 25%;
1853
1787
  }
1854
1788
  .pa-offset-sm-30 {
1855
- margin-left: 30%;
1789
+ margin-inline-start: 30%;
1856
1790
  }
1857
1791
  .pa-offset-sm-35 {
1858
- margin-left: 35%;
1792
+ margin-inline-start: 35%;
1859
1793
  }
1860
1794
  .pa-offset-sm-40 {
1861
- margin-left: 40%;
1795
+ margin-inline-start: 40%;
1862
1796
  }
1863
1797
  .pa-offset-sm-45 {
1864
- margin-left: 45%;
1798
+ margin-inline-start: 45%;
1865
1799
  }
1866
1800
  .pa-offset-sm-50 {
1867
- margin-left: 50%;
1801
+ margin-inline-start: 50%;
1868
1802
  }
1869
1803
  .pa-offset-sm-55 {
1870
- margin-left: 55%;
1804
+ margin-inline-start: 55%;
1871
1805
  }
1872
1806
  .pa-offset-sm-60 {
1873
- margin-left: 60%;
1807
+ margin-inline-start: 60%;
1874
1808
  }
1875
1809
  .pa-offset-sm-65 {
1876
- margin-left: 65%;
1810
+ margin-inline-start: 65%;
1877
1811
  }
1878
1812
  .pa-offset-sm-70 {
1879
- margin-left: 70%;
1813
+ margin-inline-start: 70%;
1880
1814
  }
1881
1815
  .pa-offset-sm-75 {
1882
- margin-left: 75%;
1816
+ margin-inline-start: 75%;
1883
1817
  }
1884
1818
  .pa-offset-sm-80 {
1885
- margin-left: 80%;
1819
+ margin-inline-start: 80%;
1886
1820
  }
1887
1821
  .pa-offset-sm-85 {
1888
- margin-left: 85%;
1822
+ margin-inline-start: 85%;
1889
1823
  }
1890
1824
  .pa-offset-sm-90 {
1891
- margin-left: 90%;
1825
+ margin-inline-start: 90%;
1892
1826
  }
1893
1827
  .pa-offset-sm-95 {
1894
- margin-left: 95%;
1828
+ margin-inline-start: 95%;
1895
1829
  }
1896
1830
  .pa-col-sm-auto {
1897
1831
  flex: 0 0 auto;
@@ -1902,304 +1836,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1902
1836
  .pa-col-md-5 {
1903
1837
  flex: 0 0 5%;
1904
1838
  max-width: 5%;
1905
- padding-left: 0.8rem;
1906
- padding-right: 0.8rem;
1839
+ padding-inline: 0.8rem;
1907
1840
  min-width: 0;
1908
1841
  }
1909
1842
  .pa-col-md-10 {
1910
1843
  flex: 0 0 10%;
1911
1844
  max-width: 10%;
1912
- padding-left: 0.8rem;
1913
- padding-right: 0.8rem;
1845
+ padding-inline: 0.8rem;
1914
1846
  min-width: 0;
1915
1847
  }
1916
1848
  .pa-col-md-15 {
1917
1849
  flex: 0 0 15%;
1918
1850
  max-width: 15%;
1919
- padding-left: 0.8rem;
1920
- padding-right: 0.8rem;
1851
+ padding-inline: 0.8rem;
1921
1852
  min-width: 0;
1922
1853
  }
1923
1854
  .pa-col-md-20 {
1924
1855
  flex: 0 0 20%;
1925
1856
  max-width: 20%;
1926
- padding-left: 0.8rem;
1927
- padding-right: 0.8rem;
1857
+ padding-inline: 0.8rem;
1928
1858
  min-width: 0;
1929
1859
  }
1930
1860
  .pa-col-md-25 {
1931
1861
  flex: 0 0 25%;
1932
1862
  max-width: 25%;
1933
- padding-left: 0.8rem;
1934
- padding-right: 0.8rem;
1863
+ padding-inline: 0.8rem;
1935
1864
  min-width: 0;
1936
1865
  }
1937
1866
  .pa-col-md-30 {
1938
1867
  flex: 0 0 30%;
1939
1868
  max-width: 30%;
1940
- padding-left: 0.8rem;
1941
- padding-right: 0.8rem;
1869
+ padding-inline: 0.8rem;
1942
1870
  min-width: 0;
1943
1871
  }
1944
1872
  .pa-col-md-35 {
1945
1873
  flex: 0 0 35%;
1946
1874
  max-width: 35%;
1947
- padding-left: 0.8rem;
1948
- padding-right: 0.8rem;
1875
+ padding-inline: 0.8rem;
1949
1876
  min-width: 0;
1950
1877
  }
1951
1878
  .pa-col-md-40 {
1952
1879
  flex: 0 0 40%;
1953
1880
  max-width: 40%;
1954
- padding-left: 0.8rem;
1955
- padding-right: 0.8rem;
1881
+ padding-inline: 0.8rem;
1956
1882
  min-width: 0;
1957
1883
  }
1958
1884
  .pa-col-md-45 {
1959
1885
  flex: 0 0 45%;
1960
1886
  max-width: 45%;
1961
- padding-left: 0.8rem;
1962
- padding-right: 0.8rem;
1887
+ padding-inline: 0.8rem;
1963
1888
  min-width: 0;
1964
1889
  }
1965
1890
  .pa-col-md-50 {
1966
1891
  flex: 0 0 50%;
1967
1892
  max-width: 50%;
1968
- padding-left: 0.8rem;
1969
- padding-right: 0.8rem;
1893
+ padding-inline: 0.8rem;
1970
1894
  min-width: 0;
1971
1895
  }
1972
1896
  .pa-col-md-55 {
1973
1897
  flex: 0 0 55%;
1974
1898
  max-width: 55%;
1975
- padding-left: 0.8rem;
1976
- padding-right: 0.8rem;
1899
+ padding-inline: 0.8rem;
1977
1900
  min-width: 0;
1978
1901
  }
1979
1902
  .pa-col-md-60 {
1980
1903
  flex: 0 0 60%;
1981
1904
  max-width: 60%;
1982
- padding-left: 0.8rem;
1983
- padding-right: 0.8rem;
1905
+ padding-inline: 0.8rem;
1984
1906
  min-width: 0;
1985
1907
  }
1986
1908
  .pa-col-md-65 {
1987
1909
  flex: 0 0 65%;
1988
1910
  max-width: 65%;
1989
- padding-left: 0.8rem;
1990
- padding-right: 0.8rem;
1911
+ padding-inline: 0.8rem;
1991
1912
  min-width: 0;
1992
1913
  }
1993
1914
  .pa-col-md-70 {
1994
1915
  flex: 0 0 70%;
1995
1916
  max-width: 70%;
1996
- padding-left: 0.8rem;
1997
- padding-right: 0.8rem;
1917
+ padding-inline: 0.8rem;
1998
1918
  min-width: 0;
1999
1919
  }
2000
1920
  .pa-col-md-75 {
2001
1921
  flex: 0 0 75%;
2002
1922
  max-width: 75%;
2003
- padding-left: 0.8rem;
2004
- padding-right: 0.8rem;
1923
+ padding-inline: 0.8rem;
2005
1924
  min-width: 0;
2006
1925
  }
2007
1926
  .pa-col-md-80 {
2008
1927
  flex: 0 0 80%;
2009
1928
  max-width: 80%;
2010
- padding-left: 0.8rem;
2011
- padding-right: 0.8rem;
1929
+ padding-inline: 0.8rem;
2012
1930
  min-width: 0;
2013
1931
  }
2014
1932
  .pa-col-md-85 {
2015
1933
  flex: 0 0 85%;
2016
1934
  max-width: 85%;
2017
- padding-left: 0.8rem;
2018
- padding-right: 0.8rem;
1935
+ padding-inline: 0.8rem;
2019
1936
  min-width: 0;
2020
1937
  }
2021
1938
  .pa-col-md-90 {
2022
1939
  flex: 0 0 90%;
2023
1940
  max-width: 90%;
2024
- padding-left: 0.8rem;
2025
- padding-right: 0.8rem;
1941
+ padding-inline: 0.8rem;
2026
1942
  min-width: 0;
2027
1943
  }
2028
1944
  .pa-col-md-95 {
2029
1945
  flex: 0 0 95%;
2030
1946
  max-width: 95%;
2031
- padding-left: 0.8rem;
2032
- padding-right: 0.8rem;
1947
+ padding-inline: 0.8rem;
2033
1948
  min-width: 0;
2034
1949
  }
2035
1950
  .pa-col-md-100 {
2036
1951
  flex: 0 0 100%;
2037
1952
  max-width: 100%;
2038
- padding-left: 0.8rem;
2039
- padding-right: 0.8rem;
1953
+ padding-inline: 0.8rem;
2040
1954
  min-width: 0;
2041
1955
  }
2042
1956
  .pa-col-md-1-2 {
2043
1957
  flex: 0 0 50%;
2044
1958
  max-width: 50%;
2045
- padding-left: 0.8rem;
2046
- padding-right: 0.8rem;
1959
+ padding-inline: 0.8rem;
2047
1960
  min-width: 0;
2048
1961
  }
2049
1962
  .pa-col-md-1-3 {
2050
1963
  flex: 0 0 33.333%;
2051
1964
  max-width: 33.333%;
2052
- padding-left: 0.8rem;
2053
- padding-right: 0.8rem;
1965
+ padding-inline: 0.8rem;
2054
1966
  min-width: 0;
2055
1967
  }
2056
1968
  .pa-col-md-2-3 {
2057
1969
  flex: 0 0 66.667%;
2058
1970
  max-width: 66.667%;
2059
- padding-left: 0.8rem;
2060
- padding-right: 0.8rem;
1971
+ padding-inline: 0.8rem;
2061
1972
  min-width: 0;
2062
1973
  }
2063
1974
  .pa-col-md-1-4 {
2064
1975
  flex: 0 0 25%;
2065
1976
  max-width: 25%;
2066
- padding-left: 0.8rem;
2067
- padding-right: 0.8rem;
1977
+ padding-inline: 0.8rem;
2068
1978
  min-width: 0;
2069
1979
  }
2070
1980
  .pa-col-md-3-4 {
2071
1981
  flex: 0 0 75%;
2072
1982
  max-width: 75%;
2073
- padding-left: 0.8rem;
2074
- padding-right: 0.8rem;
1983
+ padding-inline: 0.8rem;
2075
1984
  min-width: 0;
2076
1985
  }
2077
1986
  .pa-col-md-1-5 {
2078
1987
  flex: 0 0 20%;
2079
1988
  max-width: 20%;
2080
- padding-left: 0.8rem;
2081
- padding-right: 0.8rem;
1989
+ padding-inline: 0.8rem;
2082
1990
  min-width: 0;
2083
1991
  }
2084
1992
  .pa-col-md-2-5 {
2085
1993
  flex: 0 0 40%;
2086
1994
  max-width: 40%;
2087
- padding-left: 0.8rem;
2088
- padding-right: 0.8rem;
1995
+ padding-inline: 0.8rem;
2089
1996
  min-width: 0;
2090
1997
  }
2091
1998
  .pa-col-md-3-5 {
2092
1999
  flex: 0 0 60%;
2093
2000
  max-width: 60%;
2094
- padding-left: 0.8rem;
2095
- padding-right: 0.8rem;
2001
+ padding-inline: 0.8rem;
2096
2002
  min-width: 0;
2097
2003
  }
2098
2004
  .pa-col-md-4-5 {
2099
2005
  flex: 0 0 80%;
2100
2006
  max-width: 80%;
2101
- padding-left: 0.8rem;
2102
- padding-right: 0.8rem;
2007
+ padding-inline: 0.8rem;
2103
2008
  min-width: 0;
2104
2009
  }
2105
2010
  .pa-col-md-1-6 {
2106
2011
  flex: 0 0 16.667%;
2107
2012
  max-width: 16.667%;
2108
- padding-left: 0.8rem;
2109
- padding-right: 0.8rem;
2013
+ padding-inline: 0.8rem;
2110
2014
  min-width: 0;
2111
2015
  }
2112
2016
  .pa-col-md-5-6 {
2113
2017
  flex: 0 0 83.333%;
2114
2018
  max-width: 83.333%;
2115
- padding-left: 0.8rem;
2116
- padding-right: 0.8rem;
2019
+ padding-inline: 0.8rem;
2117
2020
  min-width: 0;
2118
2021
  }
2119
2022
  .pa-col-md-1-12 {
2120
2023
  flex: 0 0 8.333%;
2121
2024
  max-width: 8.333%;
2122
- padding-left: 0.8rem;
2123
- padding-right: 0.8rem;
2025
+ padding-inline: 0.8rem;
2124
2026
  min-width: 0;
2125
2027
  }
2126
2028
  .pa-col-md-5-12 {
2127
2029
  flex: 0 0 41.667%;
2128
2030
  max-width: 41.667%;
2129
- padding-left: 0.8rem;
2130
- padding-right: 0.8rem;
2031
+ padding-inline: 0.8rem;
2131
2032
  min-width: 0;
2132
2033
  }
2133
2034
  .pa-col-md-7-12 {
2134
2035
  flex: 0 0 58.333%;
2135
2036
  max-width: 58.333%;
2136
- padding-left: 0.8rem;
2137
- padding-right: 0.8rem;
2037
+ padding-inline: 0.8rem;
2138
2038
  min-width: 0;
2139
2039
  }
2140
2040
  .pa-col-md-11-12 {
2141
2041
  flex: 0 0 91.667%;
2142
2042
  max-width: 91.667%;
2143
- padding-left: 0.8rem;
2144
- padding-right: 0.8rem;
2043
+ padding-inline: 0.8rem;
2145
2044
  min-width: 0;
2146
2045
  }
2147
2046
  .pa-offset-md-5 {
2148
- margin-left: 5%;
2047
+ margin-inline-start: 5%;
2149
2048
  }
2150
2049
  .pa-offset-md-10 {
2151
- margin-left: 10%;
2050
+ margin-inline-start: 10%;
2152
2051
  }
2153
2052
  .pa-offset-md-15 {
2154
- margin-left: 15%;
2053
+ margin-inline-start: 15%;
2155
2054
  }
2156
2055
  .pa-offset-md-20 {
2157
- margin-left: 20%;
2056
+ margin-inline-start: 20%;
2158
2057
  }
2159
2058
  .pa-offset-md-25 {
2160
- margin-left: 25%;
2059
+ margin-inline-start: 25%;
2161
2060
  }
2162
2061
  .pa-offset-md-30 {
2163
- margin-left: 30%;
2062
+ margin-inline-start: 30%;
2164
2063
  }
2165
2064
  .pa-offset-md-35 {
2166
- margin-left: 35%;
2065
+ margin-inline-start: 35%;
2167
2066
  }
2168
2067
  .pa-offset-md-40 {
2169
- margin-left: 40%;
2068
+ margin-inline-start: 40%;
2170
2069
  }
2171
2070
  .pa-offset-md-45 {
2172
- margin-left: 45%;
2071
+ margin-inline-start: 45%;
2173
2072
  }
2174
2073
  .pa-offset-md-50 {
2175
- margin-left: 50%;
2074
+ margin-inline-start: 50%;
2176
2075
  }
2177
2076
  .pa-offset-md-55 {
2178
- margin-left: 55%;
2077
+ margin-inline-start: 55%;
2179
2078
  }
2180
2079
  .pa-offset-md-60 {
2181
- margin-left: 60%;
2080
+ margin-inline-start: 60%;
2182
2081
  }
2183
2082
  .pa-offset-md-65 {
2184
- margin-left: 65%;
2083
+ margin-inline-start: 65%;
2185
2084
  }
2186
2085
  .pa-offset-md-70 {
2187
- margin-left: 70%;
2086
+ margin-inline-start: 70%;
2188
2087
  }
2189
2088
  .pa-offset-md-75 {
2190
- margin-left: 75%;
2089
+ margin-inline-start: 75%;
2191
2090
  }
2192
2091
  .pa-offset-md-80 {
2193
- margin-left: 80%;
2092
+ margin-inline-start: 80%;
2194
2093
  }
2195
2094
  .pa-offset-md-85 {
2196
- margin-left: 85%;
2095
+ margin-inline-start: 85%;
2197
2096
  }
2198
2097
  .pa-offset-md-90 {
2199
- margin-left: 90%;
2098
+ margin-inline-start: 90%;
2200
2099
  }
2201
2100
  .pa-offset-md-95 {
2202
- margin-left: 95%;
2101
+ margin-inline-start: 95%;
2203
2102
  }
2204
2103
  .pa-col-md-auto {
2205
2104
  flex: 0 0 auto;
@@ -2210,304 +2109,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2210
2109
  .pa-col-lg-5 {
2211
2110
  flex: 0 0 5%;
2212
2111
  max-width: 5%;
2213
- padding-left: 0.8rem;
2214
- padding-right: 0.8rem;
2112
+ padding-inline: 0.8rem;
2215
2113
  min-width: 0;
2216
2114
  }
2217
2115
  .pa-col-lg-10 {
2218
2116
  flex: 0 0 10%;
2219
2117
  max-width: 10%;
2220
- padding-left: 0.8rem;
2221
- padding-right: 0.8rem;
2118
+ padding-inline: 0.8rem;
2222
2119
  min-width: 0;
2223
2120
  }
2224
2121
  .pa-col-lg-15 {
2225
2122
  flex: 0 0 15%;
2226
2123
  max-width: 15%;
2227
- padding-left: 0.8rem;
2228
- padding-right: 0.8rem;
2124
+ padding-inline: 0.8rem;
2229
2125
  min-width: 0;
2230
2126
  }
2231
2127
  .pa-col-lg-20 {
2232
2128
  flex: 0 0 20%;
2233
2129
  max-width: 20%;
2234
- padding-left: 0.8rem;
2235
- padding-right: 0.8rem;
2130
+ padding-inline: 0.8rem;
2236
2131
  min-width: 0;
2237
2132
  }
2238
2133
  .pa-col-lg-25 {
2239
2134
  flex: 0 0 25%;
2240
2135
  max-width: 25%;
2241
- padding-left: 0.8rem;
2242
- padding-right: 0.8rem;
2136
+ padding-inline: 0.8rem;
2243
2137
  min-width: 0;
2244
2138
  }
2245
2139
  .pa-col-lg-30 {
2246
2140
  flex: 0 0 30%;
2247
2141
  max-width: 30%;
2248
- padding-left: 0.8rem;
2249
- padding-right: 0.8rem;
2142
+ padding-inline: 0.8rem;
2250
2143
  min-width: 0;
2251
2144
  }
2252
2145
  .pa-col-lg-35 {
2253
2146
  flex: 0 0 35%;
2254
2147
  max-width: 35%;
2255
- padding-left: 0.8rem;
2256
- padding-right: 0.8rem;
2148
+ padding-inline: 0.8rem;
2257
2149
  min-width: 0;
2258
2150
  }
2259
2151
  .pa-col-lg-40 {
2260
2152
  flex: 0 0 40%;
2261
2153
  max-width: 40%;
2262
- padding-left: 0.8rem;
2263
- padding-right: 0.8rem;
2154
+ padding-inline: 0.8rem;
2264
2155
  min-width: 0;
2265
2156
  }
2266
2157
  .pa-col-lg-45 {
2267
2158
  flex: 0 0 45%;
2268
2159
  max-width: 45%;
2269
- padding-left: 0.8rem;
2270
- padding-right: 0.8rem;
2160
+ padding-inline: 0.8rem;
2271
2161
  min-width: 0;
2272
2162
  }
2273
2163
  .pa-col-lg-50 {
2274
2164
  flex: 0 0 50%;
2275
2165
  max-width: 50%;
2276
- padding-left: 0.8rem;
2277
- padding-right: 0.8rem;
2166
+ padding-inline: 0.8rem;
2278
2167
  min-width: 0;
2279
2168
  }
2280
2169
  .pa-col-lg-55 {
2281
2170
  flex: 0 0 55%;
2282
2171
  max-width: 55%;
2283
- padding-left: 0.8rem;
2284
- padding-right: 0.8rem;
2172
+ padding-inline: 0.8rem;
2285
2173
  min-width: 0;
2286
2174
  }
2287
2175
  .pa-col-lg-60 {
2288
2176
  flex: 0 0 60%;
2289
2177
  max-width: 60%;
2290
- padding-left: 0.8rem;
2291
- padding-right: 0.8rem;
2178
+ padding-inline: 0.8rem;
2292
2179
  min-width: 0;
2293
2180
  }
2294
2181
  .pa-col-lg-65 {
2295
2182
  flex: 0 0 65%;
2296
2183
  max-width: 65%;
2297
- padding-left: 0.8rem;
2298
- padding-right: 0.8rem;
2184
+ padding-inline: 0.8rem;
2299
2185
  min-width: 0;
2300
2186
  }
2301
2187
  .pa-col-lg-70 {
2302
2188
  flex: 0 0 70%;
2303
2189
  max-width: 70%;
2304
- padding-left: 0.8rem;
2305
- padding-right: 0.8rem;
2190
+ padding-inline: 0.8rem;
2306
2191
  min-width: 0;
2307
2192
  }
2308
2193
  .pa-col-lg-75 {
2309
2194
  flex: 0 0 75%;
2310
2195
  max-width: 75%;
2311
- padding-left: 0.8rem;
2312
- padding-right: 0.8rem;
2196
+ padding-inline: 0.8rem;
2313
2197
  min-width: 0;
2314
2198
  }
2315
2199
  .pa-col-lg-80 {
2316
2200
  flex: 0 0 80%;
2317
2201
  max-width: 80%;
2318
- padding-left: 0.8rem;
2319
- padding-right: 0.8rem;
2202
+ padding-inline: 0.8rem;
2320
2203
  min-width: 0;
2321
2204
  }
2322
2205
  .pa-col-lg-85 {
2323
2206
  flex: 0 0 85%;
2324
2207
  max-width: 85%;
2325
- padding-left: 0.8rem;
2326
- padding-right: 0.8rem;
2208
+ padding-inline: 0.8rem;
2327
2209
  min-width: 0;
2328
2210
  }
2329
2211
  .pa-col-lg-90 {
2330
2212
  flex: 0 0 90%;
2331
2213
  max-width: 90%;
2332
- padding-left: 0.8rem;
2333
- padding-right: 0.8rem;
2214
+ padding-inline: 0.8rem;
2334
2215
  min-width: 0;
2335
2216
  }
2336
2217
  .pa-col-lg-95 {
2337
2218
  flex: 0 0 95%;
2338
2219
  max-width: 95%;
2339
- padding-left: 0.8rem;
2340
- padding-right: 0.8rem;
2220
+ padding-inline: 0.8rem;
2341
2221
  min-width: 0;
2342
2222
  }
2343
2223
  .pa-col-lg-100 {
2344
2224
  flex: 0 0 100%;
2345
2225
  max-width: 100%;
2346
- padding-left: 0.8rem;
2347
- padding-right: 0.8rem;
2226
+ padding-inline: 0.8rem;
2348
2227
  min-width: 0;
2349
2228
  }
2350
2229
  .pa-col-lg-1-2 {
2351
2230
  flex: 0 0 50%;
2352
2231
  max-width: 50%;
2353
- padding-left: 0.8rem;
2354
- padding-right: 0.8rem;
2232
+ padding-inline: 0.8rem;
2355
2233
  min-width: 0;
2356
2234
  }
2357
2235
  .pa-col-lg-1-3 {
2358
2236
  flex: 0 0 33.333%;
2359
2237
  max-width: 33.333%;
2360
- padding-left: 0.8rem;
2361
- padding-right: 0.8rem;
2238
+ padding-inline: 0.8rem;
2362
2239
  min-width: 0;
2363
2240
  }
2364
2241
  .pa-col-lg-2-3 {
2365
2242
  flex: 0 0 66.667%;
2366
2243
  max-width: 66.667%;
2367
- padding-left: 0.8rem;
2368
- padding-right: 0.8rem;
2244
+ padding-inline: 0.8rem;
2369
2245
  min-width: 0;
2370
2246
  }
2371
2247
  .pa-col-lg-1-4 {
2372
2248
  flex: 0 0 25%;
2373
2249
  max-width: 25%;
2374
- padding-left: 0.8rem;
2375
- padding-right: 0.8rem;
2250
+ padding-inline: 0.8rem;
2376
2251
  min-width: 0;
2377
2252
  }
2378
2253
  .pa-col-lg-3-4 {
2379
2254
  flex: 0 0 75%;
2380
2255
  max-width: 75%;
2381
- padding-left: 0.8rem;
2382
- padding-right: 0.8rem;
2256
+ padding-inline: 0.8rem;
2383
2257
  min-width: 0;
2384
2258
  }
2385
2259
  .pa-col-lg-1-5 {
2386
2260
  flex: 0 0 20%;
2387
2261
  max-width: 20%;
2388
- padding-left: 0.8rem;
2389
- padding-right: 0.8rem;
2262
+ padding-inline: 0.8rem;
2390
2263
  min-width: 0;
2391
2264
  }
2392
2265
  .pa-col-lg-2-5 {
2393
2266
  flex: 0 0 40%;
2394
2267
  max-width: 40%;
2395
- padding-left: 0.8rem;
2396
- padding-right: 0.8rem;
2268
+ padding-inline: 0.8rem;
2397
2269
  min-width: 0;
2398
2270
  }
2399
2271
  .pa-col-lg-3-5 {
2400
2272
  flex: 0 0 60%;
2401
2273
  max-width: 60%;
2402
- padding-left: 0.8rem;
2403
- padding-right: 0.8rem;
2274
+ padding-inline: 0.8rem;
2404
2275
  min-width: 0;
2405
2276
  }
2406
2277
  .pa-col-lg-4-5 {
2407
2278
  flex: 0 0 80%;
2408
2279
  max-width: 80%;
2409
- padding-left: 0.8rem;
2410
- padding-right: 0.8rem;
2280
+ padding-inline: 0.8rem;
2411
2281
  min-width: 0;
2412
2282
  }
2413
2283
  .pa-col-lg-1-6 {
2414
2284
  flex: 0 0 16.667%;
2415
2285
  max-width: 16.667%;
2416
- padding-left: 0.8rem;
2417
- padding-right: 0.8rem;
2286
+ padding-inline: 0.8rem;
2418
2287
  min-width: 0;
2419
2288
  }
2420
2289
  .pa-col-lg-5-6 {
2421
2290
  flex: 0 0 83.333%;
2422
2291
  max-width: 83.333%;
2423
- padding-left: 0.8rem;
2424
- padding-right: 0.8rem;
2292
+ padding-inline: 0.8rem;
2425
2293
  min-width: 0;
2426
2294
  }
2427
2295
  .pa-col-lg-1-12 {
2428
2296
  flex: 0 0 8.333%;
2429
2297
  max-width: 8.333%;
2430
- padding-left: 0.8rem;
2431
- padding-right: 0.8rem;
2298
+ padding-inline: 0.8rem;
2432
2299
  min-width: 0;
2433
2300
  }
2434
2301
  .pa-col-lg-5-12 {
2435
2302
  flex: 0 0 41.667%;
2436
2303
  max-width: 41.667%;
2437
- padding-left: 0.8rem;
2438
- padding-right: 0.8rem;
2304
+ padding-inline: 0.8rem;
2439
2305
  min-width: 0;
2440
2306
  }
2441
2307
  .pa-col-lg-7-12 {
2442
2308
  flex: 0 0 58.333%;
2443
2309
  max-width: 58.333%;
2444
- padding-left: 0.8rem;
2445
- padding-right: 0.8rem;
2310
+ padding-inline: 0.8rem;
2446
2311
  min-width: 0;
2447
2312
  }
2448
2313
  .pa-col-lg-11-12 {
2449
2314
  flex: 0 0 91.667%;
2450
2315
  max-width: 91.667%;
2451
- padding-left: 0.8rem;
2452
- padding-right: 0.8rem;
2316
+ padding-inline: 0.8rem;
2453
2317
  min-width: 0;
2454
2318
  }
2455
2319
  .pa-offset-lg-5 {
2456
- margin-left: 5%;
2320
+ margin-inline-start: 5%;
2457
2321
  }
2458
2322
  .pa-offset-lg-10 {
2459
- margin-left: 10%;
2323
+ margin-inline-start: 10%;
2460
2324
  }
2461
2325
  .pa-offset-lg-15 {
2462
- margin-left: 15%;
2326
+ margin-inline-start: 15%;
2463
2327
  }
2464
2328
  .pa-offset-lg-20 {
2465
- margin-left: 20%;
2329
+ margin-inline-start: 20%;
2466
2330
  }
2467
2331
  .pa-offset-lg-25 {
2468
- margin-left: 25%;
2332
+ margin-inline-start: 25%;
2469
2333
  }
2470
2334
  .pa-offset-lg-30 {
2471
- margin-left: 30%;
2335
+ margin-inline-start: 30%;
2472
2336
  }
2473
2337
  .pa-offset-lg-35 {
2474
- margin-left: 35%;
2338
+ margin-inline-start: 35%;
2475
2339
  }
2476
2340
  .pa-offset-lg-40 {
2477
- margin-left: 40%;
2341
+ margin-inline-start: 40%;
2478
2342
  }
2479
2343
  .pa-offset-lg-45 {
2480
- margin-left: 45%;
2344
+ margin-inline-start: 45%;
2481
2345
  }
2482
2346
  .pa-offset-lg-50 {
2483
- margin-left: 50%;
2347
+ margin-inline-start: 50%;
2484
2348
  }
2485
2349
  .pa-offset-lg-55 {
2486
- margin-left: 55%;
2350
+ margin-inline-start: 55%;
2487
2351
  }
2488
2352
  .pa-offset-lg-60 {
2489
- margin-left: 60%;
2353
+ margin-inline-start: 60%;
2490
2354
  }
2491
2355
  .pa-offset-lg-65 {
2492
- margin-left: 65%;
2356
+ margin-inline-start: 65%;
2493
2357
  }
2494
2358
  .pa-offset-lg-70 {
2495
- margin-left: 70%;
2359
+ margin-inline-start: 70%;
2496
2360
  }
2497
2361
  .pa-offset-lg-75 {
2498
- margin-left: 75%;
2362
+ margin-inline-start: 75%;
2499
2363
  }
2500
2364
  .pa-offset-lg-80 {
2501
- margin-left: 80%;
2365
+ margin-inline-start: 80%;
2502
2366
  }
2503
2367
  .pa-offset-lg-85 {
2504
- margin-left: 85%;
2368
+ margin-inline-start: 85%;
2505
2369
  }
2506
2370
  .pa-offset-lg-90 {
2507
- margin-left: 90%;
2371
+ margin-inline-start: 90%;
2508
2372
  }
2509
2373
  .pa-offset-lg-95 {
2510
- margin-left: 95%;
2374
+ margin-inline-start: 95%;
2511
2375
  }
2512
2376
  .pa-col-lg-auto {
2513
2377
  flex: 0 0 auto;
@@ -2518,304 +2382,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2518
2382
  .pa-col-xl-5 {
2519
2383
  flex: 0 0 5%;
2520
2384
  max-width: 5%;
2521
- padding-left: 0.8rem;
2522
- padding-right: 0.8rem;
2385
+ padding-inline: 0.8rem;
2523
2386
  min-width: 0;
2524
2387
  }
2525
2388
  .pa-col-xl-10 {
2526
2389
  flex: 0 0 10%;
2527
2390
  max-width: 10%;
2528
- padding-left: 0.8rem;
2529
- padding-right: 0.8rem;
2391
+ padding-inline: 0.8rem;
2530
2392
  min-width: 0;
2531
2393
  }
2532
2394
  .pa-col-xl-15 {
2533
2395
  flex: 0 0 15%;
2534
2396
  max-width: 15%;
2535
- padding-left: 0.8rem;
2536
- padding-right: 0.8rem;
2397
+ padding-inline: 0.8rem;
2537
2398
  min-width: 0;
2538
2399
  }
2539
2400
  .pa-col-xl-20 {
2540
2401
  flex: 0 0 20%;
2541
2402
  max-width: 20%;
2542
- padding-left: 0.8rem;
2543
- padding-right: 0.8rem;
2403
+ padding-inline: 0.8rem;
2544
2404
  min-width: 0;
2545
2405
  }
2546
2406
  .pa-col-xl-25 {
2547
2407
  flex: 0 0 25%;
2548
2408
  max-width: 25%;
2549
- padding-left: 0.8rem;
2550
- padding-right: 0.8rem;
2409
+ padding-inline: 0.8rem;
2551
2410
  min-width: 0;
2552
2411
  }
2553
2412
  .pa-col-xl-30 {
2554
2413
  flex: 0 0 30%;
2555
2414
  max-width: 30%;
2556
- padding-left: 0.8rem;
2557
- padding-right: 0.8rem;
2415
+ padding-inline: 0.8rem;
2558
2416
  min-width: 0;
2559
2417
  }
2560
2418
  .pa-col-xl-35 {
2561
2419
  flex: 0 0 35%;
2562
2420
  max-width: 35%;
2563
- padding-left: 0.8rem;
2564
- padding-right: 0.8rem;
2421
+ padding-inline: 0.8rem;
2565
2422
  min-width: 0;
2566
2423
  }
2567
2424
  .pa-col-xl-40 {
2568
2425
  flex: 0 0 40%;
2569
2426
  max-width: 40%;
2570
- padding-left: 0.8rem;
2571
- padding-right: 0.8rem;
2427
+ padding-inline: 0.8rem;
2572
2428
  min-width: 0;
2573
2429
  }
2574
2430
  .pa-col-xl-45 {
2575
2431
  flex: 0 0 45%;
2576
2432
  max-width: 45%;
2577
- padding-left: 0.8rem;
2578
- padding-right: 0.8rem;
2433
+ padding-inline: 0.8rem;
2579
2434
  min-width: 0;
2580
2435
  }
2581
2436
  .pa-col-xl-50 {
2582
2437
  flex: 0 0 50%;
2583
2438
  max-width: 50%;
2584
- padding-left: 0.8rem;
2585
- padding-right: 0.8rem;
2439
+ padding-inline: 0.8rem;
2586
2440
  min-width: 0;
2587
2441
  }
2588
2442
  .pa-col-xl-55 {
2589
2443
  flex: 0 0 55%;
2590
2444
  max-width: 55%;
2591
- padding-left: 0.8rem;
2592
- padding-right: 0.8rem;
2445
+ padding-inline: 0.8rem;
2593
2446
  min-width: 0;
2594
2447
  }
2595
2448
  .pa-col-xl-60 {
2596
2449
  flex: 0 0 60%;
2597
2450
  max-width: 60%;
2598
- padding-left: 0.8rem;
2599
- padding-right: 0.8rem;
2451
+ padding-inline: 0.8rem;
2600
2452
  min-width: 0;
2601
2453
  }
2602
2454
  .pa-col-xl-65 {
2603
2455
  flex: 0 0 65%;
2604
2456
  max-width: 65%;
2605
- padding-left: 0.8rem;
2606
- padding-right: 0.8rem;
2457
+ padding-inline: 0.8rem;
2607
2458
  min-width: 0;
2608
2459
  }
2609
2460
  .pa-col-xl-70 {
2610
2461
  flex: 0 0 70%;
2611
2462
  max-width: 70%;
2612
- padding-left: 0.8rem;
2613
- padding-right: 0.8rem;
2463
+ padding-inline: 0.8rem;
2614
2464
  min-width: 0;
2615
2465
  }
2616
2466
  .pa-col-xl-75 {
2617
2467
  flex: 0 0 75%;
2618
2468
  max-width: 75%;
2619
- padding-left: 0.8rem;
2620
- padding-right: 0.8rem;
2469
+ padding-inline: 0.8rem;
2621
2470
  min-width: 0;
2622
2471
  }
2623
2472
  .pa-col-xl-80 {
2624
2473
  flex: 0 0 80%;
2625
2474
  max-width: 80%;
2626
- padding-left: 0.8rem;
2627
- padding-right: 0.8rem;
2475
+ padding-inline: 0.8rem;
2628
2476
  min-width: 0;
2629
2477
  }
2630
2478
  .pa-col-xl-85 {
2631
2479
  flex: 0 0 85%;
2632
2480
  max-width: 85%;
2633
- padding-left: 0.8rem;
2634
- padding-right: 0.8rem;
2481
+ padding-inline: 0.8rem;
2635
2482
  min-width: 0;
2636
2483
  }
2637
2484
  .pa-col-xl-90 {
2638
2485
  flex: 0 0 90%;
2639
2486
  max-width: 90%;
2640
- padding-left: 0.8rem;
2641
- padding-right: 0.8rem;
2487
+ padding-inline: 0.8rem;
2642
2488
  min-width: 0;
2643
2489
  }
2644
2490
  .pa-col-xl-95 {
2645
2491
  flex: 0 0 95%;
2646
2492
  max-width: 95%;
2647
- padding-left: 0.8rem;
2648
- padding-right: 0.8rem;
2493
+ padding-inline: 0.8rem;
2649
2494
  min-width: 0;
2650
2495
  }
2651
2496
  .pa-col-xl-100 {
2652
2497
  flex: 0 0 100%;
2653
2498
  max-width: 100%;
2654
- padding-left: 0.8rem;
2655
- padding-right: 0.8rem;
2499
+ padding-inline: 0.8rem;
2656
2500
  min-width: 0;
2657
2501
  }
2658
2502
  .pa-col-xl-1-2 {
2659
2503
  flex: 0 0 50%;
2660
2504
  max-width: 50%;
2661
- padding-left: 0.8rem;
2662
- padding-right: 0.8rem;
2505
+ padding-inline: 0.8rem;
2663
2506
  min-width: 0;
2664
2507
  }
2665
2508
  .pa-col-xl-1-3 {
2666
2509
  flex: 0 0 33.333%;
2667
2510
  max-width: 33.333%;
2668
- padding-left: 0.8rem;
2669
- padding-right: 0.8rem;
2511
+ padding-inline: 0.8rem;
2670
2512
  min-width: 0;
2671
2513
  }
2672
2514
  .pa-col-xl-2-3 {
2673
2515
  flex: 0 0 66.667%;
2674
2516
  max-width: 66.667%;
2675
- padding-left: 0.8rem;
2676
- padding-right: 0.8rem;
2517
+ padding-inline: 0.8rem;
2677
2518
  min-width: 0;
2678
2519
  }
2679
2520
  .pa-col-xl-1-4 {
2680
2521
  flex: 0 0 25%;
2681
2522
  max-width: 25%;
2682
- padding-left: 0.8rem;
2683
- padding-right: 0.8rem;
2523
+ padding-inline: 0.8rem;
2684
2524
  min-width: 0;
2685
2525
  }
2686
2526
  .pa-col-xl-3-4 {
2687
2527
  flex: 0 0 75%;
2688
2528
  max-width: 75%;
2689
- padding-left: 0.8rem;
2690
- padding-right: 0.8rem;
2529
+ padding-inline: 0.8rem;
2691
2530
  min-width: 0;
2692
2531
  }
2693
2532
  .pa-col-xl-1-5 {
2694
2533
  flex: 0 0 20%;
2695
2534
  max-width: 20%;
2696
- padding-left: 0.8rem;
2697
- padding-right: 0.8rem;
2535
+ padding-inline: 0.8rem;
2698
2536
  min-width: 0;
2699
2537
  }
2700
2538
  .pa-col-xl-2-5 {
2701
2539
  flex: 0 0 40%;
2702
2540
  max-width: 40%;
2703
- padding-left: 0.8rem;
2704
- padding-right: 0.8rem;
2541
+ padding-inline: 0.8rem;
2705
2542
  min-width: 0;
2706
2543
  }
2707
2544
  .pa-col-xl-3-5 {
2708
2545
  flex: 0 0 60%;
2709
2546
  max-width: 60%;
2710
- padding-left: 0.8rem;
2711
- padding-right: 0.8rem;
2547
+ padding-inline: 0.8rem;
2712
2548
  min-width: 0;
2713
2549
  }
2714
2550
  .pa-col-xl-4-5 {
2715
2551
  flex: 0 0 80%;
2716
2552
  max-width: 80%;
2717
- padding-left: 0.8rem;
2718
- padding-right: 0.8rem;
2553
+ padding-inline: 0.8rem;
2719
2554
  min-width: 0;
2720
2555
  }
2721
2556
  .pa-col-xl-1-6 {
2722
2557
  flex: 0 0 16.667%;
2723
2558
  max-width: 16.667%;
2724
- padding-left: 0.8rem;
2725
- padding-right: 0.8rem;
2559
+ padding-inline: 0.8rem;
2726
2560
  min-width: 0;
2727
2561
  }
2728
2562
  .pa-col-xl-5-6 {
2729
2563
  flex: 0 0 83.333%;
2730
2564
  max-width: 83.333%;
2731
- padding-left: 0.8rem;
2732
- padding-right: 0.8rem;
2565
+ padding-inline: 0.8rem;
2733
2566
  min-width: 0;
2734
2567
  }
2735
2568
  .pa-col-xl-1-12 {
2736
2569
  flex: 0 0 8.333%;
2737
2570
  max-width: 8.333%;
2738
- padding-left: 0.8rem;
2739
- padding-right: 0.8rem;
2571
+ padding-inline: 0.8rem;
2740
2572
  min-width: 0;
2741
2573
  }
2742
2574
  .pa-col-xl-5-12 {
2743
2575
  flex: 0 0 41.667%;
2744
2576
  max-width: 41.667%;
2745
- padding-left: 0.8rem;
2746
- padding-right: 0.8rem;
2577
+ padding-inline: 0.8rem;
2747
2578
  min-width: 0;
2748
2579
  }
2749
2580
  .pa-col-xl-7-12 {
2750
2581
  flex: 0 0 58.333%;
2751
2582
  max-width: 58.333%;
2752
- padding-left: 0.8rem;
2753
- padding-right: 0.8rem;
2583
+ padding-inline: 0.8rem;
2754
2584
  min-width: 0;
2755
2585
  }
2756
2586
  .pa-col-xl-11-12 {
2757
2587
  flex: 0 0 91.667%;
2758
2588
  max-width: 91.667%;
2759
- padding-left: 0.8rem;
2760
- padding-right: 0.8rem;
2589
+ padding-inline: 0.8rem;
2761
2590
  min-width: 0;
2762
2591
  }
2763
2592
  .pa-offset-xl-5 {
2764
- margin-left: 5%;
2593
+ margin-inline-start: 5%;
2765
2594
  }
2766
2595
  .pa-offset-xl-10 {
2767
- margin-left: 10%;
2596
+ margin-inline-start: 10%;
2768
2597
  }
2769
2598
  .pa-offset-xl-15 {
2770
- margin-left: 15%;
2599
+ margin-inline-start: 15%;
2771
2600
  }
2772
2601
  .pa-offset-xl-20 {
2773
- margin-left: 20%;
2602
+ margin-inline-start: 20%;
2774
2603
  }
2775
2604
  .pa-offset-xl-25 {
2776
- margin-left: 25%;
2605
+ margin-inline-start: 25%;
2777
2606
  }
2778
2607
  .pa-offset-xl-30 {
2779
- margin-left: 30%;
2608
+ margin-inline-start: 30%;
2780
2609
  }
2781
2610
  .pa-offset-xl-35 {
2782
- margin-left: 35%;
2611
+ margin-inline-start: 35%;
2783
2612
  }
2784
2613
  .pa-offset-xl-40 {
2785
- margin-left: 40%;
2614
+ margin-inline-start: 40%;
2786
2615
  }
2787
2616
  .pa-offset-xl-45 {
2788
- margin-left: 45%;
2617
+ margin-inline-start: 45%;
2789
2618
  }
2790
2619
  .pa-offset-xl-50 {
2791
- margin-left: 50%;
2620
+ margin-inline-start: 50%;
2792
2621
  }
2793
2622
  .pa-offset-xl-55 {
2794
- margin-left: 55%;
2623
+ margin-inline-start: 55%;
2795
2624
  }
2796
2625
  .pa-offset-xl-60 {
2797
- margin-left: 60%;
2626
+ margin-inline-start: 60%;
2798
2627
  }
2799
2628
  .pa-offset-xl-65 {
2800
- margin-left: 65%;
2629
+ margin-inline-start: 65%;
2801
2630
  }
2802
2631
  .pa-offset-xl-70 {
2803
- margin-left: 70%;
2632
+ margin-inline-start: 70%;
2804
2633
  }
2805
2634
  .pa-offset-xl-75 {
2806
- margin-left: 75%;
2635
+ margin-inline-start: 75%;
2807
2636
  }
2808
2637
  .pa-offset-xl-80 {
2809
- margin-left: 80%;
2638
+ margin-inline-start: 80%;
2810
2639
  }
2811
2640
  .pa-offset-xl-85 {
2812
- margin-left: 85%;
2641
+ margin-inline-start: 85%;
2813
2642
  }
2814
2643
  .pa-offset-xl-90 {
2815
- margin-left: 90%;
2644
+ margin-inline-start: 90%;
2816
2645
  }
2817
2646
  .pa-offset-xl-95 {
2818
- margin-left: 95%;
2647
+ margin-inline-start: 95%;
2819
2648
  }
2820
2649
  .pa-col-xl-auto {
2821
2650
  flex: 0 0 auto;
@@ -2823,8 +2652,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2823
2652
  }
2824
2653
  }
2825
2654
  .pa-col--no-padding {
2826
- padding-left: 0;
2827
- padding-right: 0;
2655
+ padding-inline: 0;
2828
2656
  }
2829
2657
 
2830
2658
  .pa-col--grow {
@@ -3078,6 +2906,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
3078
2906
  display: flex;
3079
2907
  justify-content: space-between;
3080
2908
  align-items: center;
2909
+ gap: 1.6rem;
3081
2910
  min-width: 0;
3082
2911
  }
3083
2912
 
@@ -3109,9 +2938,45 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
3109
2938
  font-size: 1.6rem;
3110
2939
  }
3111
2940
 
2941
+ .pa-card__header > h1,
2942
+ .pa-card__header > h2,
2943
+ .pa-card__header > h3,
2944
+ .pa-card__header > h4,
2945
+ .pa-card__header > h5,
2946
+ .pa-card__header > h6 {
2947
+ flex-shrink: 0;
2948
+ }
2949
+
2950
+ .pa-card__header > p {
2951
+ flex: 1;
2952
+ min-width: 0;
2953
+ overflow: hidden;
2954
+ text-overflow: ellipsis;
2955
+ white-space: nowrap;
2956
+ color: var(--pa-text-color-2);
2957
+ font-size: 1.4rem;
2958
+ }
2959
+
2960
+ .pa-card__header .pa-card__actions,
2961
+ .pa-card__header .pa-btn-group {
2962
+ flex-shrink: 0;
2963
+ }
2964
+
3112
2965
  .pa-card__header .pa-btn {
3113
2966
  margin-top: -0.25rem;
3114
2967
  margin-bottom: -0.25rem;
2968
+ flex-shrink: 0;
2969
+ }
2970
+
2971
+ .pa-card__header--wrap {
2972
+ flex-wrap: wrap;
2973
+ }
2974
+
2975
+ .pa-card__header--wrap > p {
2976
+ white-space: normal;
2977
+ flex-basis: 100%;
2978
+ order: 1;
2979
+ margin-top: 0.4rem;
3115
2980
  }
3116
2981
 
3117
2982
  .pa-card__title {
@@ -3623,10 +3488,10 @@ a.pa-card p {
3623
3488
  .pa-tabs--vertical {
3624
3489
  flex-direction: column;
3625
3490
  border-bottom: none;
3626
- border-right: 1px solid var(--pa-border-color);
3491
+ border-inline-end: 1px solid var(--pa-border-color);
3627
3492
  gap: 0;
3628
3493
  margin-bottom: 0;
3629
- padding-right: 0;
3494
+ padding-inline-end: 0;
3630
3495
  width: fit-content;
3631
3496
  min-width: max-content;
3632
3497
  }
@@ -3634,9 +3499,12 @@ a.pa-card p {
3634
3499
  .pa-tabs--vertical .pa-tabs__item {
3635
3500
  justify-content: flex-start;
3636
3501
  border-bottom: none;
3637
- border-right: 2px solid transparent;
3502
+ border-inline-end: 2px solid transparent;
3638
3503
  padding: 0.8rem;
3639
- border-radius: 4px 0 0 4px;
3504
+ border-start-start-radius: 4px;
3505
+ border-end-start-radius: 4px;
3506
+ border-start-end-radius: 0;
3507
+ border-end-end-radius: 0;
3640
3508
  gap: 1.2rem;
3641
3509
  white-space: nowrap;
3642
3510
  min-height: 4rem;
@@ -3647,7 +3515,7 @@ a.pa-card p {
3647
3515
  }
3648
3516
 
3649
3517
  .pa-tabs--vertical .pa-tabs__item--active {
3650
- border-right-color: #007bff;
3518
+ border-inline-end-color: #007bff;
3651
3519
  background-color: rgba(0, 123, 255, 0.1);
3652
3520
  }
3653
3521
 
@@ -3720,16 +3588,24 @@ a.pa-card p {
3720
3588
  background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
3721
3589
  }
3722
3590
 
3723
- .pa-tabs--scrollable .pa-tabs__scroll-btn--left {
3724
- left: 0;
3591
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--left, .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3592
+ inset-inline-start: 0;
3725
3593
  background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3726
3594
  }
3727
3595
 
3728
- .pa-tabs--scrollable .pa-tabs__scroll-btn--right {
3729
- right: 0;
3596
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--left, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3730
3597
  background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3731
3598
  }
3732
3599
 
3600
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--right, .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3601
+ inset-inline-end: 0;
3602
+ background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3603
+ }
3604
+
3605
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--right, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3606
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3607
+ }
3608
+
3733
3609
  .pa-tabs--scrollable .pa-tabs__scroll-btn--visible {
3734
3610
  opacity: 1;
3735
3611
  pointer-events: auto;
@@ -3846,7 +3722,7 @@ a.pa-card p {
3846
3722
 
3847
3723
  .pa-tabs__container--card .pa-tabs__overflow {
3848
3724
  position: relative;
3849
- margin-left: auto;
3725
+ margin-inline-start: auto;
3850
3726
  flex-shrink: 0;
3851
3727
  }
3852
3728
 
@@ -3863,7 +3739,7 @@ a.pa-card p {
3863
3739
  color: var(--pa-text-color-2);
3864
3740
  cursor: pointer;
3865
3741
  transition: all 0.1s ease-out;
3866
- border-left: 1px solid var(--pa-border-color);
3742
+ border-inline-start: 1px solid var(--pa-border-color);
3867
3743
  margin: -0.5rem -1rem -0.5rem 0;
3868
3744
  box-sizing: content-box;
3869
3745
  height: 4rem;
@@ -3895,7 +3771,7 @@ a.pa-card p {
3895
3771
  .pa-tabs__container--card .pa-tabs__overflow-menu {
3896
3772
  position: absolute;
3897
3773
  top: 4rem;
3898
- right: 0;
3774
+ inset-inline-end: 0;
3899
3775
  min-width: 15rem;
3900
3776
  background: var(--pa-card-bg);
3901
3777
  border: 1px solid var(--pa-border-color);
@@ -3916,7 +3792,7 @@ a.pa-card p {
3916
3792
  border: none;
3917
3793
  border-bottom: none;
3918
3794
  border-radius: 0;
3919
- text-align: left;
3795
+ text-align: start;
3920
3796
  white-space: nowrap;
3921
3797
  }
3922
3798
 
@@ -3948,7 +3824,7 @@ a.pa-card p {
3948
3824
  }
3949
3825
 
3950
3826
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
3951
- border-right: 1px solid var(--pa-border-color);
3827
+ border-inline-end: 1px solid var(--pa-border-color);
3952
3828
  }
3953
3829
 
3954
3830
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical .pa-tabs__item {
@@ -4154,7 +4030,7 @@ a.pa-card p {
4154
4030
  ======================================== */
4155
4031
  .pa-list-basic {
4156
4032
  margin: 0;
4157
- padding-left: 2.4rem;
4033
+ padding-inline-start: 2.4rem;
4158
4034
  }
4159
4035
 
4160
4036
  .pa-list-basic li {
@@ -4172,12 +4048,12 @@ a.pa-card p {
4172
4048
 
4173
4049
  .pa-list-basic--unstyled {
4174
4050
  list-style: none;
4175
- padding-left: 0;
4051
+ padding-inline-start: 0;
4176
4052
  }
4177
4053
 
4178
4054
  .pa-list-basic--inline {
4179
4055
  list-style: none;
4180
- padding-left: 0;
4056
+ padding-inline-start: 0;
4181
4057
  display: flex;
4182
4058
  flex-wrap: wrap;
4183
4059
  gap: 1.6rem;
@@ -4185,7 +4061,7 @@ a.pa-card p {
4185
4061
 
4186
4062
  .pa-list-basic--bordered {
4187
4063
  list-style: none;
4188
- padding-left: 0;
4064
+ padding-inline-start: 0;
4189
4065
  }
4190
4066
 
4191
4067
  .pa-list-basic--bordered li {
@@ -4199,7 +4075,7 @@ a.pa-card p {
4199
4075
 
4200
4076
  .pa-list-basic--striped {
4201
4077
  list-style: none;
4202
- padding-left: 0;
4078
+ padding-inline-start: 0;
4203
4079
  }
4204
4080
 
4205
4081
  .pa-list-basic--striped li {
@@ -4212,7 +4088,7 @@ a.pa-card p {
4212
4088
 
4213
4089
  .pa-list-basic--icon {
4214
4090
  list-style: none;
4215
- padding-left: 0;
4091
+ padding-inline-start: 0;
4216
4092
  }
4217
4093
 
4218
4094
  .pa-list-basic--icon li {
@@ -4245,13 +4121,13 @@ a.pa-card p {
4245
4121
 
4246
4122
  .pa-list-ordered {
4247
4123
  margin: 0;
4248
- padding-left: 2.4rem;
4124
+ padding-inline-start: 2.4rem;
4249
4125
  }
4250
4126
 
4251
4127
  .pa-list-ordered li {
4252
4128
  margin-bottom: 0.8rem;
4253
4129
  line-height: 1.6;
4254
- padding-left: 0.4rem;
4130
+ padding-inline-start: 0.4rem;
4255
4131
  }
4256
4132
 
4257
4133
  .pa-list-ordered--roman {
@@ -4278,7 +4154,7 @@ a.pa-card p {
4278
4154
  }
4279
4155
 
4280
4156
  .pa-list-definition dd {
4281
- margin-left: 2.4rem;
4157
+ margin-inline-start: 2.4rem;
4282
4158
  margin-bottom: 0.8rem;
4283
4159
  color: var(--pa-text-color-2);
4284
4160
  line-height: 1.6;
@@ -4286,7 +4162,7 @@ a.pa-card p {
4286
4162
 
4287
4163
  .pa-list-definition--inline dt {
4288
4164
  display: inline;
4289
- margin-right: 0.4rem;
4165
+ margin-inline-end: 0.4rem;
4290
4166
  }
4291
4167
 
4292
4168
  .pa-list-definition--inline dt::after {
@@ -4295,8 +4171,8 @@ a.pa-card p {
4295
4171
 
4296
4172
  .pa-list-definition--inline dd {
4297
4173
  display: inline;
4298
- margin-left: 0;
4299
- margin-right: 1.6rem;
4174
+ margin-inline-start: 0;
4175
+ margin-inline-end: 1.6rem;
4300
4176
  }
4301
4177
 
4302
4178
  .pa-list-definition--inline dd::after {
@@ -5400,16 +5276,16 @@ a.pa-card p {
5400
5276
  }
5401
5277
 
5402
5278
  .pa-btn__icon {
5403
- margin-right: 0.8rem;
5279
+ margin-inline-end: 0.8rem;
5404
5280
  }
5405
5281
 
5406
5282
  .pa-btn__icon:last-child {
5407
- margin-right: 0;
5408
- margin-left: 0.8rem;
5283
+ margin-inline-end: 0;
5284
+ margin-inline-start: 0.8rem;
5409
5285
  }
5410
5286
 
5411
5287
  .pa-btn:has(.pa-btn__icon) {
5412
- text-align: left;
5288
+ text-align: start;
5413
5289
  display: inline-flex;
5414
5290
  align-items: center;
5415
5291
  gap: 0.8rem;
@@ -5434,7 +5310,7 @@ a.pa-card p {
5434
5310
  }
5435
5311
 
5436
5312
  .pa-btn--align-left .pa-btn__icon {
5437
- padding-left: 0;
5313
+ padding-inline-start: 0;
5438
5314
  }
5439
5315
 
5440
5316
  .pa-btn--align-right {
@@ -5442,7 +5318,7 @@ a.pa-card p {
5442
5318
  }
5443
5319
 
5444
5320
  .pa-btn--align-right .pa-btn__icon {
5445
- padding-right: 0;
5321
+ padding-inline-end: 0;
5446
5322
  }
5447
5323
 
5448
5324
  .pa-btn--align-center {
@@ -5454,11 +5330,11 @@ a.pa-card p {
5454
5330
  }
5455
5331
 
5456
5332
  .pa-btn--align-justify .pa-btn__icon:first-child {
5457
- padding-left: 0;
5333
+ padding-inline-start: 0;
5458
5334
  }
5459
5335
 
5460
5336
  .pa-btn--align-justify > *:last-child {
5461
- padding-right: 0;
5337
+ padding-inline-end: 0;
5462
5338
  }
5463
5339
 
5464
5340
  .pa-btn-group {
@@ -5847,7 +5723,7 @@ a.pa-card p {
5847
5723
 
5848
5724
  .pa-tooltip--multiline::before {
5849
5725
  white-space: normal;
5850
- text-align: left;
5726
+ text-align: start;
5851
5727
  width: 32rem;
5852
5728
  max-width: 32rem;
5853
5729
  line-height: 1.5;
@@ -6391,7 +6267,7 @@ a.pa-card p {
6391
6267
  font-size: 1.4rem;
6392
6268
  line-height: 1.5;
6393
6269
  color: var(--pa-text-color-1);
6394
- text-align: left;
6270
+ text-align: start;
6395
6271
  }
6396
6272
 
6397
6273
  .pa-popover__body p {
@@ -6413,7 +6289,7 @@ a.pa-card p {
6413
6289
 
6414
6290
  .pa-popover__body ul, .pa-popover__body ol {
6415
6291
  margin: 0.8rem 0;
6416
- padding-left: 2.4rem;
6292
+ padding-inline-start: 2.4rem;
6417
6293
  }
6418
6294
 
6419
6295
  .pa-popover__body code {
@@ -6460,8 +6336,12 @@ a.pa-card p {
6460
6336
  text-align: center;
6461
6337
  }
6462
6338
 
6339
+ .pa-popover--end .pa-popover__body {
6340
+ text-align: end;
6341
+ }
6342
+
6463
6343
  .pa-popover--right .pa-popover__body {
6464
- text-align: right;
6344
+ text-align: end;
6465
6345
  }
6466
6346
 
6467
6347
  .pa-tooltip-floating {
@@ -6480,7 +6360,7 @@ a.pa-card p {
6480
6360
 
6481
6361
  .pa-tooltip-floating.pa-tooltip--multiline {
6482
6362
  white-space: normal;
6483
- text-align: left;
6363
+ text-align: start;
6484
6364
  max-width: 32rem;
6485
6365
  }
6486
6366
 
@@ -6667,7 +6547,7 @@ a.pa-card p {
6667
6547
  }
6668
6548
 
6669
6549
  .pa-alert--dismissible {
6670
- padding-right: 4.8rem;
6550
+ padding-inline-end: 4.8rem;
6671
6551
  }
6672
6552
 
6673
6553
  .pa-alert__icon {
@@ -6689,7 +6569,7 @@ a.pa-card p {
6689
6569
 
6690
6570
  .pa-alert__list {
6691
6571
  margin: 0.8rem 0;
6692
- padding-left: 2.4rem;
6572
+ padding-inline-start: 2.4rem;
6693
6573
  }
6694
6574
 
6695
6575
  .pa-alert__actions {
@@ -6701,7 +6581,7 @@ a.pa-card p {
6701
6581
  .pa-alert__close {
6702
6582
  position: absolute;
6703
6583
  top: 0;
6704
- right: 0;
6584
+ inset-inline-end: 0;
6705
6585
  z-index: 2px;
6706
6586
  padding: 1.2rem 1rem;
6707
6587
  background: none;
@@ -6761,7 +6641,7 @@ a.pa-card p {
6761
6641
  position: relative;
6762
6642
  padding: 1.2rem 1rem;
6763
6643
  margin-bottom: 1.6rem;
6764
- border-left: 0.4rem solid var(--pa-border-color);
6644
+ border-inline-start: 0.4rem solid var(--pa-border-color);
6765
6645
  border-radius: 4px;
6766
6646
  font-size: 1.4rem;
6767
6647
  background-color: var(--pa-card-bg);
@@ -6776,32 +6656,32 @@ a.pa-card p {
6776
6656
  }
6777
6657
 
6778
6658
  .pa-callout--primary {
6779
- border-left-color: var(--pa-accent);
6659
+ border-inline-start-color: var(--pa-accent);
6780
6660
  background-color: rgba(0, 123, 255, 0.08);
6781
6661
  }
6782
6662
 
6783
6663
  .pa-callout--secondary {
6784
- border-left-color: var(--pa-text-color-2);
6664
+ border-inline-start-color: var(--pa-text-color-2);
6785
6665
  background-color: color-mix(in srgb, var(--pa-text-color-2) 5%, transparent);
6786
6666
  }
6787
6667
 
6788
6668
  .pa-callout--success {
6789
- border-left-color: var(--pa-success-bg);
6669
+ border-inline-start-color: var(--pa-success-bg);
6790
6670
  background-color: var(--pa-success-bg-subtle);
6791
6671
  }
6792
6672
 
6793
6673
  .pa-callout--danger {
6794
- border-left-color: var(--pa-danger-bg);
6674
+ border-inline-start-color: var(--pa-danger-bg);
6795
6675
  background-color: var(--pa-danger-bg-subtle);
6796
6676
  }
6797
6677
 
6798
6678
  .pa-callout--warning {
6799
- border-left-color: var(--pa-warning-bg);
6679
+ border-inline-start-color: var(--pa-warning-bg);
6800
6680
  background-color: var(--pa-warning-bg-subtle);
6801
6681
  }
6802
6682
 
6803
6683
  .pa-callout--info {
6804
- border-left-color: var(--pa-info-bg);
6684
+ border-inline-start-color: var(--pa-info-bg);
6805
6685
  background-color: var(--pa-info-bg-subtle);
6806
6686
  }
6807
6687
 
@@ -6817,7 +6697,14 @@ a.pa-card p {
6817
6697
 
6818
6698
  .pa-callout__icon {
6819
6699
  float: left;
6820
- margin-right: 0.8rem;
6700
+ margin-inline-end: 0.8rem;
6701
+ }
6702
+
6703
+ [dir=rtl] .pa-callout__icon {
6704
+ float: right;
6705
+ }
6706
+
6707
+ .pa-callout__icon {
6821
6708
  font-size: 1.8rem;
6822
6709
  line-height: 1;
6823
6710
  }
@@ -6848,7 +6735,7 @@ a.pa-card p {
6848
6735
 
6849
6736
  .pa-callout ul, .pa-callout ol {
6850
6737
  margin: 0.8rem 0;
6851
- padding-left: 2.4rem;
6738
+ padding-inline-start: 2.4rem;
6852
6739
  }
6853
6740
 
6854
6741
  .pa-callout ul:last-child, .pa-callout ol:last-child {
@@ -7311,6 +7198,7 @@ a.pa-card p {
7311
7198
  /* ========================================
7312
7199
  Input Groups
7313
7200
  Input groups with prepend/append addons and buttons
7201
+ RTL-aware using CSS logical properties
7314
7202
  ======================================== */
7315
7203
  .pa-input-group {
7316
7204
  display: flex;
@@ -7323,21 +7211,21 @@ a.pa-card p {
7323
7211
  }
7324
7212
 
7325
7213
  .pa-input-group .pa-input:first-child {
7326
- border-top-left-radius: 4px;
7327
- border-bottom-left-radius: 4px;
7214
+ border-start-start-radius: 4px;
7215
+ border-end-start-radius: 4px;
7328
7216
  }
7329
7217
 
7330
7218
  .pa-input-group .pa-input:last-child {
7331
- border-top-right-radius: 4px;
7332
- border-bottom-right-radius: 4px;
7219
+ border-start-end-radius: 4px;
7220
+ border-end-end-radius: 4px;
7333
7221
  }
7334
7222
 
7335
7223
  .pa-input-group .pa-input:not(:first-child) {
7336
- border-left: none;
7224
+ border-inline-start: none;
7337
7225
  }
7338
7226
 
7339
7227
  .pa-input-group .pa-input:not(:last-child) {
7340
- border-right: none;
7228
+ border-inline-end: none;
7341
7229
  }
7342
7230
 
7343
7231
  .pa-input-group__prepend, .pa-input-group__append {
@@ -7356,48 +7244,48 @@ a.pa-card p {
7356
7244
  background-color: var(--pa-input-group-prepend-bg);
7357
7245
  color: var(--pa-input-group-prepend-text);
7358
7246
  border-color: var(--pa-input-group-prepend-bg);
7359
- border-right: none;
7247
+ border-inline-end: none;
7360
7248
  }
7361
7249
 
7362
7250
  .pa-input-group__prepend:first-child {
7363
- border-top-left-radius: 4px;
7364
- border-bottom-left-radius: 4px;
7251
+ border-start-start-radius: 4px;
7252
+ border-end-start-radius: 4px;
7365
7253
  }
7366
7254
 
7367
7255
  .pa-input-group__append {
7368
7256
  background-color: var(--pa-input-group-append-bg);
7369
7257
  color: var(--pa-input-group-append-text);
7370
7258
  border-color: var(--pa-input-group-append-bg);
7371
- border-left: none;
7259
+ border-inline-start: none;
7372
7260
  }
7373
7261
 
7374
7262
  .pa-input-group__append:last-child {
7375
- border-top-right-radius: 4px;
7376
- border-bottom-right-radius: 4px;
7263
+ border-start-end-radius: 4px;
7264
+ border-end-end-radius: 4px;
7377
7265
  }
7378
7266
 
7379
7267
  .pa-input-group__prepend + .pa-input-group__prepend {
7380
- border-left: 1px solid var(--pa-input-group-prepend-bg);
7268
+ border-inline-start: 1px solid var(--pa-input-group-prepend-bg);
7381
7269
  }
7382
7270
 
7383
7271
  .pa-input-group__append + .pa-input-group__append {
7384
- border-left: 1px solid var(--pa-input-group-append-bg);
7272
+ border-inline-start: 1px solid var(--pa-input-group-append-bg);
7385
7273
  }
7386
7274
 
7387
7275
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend {
7388
- border-right: 1px solid var(--pa-input-focus-border-color);
7276
+ border-inline-end: 1px solid var(--pa-input-focus-border-color);
7389
7277
  }
7390
7278
 
7391
7279
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
7392
- border-right: none;
7280
+ border-inline-end: none;
7393
7281
  }
7394
7282
 
7395
7283
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append {
7396
- border-left: 1px solid var(--pa-input-focus-border-color);
7284
+ border-inline-start: 1px solid var(--pa-input-focus-border-color);
7397
7285
  }
7398
7286
 
7399
7287
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append + .pa-input-group__append {
7400
- border-left: 1px solid var(--pa-border-color);
7288
+ border-inline-start: 1px solid var(--pa-border-color);
7401
7289
  }
7402
7290
 
7403
7291
  .pa-input-group__button {
@@ -7405,13 +7293,13 @@ a.pa-card p {
7405
7293
  }
7406
7294
 
7407
7295
  .pa-input-group__button:first-child {
7408
- border-top-left-radius: 4px;
7409
- border-bottom-left-radius: 4px;
7296
+ border-start-start-radius: 4px;
7297
+ border-end-start-radius: 4px;
7410
7298
  }
7411
7299
 
7412
7300
  .pa-input-group__button:last-child {
7413
- border-top-right-radius: 4px;
7414
- border-bottom-right-radius: 4px;
7301
+ border-start-end-radius: 4px;
7302
+ border-end-end-radius: 4px;
7415
7303
  }
7416
7304
 
7417
7305
  .pa-input-group--xs .pa-input-group__prepend,
@@ -7460,12 +7348,12 @@ a.pa-card p {
7460
7348
  .pa-input-wrapper .pa-virtual-textbox {
7461
7349
  flex: 1;
7462
7350
  min-width: 0;
7463
- padding-right: 4rem;
7351
+ padding-inline-end: 4rem;
7464
7352
  }
7465
7353
 
7466
7354
  .pa-input-wrapper__clear {
7467
7355
  position: absolute;
7468
- right: 0.4rem;
7356
+ inset-inline-end: 0.4rem;
7469
7357
  top: 50%;
7470
7358
  transform: translateY(-50%);
7471
7359
  background: transparent;
@@ -7511,7 +7399,7 @@ a.pa-card p {
7511
7399
  }
7512
7400
 
7513
7401
  .pa-search-token-remove {
7514
- margin-left: 0.4rem;
7402
+ margin-inline-start: 0.4rem;
7515
7403
  padding: 0 0.4rem;
7516
7404
  border: none;
7517
7405
  background: transparent;
@@ -7611,7 +7499,7 @@ a.pa-card p {
7611
7499
  }
7612
7500
 
7613
7501
  .pa-search-autocomplete__item-type {
7614
- margin-left: auto;
7502
+ margin-inline-start: auto;
7615
7503
  font-size: 1.2rem;
7616
7504
  color: var(--pa-text-color-2);
7617
7505
  opacity: 0.7;
@@ -8137,7 +8025,7 @@ web-multiselect {
8137
8025
 
8138
8026
  .pa-file-dropzone__drop-prompt-icon {
8139
8027
  display: inline-block;
8140
- margin-right: 0.4rem;
8028
+ margin-inline-end: 0.4rem;
8141
8029
  font-size: 1.8rem;
8142
8030
  }
8143
8031
 
@@ -8406,7 +8294,7 @@ web-multiselect {
8406
8294
  }
8407
8295
 
8408
8296
  .pa-file-popover__table th {
8409
- text-align: left;
8297
+ text-align: start;
8410
8298
  padding: 0.4rem 0.8rem;
8411
8299
  border-bottom: 1px solid var(--pa-border-color);
8412
8300
  color: var(--pa-text-color-2);
@@ -8815,13 +8703,13 @@ web-multiselect {
8815
8703
  }
8816
8704
 
8817
8705
  .pa-checkbox-list__label .pa-checkbox {
8818
- margin-right: 1.2rem;
8706
+ margin-inline-end: 1.2rem;
8819
8707
  gap: 0;
8820
8708
  }
8821
8709
 
8822
8710
  .pa-checkbox-list__checkbox {
8823
8711
  margin: 0;
8824
- margin-right: 1.2rem;
8712
+ margin-inline-end: 1.2rem;
8825
8713
  width: 1.6rem;
8826
8714
  height: 1.6rem;
8827
8715
  cursor: pointer;
@@ -8841,7 +8729,7 @@ web-multiselect {
8841
8729
 
8842
8730
  .pa-checkbox-list__actions {
8843
8731
  position: absolute;
8844
- right: 1.2rem;
8732
+ inset-inline-end: 1.2rem;
8845
8733
  top: 50%;
8846
8734
  transform: translateY(-50%);
8847
8735
  display: flex;
@@ -8855,7 +8743,7 @@ web-multiselect {
8855
8743
  }
8856
8744
 
8857
8745
  .pa-checkbox-list__item:has(.pa-checkbox-list__actions) .pa-checkbox-list__label {
8858
- padding-right: 6rem;
8746
+ padding-inline-end: 6rem;
8859
8747
  }
8860
8748
 
8861
8749
  .pa-checkbox-list--compact .pa-checkbox-list__label {
@@ -8974,7 +8862,7 @@ web-multiselect {
8974
8862
  }
8975
8863
 
8976
8864
  .pa-checkbox-list--2col .pa-checkbox-list__item:nth-child(odd) {
8977
- border-right: 1px solid var(--pa-border-color);
8865
+ border-inline-end: 1px solid var(--pa-border-color);
8978
8866
  }
8979
8867
 
8980
8868
  .pa-checkbox-list--3col {
@@ -8984,7 +8872,7 @@ web-multiselect {
8984
8872
  }
8985
8873
 
8986
8874
  .pa-checkbox-list--3col .pa-checkbox-list__item:not(:nth-child(3n)) {
8987
- border-right: 1px solid var(--pa-border-color);
8875
+ border-inline-end: 1px solid var(--pa-border-color);
8988
8876
  }
8989
8877
 
8990
8878
  .pa-table .pa-table__checkbox-col {
@@ -9087,6 +8975,11 @@ web-multiselect {
9087
8975
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
9088
8976
  }
9089
8977
 
8978
+ .pa-table-card:has(.pa-detail-view) .pa-table-card__body {
8979
+ position: relative;
8980
+ overflow: hidden;
8981
+ }
8982
+
9090
8983
  .pa-table-card__header {
9091
8984
  padding: 0.5rem 1rem;
9092
8985
  min-height: 4rem;
@@ -9156,23 +9049,50 @@ web-multiselect {
9156
9049
 
9157
9050
  .pa-table-card__body .pa-table th:first-child,
9158
9051
  .pa-table-card__body .pa-table td:first-child {
9159
- padding-left: 1rem;
9052
+ padding-inline-start: 1rem;
9160
9053
  }
9161
9054
 
9162
9055
  .pa-table-card__body .pa-table th:last-child,
9163
9056
  .pa-table-card__body .pa-table td:last-child {
9164
- padding-right: 1rem;
9057
+ padding-inline-end: 1rem;
9165
9058
  }
9166
9059
 
9167
9060
  .pa-table-card__body .pa-table tbody tr:last-child td {
9168
9061
  border-bottom: none;
9169
9062
  }
9170
9063
 
9064
+ .pa-table-card__body .pa-detail-view {
9065
+ height: 100%;
9066
+ }
9067
+
9068
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table {
9069
+ border-radius: 0;
9070
+ }
9071
+
9072
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table th:first-child,
9073
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table td:first-child {
9074
+ padding-inline-start: 1rem;
9075
+ }
9076
+
9077
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table th:last-child,
9078
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table td:last-child {
9079
+ padding-inline-end: 1rem;
9080
+ }
9081
+
9082
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main .pa-table tbody tr:last-child td {
9083
+ border-bottom: none;
9084
+ }
9085
+
9086
+ .pa-table-card__body .pa-detail-view .pa-detail-view__main web-grid {
9087
+ --wg-cell-padding-left: 1rem;
9088
+ --wg-cell-padding-right: 1rem;
9089
+ }
9090
+
9171
9091
  .pa-table-card__footer {
9172
9092
  padding: 1.2rem 1rem;
9173
9093
  border-top: 1px solid var(--pa-border-color);
9174
- border-bottom-left-radius: 8px;
9175
- border-bottom-right-radius: 8px;
9094
+ border-end-start-radius: 8px;
9095
+ border-end-end-radius: 8px;
9176
9096
  background: var(--pa-card-footer-bg);
9177
9097
  display: flex;
9178
9098
  justify-content: space-between;
@@ -9363,16 +9283,19 @@ web-multiselect {
9363
9283
  background: transparent;
9364
9284
  border-bottom: none;
9365
9285
  border-radius: 0;
9366
- padding-left: 0;
9367
- padding-right: 0;
9286
+ padding-inline: 0;
9287
+ }
9288
+
9289
+ .pa-table-card--plain .pa-table-card__body:has(.pa-detail-view--overlay) {
9290
+ position: relative;
9291
+ overflow: hidden;
9368
9292
  }
9369
9293
 
9370
9294
  .pa-table-card--plain .pa-table-card__footer {
9371
9295
  background: transparent;
9372
9296
  border-top: none;
9373
9297
  border-radius: 0;
9374
- padding-left: 0;
9375
- padding-right: 0;
9298
+ padding-inline: 0;
9376
9299
  }
9377
9300
 
9378
9301
  .pa-table {
@@ -9385,7 +9308,7 @@ web-multiselect {
9385
9308
  .pa-table th,
9386
9309
  .pa-table td {
9387
9310
  padding: 0.8rem 0.8rem;
9388
- text-align: left;
9311
+ text-align: start;
9389
9312
  border-bottom: 1px solid var(--pa-border-color);
9390
9313
  vertical-align: middle;
9391
9314
  line-height: 1.2;
@@ -9610,7 +9533,7 @@ web-multiselect {
9610
9533
  .pa-load-more__count {
9611
9534
  color: var(--pa-text-color-2);
9612
9535
  font-size: 1.2rem;
9613
- margin-left: 0.4rem;
9536
+ margin-inline-start: 0.4rem;
9614
9537
  }
9615
9538
 
9616
9539
  .pa-virtual-table {
@@ -9636,13 +9559,13 @@ web-multiselect {
9636
9559
  .pa-virtual-table__header-cell {
9637
9560
  padding: 0.5rem 0.8rem;
9638
9561
  font-weight: 600;
9639
- border-right: 1px solid var(--pa-border-color);
9562
+ border-inline-end: 1px solid var(--pa-border-color);
9640
9563
  background: var(--pa-table-header-bg);
9641
9564
  color: var(--pa-text-color-1);
9642
9565
  }
9643
9566
 
9644
9567
  .pa-virtual-table__header-cell:last-child {
9645
- border-right: none;
9568
+ border-inline-end: none;
9646
9569
  }
9647
9570
 
9648
9571
  .pa-virtual-table__body {
@@ -9666,7 +9589,7 @@ web-multiselect {
9666
9589
 
9667
9590
  .pa-virtual-table__cell {
9668
9591
  padding: 0.5rem 0.8rem;
9669
- border-right: 1px solid var(--pa-border-color);
9592
+ border-inline-end: 1px solid var(--pa-border-color);
9670
9593
  overflow: hidden;
9671
9594
  text-overflow: ellipsis;
9672
9595
  white-space: nowrap;
@@ -9675,15 +9598,14 @@ web-multiselect {
9675
9598
  }
9676
9599
 
9677
9600
  .pa-virtual-table__cell:last-child {
9678
- border-right: none;
9601
+ border-inline-end: none;
9679
9602
  }
9680
9603
 
9681
9604
  @media (max-width: 1024px) and (min-width: 769px) {
9682
9605
  .pa-table--responsive {
9683
9606
  overflow-x: auto;
9684
9607
  -webkit-overflow-scrolling: touch;
9685
- border-left: 1px solid var(--pa-border-color);
9686
- border-right: 1px solid var(--pa-border-color);
9608
+ border-inline: 1px solid var(--pa-border-color);
9687
9609
  }
9688
9610
  }
9689
9611
  @media (max-width: 768px) {
@@ -9702,7 +9624,7 @@ web-multiselect {
9702
9624
  }
9703
9625
  .pa-table--responsive tbody td {
9704
9626
  display: block;
9705
- text-align: right;
9627
+ text-align: end;
9706
9628
  padding: 1.2rem;
9707
9629
  position: relative;
9708
9630
  border-bottom: 1px solid var(--pa-border-color);
@@ -9713,14 +9635,14 @@ web-multiselect {
9713
9635
  .pa-table--responsive tbody td::before {
9714
9636
  content: attr(data-label);
9715
9637
  position: absolute;
9716
- left: 1.2rem;
9638
+ inset-inline-start: 1.2rem;
9717
9639
  top: 1.2rem;
9718
9640
  font-weight: 600;
9719
- text-align: left;
9641
+ text-align: start;
9720
9642
  width: 40%;
9721
9643
  }
9722
9644
  .pa-table--responsive tbody td {
9723
- padding-left: calc(40% + 2.4rem);
9645
+ padding-inline-start: calc(40% + 2.4rem);
9724
9646
  }
9725
9647
  .pa-table--responsive .col-auto {
9726
9648
  width: auto;
@@ -9745,8 +9667,7 @@ web-multiselect {
9745
9667
  display: block;
9746
9668
  overflow-x: auto;
9747
9669
  -webkit-overflow-scrolling: touch;
9748
- border-left: 1px solid var(--pa-border-color);
9749
- border-right: 1px solid var(--pa-border-color);
9670
+ border-inline: 1px solid var(--pa-border-color);
9750
9671
  }
9751
9672
  }
9752
9673
  @media (max-width: 768px) {
@@ -9834,7 +9755,7 @@ web-multiselect {
9834
9755
  .pa-comparison-table thead th {
9835
9756
  background-color: var(--pa-table-header-bg);
9836
9757
  font-weight: 600;
9837
- text-align: left;
9758
+ text-align: start;
9838
9759
  padding: 0.8rem 1.6rem;
9839
9760
  border-bottom: 2px solid var(--pa-border-color);
9840
9761
  }
@@ -9891,7 +9812,7 @@ tbody tr:hover .pa-comparison-table__copy {
9891
9812
  .pa-comparison-table__changed::before {
9892
9813
  content: "";
9893
9814
  position: absolute;
9894
- left: 0;
9815
+ inset-inline-start: 0;
9895
9816
  top: 0;
9896
9817
  bottom: 0;
9897
9818
  width: 2px;
@@ -9953,7 +9874,7 @@ tbody tr:hover .pa-comparison-table__copy {
9953
9874
  .pa-comparison-table tbody td::before {
9954
9875
  content: attr(data-label);
9955
9876
  font-weight: 600;
9956
- margin-right: 0.8rem;
9877
+ margin-inline-end: 0.8rem;
9957
9878
  min-width: 120px;
9958
9879
  }
9959
9880
  .pa-comparison-table__label {
@@ -9997,19 +9918,19 @@ code {
9997
9918
 
9998
9919
  .pa-code--numbered {
9999
9920
  counter-reset: line;
10000
- padding-left: 5.6rem;
9921
+ padding-inline-start: 5.6rem;
10001
9922
  position: relative;
10002
9923
  }
10003
9924
 
10004
9925
  .pa-code--numbered::before {
10005
9926
  content: "";
10006
9927
  position: absolute;
10007
- left: 0;
9928
+ inset-inline-start: 0;
10008
9929
  top: 0;
10009
9930
  bottom: 0;
10010
9931
  width: 4.4rem;
10011
9932
  background-color: rgba(0, 0, 0, 0.05);
10012
- border-right: 1px solid var(--pa-border-color);
9933
+ border-inline-end: 1px solid var(--pa-border-color);
10013
9934
  }
10014
9935
 
10015
9936
  .pa-code--compact {
@@ -10018,31 +9939,31 @@ code {
10018
9939
  }
10019
9940
 
10020
9941
  .pa-code--json {
10021
- border-left: 2px solid #f59e0b;
9942
+ border-inline-start: 2px solid #f59e0b;
10022
9943
  }
10023
9944
 
10024
9945
  .pa-code--javascript {
10025
- border-left: 2px solid #f0db4f;
9946
+ border-inline-start: 2px solid #f0db4f;
10026
9947
  }
10027
9948
 
10028
9949
  .pa-code--html {
10029
- border-left: 2px solid #e34c26;
9950
+ border-inline-start: 2px solid #e34c26;
10030
9951
  }
10031
9952
 
10032
9953
  .pa-code--css {
10033
- border-left: 2px solid #264de4;
9954
+ border-inline-start: 2px solid #264de4;
10034
9955
  }
10035
9956
 
10036
9957
  .pa-code--bash {
10037
- border-left: 2px solid #4eaa25;
9958
+ border-inline-start: 2px solid #4eaa25;
10038
9959
  }
10039
9960
 
10040
9961
  .pa-code--sql {
10041
- border-left: 2px solid #00758f;
9962
+ border-inline-start: 2px solid #00758f;
10042
9963
  }
10043
9964
 
10044
9965
  .pa-code--python {
10045
- border-left: 2px solid #3776ab;
9966
+ border-inline-start: 2px solid #3776ab;
10046
9967
  }
10047
9968
 
10048
9969
  .pa-code-block {
@@ -10237,7 +10158,7 @@ code {
10237
10158
  .pa-load-more__count {
10238
10159
  color: var(--pa-text-color-2);
10239
10160
  font-size: 1.2rem;
10240
- margin-left: 0.4rem;
10161
+ margin-inline-start: 0.4rem;
10241
10162
  }
10242
10163
 
10243
10164
  /* ========================================
@@ -10285,7 +10206,7 @@ code {
10285
10206
  .pa-profile-panel {
10286
10207
  position: fixed;
10287
10208
  top: 0;
10288
- right: 0;
10209
+ inset-inline-end: 0;
10289
10210
  height: 100vh;
10290
10211
  z-index: 5000;
10291
10212
  pointer-events: none;
@@ -10307,7 +10228,7 @@ code {
10307
10228
  .pa-profile-panel__overlay {
10308
10229
  position: absolute;
10309
10230
  top: 0;
10310
- left: 0;
10231
+ inset-inline-start: 0;
10311
10232
  width: 100vw;
10312
10233
  height: 100vh;
10313
10234
  background-color: var(--pa-profile-overlay-bg);
@@ -10317,7 +10238,7 @@ code {
10317
10238
  .pa-profile-panel__content {
10318
10239
  position: absolute;
10319
10240
  top: 0;
10320
- right: 0;
10241
+ inset-inline-end: 0;
10321
10242
  height: 100vh;
10322
10243
  background-color: var(--pa-card-bg);
10323
10244
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
@@ -10328,6 +10249,10 @@ code {
10328
10249
  overflow: hidden;
10329
10250
  }
10330
10251
 
10252
+ [dir=rtl] .pa-profile-panel__content {
10253
+ transform: translateX(-100%);
10254
+ }
10255
+
10331
10256
  .pa-profile-panel__header {
10332
10257
  padding: 2.4rem;
10333
10258
  background-color: var(--pa-header-bg);
@@ -10361,7 +10286,7 @@ code {
10361
10286
  .pa-profile-panel__info {
10362
10287
  flex: 1;
10363
10288
  min-width: 0;
10364
- padding-right: 3.2rem;
10289
+ padding-inline-end: 3.2rem;
10365
10290
  }
10366
10291
 
10367
10292
  .pa-profile-panel__name {
@@ -10398,7 +10323,7 @@ code {
10398
10323
  .pa-profile-panel__close {
10399
10324
  position: absolute;
10400
10325
  top: 1.6rem;
10401
- right: 1.6rem;
10326
+ inset-inline-end: 1.6rem;
10402
10327
  width: 3.2rem;
10403
10328
  height: 3.2rem;
10404
10329
  background: none;
@@ -10568,7 +10493,7 @@ code {
10568
10493
 
10569
10494
  .pa-profile-panel__favorite-remove {
10570
10495
  opacity: 0;
10571
- margin-left: auto;
10496
+ margin-inline-start: auto;
10572
10497
  background: none;
10573
10498
  border: none;
10574
10499
  padding: 0.4rem;
@@ -10609,10 +10534,7 @@ code {
10609
10534
  ======================================== */
10610
10535
  .pa-modal {
10611
10536
  position: fixed;
10612
- top: 0;
10613
- left: 0;
10614
- width: 100%;
10615
- height: 100%;
10537
+ inset: 0;
10616
10538
  display: none;
10617
10539
  justify-content: center;
10618
10540
  align-items: center;
@@ -10630,10 +10552,7 @@ code {
10630
10552
 
10631
10553
  .pa-modal__backdrop {
10632
10554
  position: fixed;
10633
- top: 0;
10634
- left: 0;
10635
- width: 100%;
10636
- height: 100%;
10555
+ inset: 0;
10637
10556
  background-color: var(--pa-modal-overlay-bg);
10638
10557
  z-index: 6000;
10639
10558
  }
@@ -10791,38 +10710,46 @@ code {
10791
10710
  gap: 1.2rem;
10792
10711
  }
10793
10712
 
10794
- .pa-toast-container--top-right {
10713
+ .pa-toast-container--top-end {
10795
10714
  top: 2.4rem;
10796
- right: 2.4rem;
10715
+ inset-inline-end: 2.4rem;
10797
10716
  }
10798
10717
 
10799
- .pa-toast-container--top-left {
10718
+ .pa-toast-container--top-start {
10800
10719
  top: 2.4rem;
10801
- left: 2.4rem;
10720
+ inset-inline-start: 2.4rem;
10802
10721
  }
10803
10722
 
10804
- .pa-toast-container--bottom-right {
10723
+ .pa-toast-container--bottom-end {
10805
10724
  bottom: 2.4rem;
10806
- right: 2.4rem;
10725
+ inset-inline-end: 2.4rem;
10807
10726
  }
10808
10727
 
10809
- .pa-toast-container--bottom-left {
10728
+ .pa-toast-container--bottom-start {
10810
10729
  bottom: 2.4rem;
10811
- left: 2.4rem;
10730
+ inset-inline-start: 2.4rem;
10812
10731
  }
10813
10732
 
10814
10733
  .pa-toast-container--top-center {
10815
10734
  top: 2.4rem;
10816
- left: 50%;
10735
+ inset-inline-start: 50%;
10817
10736
  transform: translateX(-50%);
10818
10737
  }
10819
10738
 
10739
+ [dir=rtl] .pa-toast-container--top-center {
10740
+ transform: translateX(50%);
10741
+ }
10742
+
10820
10743
  .pa-toast-container--bottom-center {
10821
10744
  bottom: 2.4rem;
10822
- left: 50%;
10745
+ inset-inline-start: 50%;
10823
10746
  transform: translateX(-50%);
10824
10747
  }
10825
10748
 
10749
+ [dir=rtl] .pa-toast-container--bottom-center {
10750
+ transform: translateX(50%);
10751
+ }
10752
+
10826
10753
  .pa-toast {
10827
10754
  background-color: var(--pa-card-bg);
10828
10755
  border: 1px solid var(--pa-border-color);
@@ -10852,15 +10779,39 @@ code {
10852
10779
  transform: translateX(100%);
10853
10780
  }
10854
10781
 
10855
- .pa-toast-container--top-left .pa-toast, .pa-toast-container--bottom-left .pa-toast {
10782
+ .pa-toast-container--top-start .pa-toast, .pa-toast-container--bottom-start .pa-toast {
10856
10783
  transform: translateX(-100%);
10857
10784
  }
10858
10785
 
10859
- .pa-toast-container--top-left .pa-toast.pa-toast--show, .pa-toast-container--bottom-left .pa-toast.pa-toast--show {
10786
+ .pa-toast-container--top-start .pa-toast.pa-toast--show, .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10860
10787
  transform: translateX(0);
10861
10788
  }
10862
10789
 
10863
- .pa-toast-container--top-left .pa-toast.pa-toast--hide, .pa-toast-container--bottom-left .pa-toast.pa-toast--hide {
10790
+ .pa-toast-container--top-start .pa-toast.pa-toast--hide, .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10791
+ transform: translateX(-100%);
10792
+ }
10793
+
10794
+ [dir=rtl] .pa-toast-container--top-start .pa-toast, [dir=rtl] .pa-toast-container--bottom-start .pa-toast {
10795
+ transform: translateX(100%);
10796
+ }
10797
+
10798
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10799
+ transform: translateX(0);
10800
+ }
10801
+
10802
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--hide, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10803
+ transform: translateX(100%);
10804
+ }
10805
+
10806
+ [dir=rtl] .pa-toast-container--top-end .pa-toast, [dir=rtl] .pa-toast-container--bottom-end .pa-toast {
10807
+ transform: translateX(-100%);
10808
+ }
10809
+
10810
+ [dir=rtl] .pa-toast-container--top-end .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-end .pa-toast.pa-toast--show {
10811
+ transform: translateX(0);
10812
+ }
10813
+
10814
+ [dir=rtl] .pa-toast-container--top-end .pa-toast.pa-toast--hide, [dir=rtl] .pa-toast-container--bottom-end .pa-toast.pa-toast--hide {
10864
10815
  transform: translateX(-100%);
10865
10816
  }
10866
10817
 
@@ -10937,7 +10888,7 @@ code {
10937
10888
  .pa-toast__progress {
10938
10889
  position: absolute;
10939
10890
  bottom: 0;
10940
- left: 0;
10891
+ inset-inline-start: 0;
10941
10892
  height: 3px;
10942
10893
  background-color: currentColor;
10943
10894
  opacity: 0.3;
@@ -11011,14 +10962,13 @@ code {
11011
10962
 
11012
10963
  @media (max-width: 768px) {
11013
10964
  .pa-toast-container {
11014
- left: 1.2rem !important;
11015
- right: 1.2rem !important;
10965
+ inset-inline: 1.2rem !important;
11016
10966
  transform: none !important;
11017
10967
  }
11018
- .pa-toast-container--top-right, .pa-toast-container--top-left, .pa-toast-container--top-center {
10968
+ .pa-toast-container--top-end, .pa-toast-container--top-start, .pa-toast-container--top-center {
11019
10969
  top: 1.2rem;
11020
10970
  }
11021
- .pa-toast-container--bottom-right, .pa-toast-container--bottom-left, .pa-toast-container--bottom-center {
10971
+ .pa-toast-container--bottom-end, .pa-toast-container--bottom-start, .pa-toast-container--bottom-center {
11022
10972
  bottom: 1.2rem;
11023
10973
  }
11024
10974
  .pa-toast {
@@ -11040,9 +10990,9 @@ code {
11040
10990
  }
11041
10991
 
11042
10992
  .pa-timeline--simple {
11043
- border-left: 1px solid var(--pa-border-color);
11044
- margin-left: 10px;
11045
- padding-left: 20px;
10993
+ border-inline-start: 1px solid var(--pa-border-color);
10994
+ margin-inline-start: 10px;
10995
+ padding-inline-start: 20px;
11046
10996
  }
11047
10997
 
11048
10998
  .pa-timeline--simple .pa-timeline__item {
@@ -11058,7 +11008,7 @@ code {
11058
11008
  .pa-timeline--simple .pa-timeline__item::before {
11059
11009
  content: "";
11060
11010
  position: absolute;
11061
- left: -30px;
11011
+ inset-inline-start: -30px;
11062
11012
  top: 0;
11063
11013
  width: 15px;
11064
11014
  height: 15px;
@@ -11573,10 +11523,7 @@ code {
11573
11523
  ======================================== */
11574
11524
  .pa-command-palette {
11575
11525
  position: fixed;
11576
- top: 0;
11577
- left: 0;
11578
- right: 0;
11579
- bottom: 0;
11526
+ inset: 0;
11580
11527
  z-index: 10500;
11581
11528
  display: none;
11582
11529
  align-items: flex-start;
@@ -11590,10 +11537,7 @@ code {
11590
11537
 
11591
11538
  .pa-command-palette__backdrop {
11592
11539
  position: absolute;
11593
- top: 0;
11594
- left: 0;
11595
- right: 0;
11596
- bottom: 0;
11540
+ inset: 0;
11597
11541
  background-color: var(--pa-command-palette-backdrop-bg);
11598
11542
  backdrop-filter: blur(4px);
11599
11543
  animation: fadeIn 0.15s ease;
@@ -11630,7 +11574,7 @@ code {
11630
11574
  }
11631
11575
 
11632
11576
  .pa-command-palette__tokens .pa-badge__remove {
11633
- margin-left: 0.4rem;
11577
+ margin-inline-start: 0.4rem;
11634
11578
  padding: 0 0.4rem;
11635
11579
  border: none;
11636
11580
  background: transparent;
@@ -11671,7 +11615,7 @@ code {
11671
11615
 
11672
11616
  .pa-command-palette__context {
11673
11617
  position: absolute;
11674
- right: calc(0.8rem + 0.8rem);
11618
+ inset-inline-end: calc(0.8rem + 0.8rem);
11675
11619
  top: 50%;
11676
11620
  transform: translateY(-50%);
11677
11621
  font-size: 1.2rem;
@@ -11698,10 +11642,7 @@ code {
11698
11642
  .pa-command-palette__results--loading::after {
11699
11643
  content: "";
11700
11644
  position: absolute;
11701
- top: 0;
11702
- left: 0;
11703
- right: 0;
11704
- bottom: 0;
11645
+ inset: 0;
11705
11646
  background-color: rgba(255, 255, 255, 0.7);
11706
11647
  pointer-events: none;
11707
11648
  z-index: 1;
@@ -12765,14 +12706,14 @@ code {
12765
12706
  min-width: 0;
12766
12707
  overflow: hidden;
12767
12708
  flex-shrink: 0;
12768
- border-left: 0 solid var(--pa-border-color);
12709
+ border-inline-start: 0 solid var(--pa-border-color);
12769
12710
  }
12770
12711
 
12771
12712
  .pa-detail-view__panel--open {
12772
12713
  width: var(--pa-local-detail-panel-width);
12773
12714
  min-width: 28rem;
12774
12715
  max-width: var(--pa-local-detail-panel-max-width);
12775
- border-left-width: 1px;
12716
+ border-inline-start-width: 1px;
12776
12717
  overflow: visible;
12777
12718
  }
12778
12719
 
@@ -12784,19 +12725,20 @@ code {
12784
12725
  .pa-detail-view--overlay .pa-detail-view__panel {
12785
12726
  position: absolute;
12786
12727
  top: 0;
12787
- right: 0;
12728
+ inset-inline-end: 0;
12788
12729
  height: 100%;
12789
- z-index: 2;
12730
+ z-index: 3501;
12731
+ }
12732
+
12733
+ .pa-detail-view--overlay .pa-detail-view__panel--open {
12734
+ max-width: 100%;
12790
12735
  }
12791
12736
 
12792
12737
  .pa-detail-view__overlay {
12793
12738
  position: absolute;
12794
- top: 0;
12795
- left: 0;
12796
- width: 100%;
12797
- height: 100%;
12739
+ inset: 0;
12798
12740
  background-color: var(--pa-detail-panel-overlay-bg);
12799
- z-index: 1;
12741
+ z-index: 3500;
12800
12742
  opacity: 0;
12801
12743
  visibility: hidden;
12802
12744
  cursor: pointer;
@@ -12809,9 +12751,7 @@ code {
12809
12751
 
12810
12752
  .pa-detail-panel--overlay {
12811
12753
  position: fixed;
12812
- top: 0;
12813
- right: 0;
12814
- height: 100vh;
12754
+ inset: 0;
12815
12755
  z-index: var(--pa-detail-panel-z-index);
12816
12756
  pointer-events: none;
12817
12757
  opacity: 0;
@@ -12840,6 +12780,7 @@ code {
12840
12780
  position: absolute;
12841
12781
  top: 0;
12842
12782
  right: 0;
12783
+ left: auto;
12843
12784
  height: 100vh;
12844
12785
  width: var(--pa-local-detail-panel-width);
12845
12786
  max-width: var(--pa-local-detail-panel-max-width);
@@ -12847,12 +12788,19 @@ code {
12847
12788
  transform: translateX(100%);
12848
12789
  }
12849
12790
 
12791
+ [dir=rtl] .pa-detail-panel--overlay .pa-detail-panel__content {
12792
+ right: auto;
12793
+ left: 0;
12794
+ transform: translateX(-100%);
12795
+ }
12796
+
12797
+ [dir=rtl] .pa-detail-panel--overlay.pa-detail-panel--open .pa-detail-panel__content {
12798
+ transform: translateX(0);
12799
+ }
12800
+
12850
12801
  .pa-detail-panel__overlay {
12851
12802
  position: absolute;
12852
- top: 0;
12853
- left: 0;
12854
- width: 100vw;
12855
- height: 100vh;
12803
+ inset: 0;
12856
12804
  background-color: var(--pa-detail-panel-overlay-bg);
12857
12805
  cursor: pointer;
12858
12806
  }
@@ -12944,7 +12892,7 @@ code {
12944
12892
  .pa-detail-panel-resize {
12945
12893
  position: absolute;
12946
12894
  top: 0;
12947
- left: 0;
12895
+ inset-inline-start: 0;
12948
12896
  width: 6px;
12949
12897
  height: 100%;
12950
12898
  cursor: col-resize;
@@ -12976,9 +12924,7 @@ code {
12976
12924
  .pa-detail-panel--mobile-overlay {
12977
12925
  display: block;
12978
12926
  position: fixed;
12979
- top: 0;
12980
- right: 0;
12981
- height: 100vh;
12927
+ inset: 0;
12982
12928
  z-index: var(--pa-detail-panel-z-index);
12983
12929
  pointer-events: none;
12984
12930
  opacity: 0;
@@ -12996,18 +12942,24 @@ code {
12996
12942
  position: absolute;
12997
12943
  top: 0;
12998
12944
  right: 0;
12945
+ left: auto;
12999
12946
  height: 100vh;
13000
12947
  width: 90vw;
13001
12948
  max-width: none;
13002
12949
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
13003
12950
  transform: translateX(100%);
13004
12951
  }
12952
+ [dir=rtl] .pa-detail-panel--mobile-overlay .pa-detail-panel__content {
12953
+ right: auto;
12954
+ left: 0;
12955
+ transform: translateX(-100%);
12956
+ }
12957
+ [dir=rtl] .pa-detail-panel--mobile-overlay.pa-detail-panel--open .pa-detail-panel__content {
12958
+ transform: translateX(0);
12959
+ }
13005
12960
  .pa-detail-panel--mobile-overlay .pa-detail-panel__overlay {
13006
12961
  position: absolute;
13007
- top: 0;
13008
- left: 0;
13009
- width: 100vw;
13010
- height: 100vh;
12962
+ inset: 0;
13011
12963
  background-color: var(--pa-detail-panel-overlay-bg);
13012
12964
  cursor: pointer;
13013
12965
  }
@@ -13018,23 +12970,26 @@ code {
13018
12970
  ======================================== */
13019
12971
  .pa-settings-panel {
13020
12972
  position: fixed;
13021
- right: -320px;
12973
+ inset-inline-end: -320px;
13022
12974
  top: 15vh;
13023
12975
  z-index: 10000;
13024
12976
  width: 320px;
13025
- transition: right 0.3s ease;
12977
+ transition: inset-inline-end 0.3s ease;
13026
12978
  }
13027
12979
 
13028
12980
  .pa-settings-panel__toggle {
13029
12981
  position: absolute;
13030
- right: 320px;
12982
+ inset-inline-end: 320px;
13031
12983
  top: 0;
13032
12984
  width: 40px;
13033
12985
  height: 40px;
13034
12986
  background: #007bff;
13035
12987
  color: white;
13036
12988
  border: none;
13037
- border-radius: 4px 0 0 4px;
12989
+ border-start-start-radius: 4px;
12990
+ border-end-start-radius: 4px;
12991
+ border-start-end-radius: 0;
12992
+ border-end-end-radius: 0;
13038
12993
  cursor: pointer;
13039
12994
  font-size: 2rem;
13040
12995
  display: flex;
@@ -13047,14 +13002,17 @@ code {
13047
13002
  .pa-settings-panel__toggle:hover {
13048
13003
  background: rgba(0, 123, 255, 0.12);
13049
13004
  width: 45px;
13050
- right: 325px;
13005
+ inset-inline-end: 325px;
13051
13006
  }
13052
13007
 
13053
13008
  .pa-settings-panel__content {
13054
13009
  background: var(--pa-subtle-bg);
13055
13010
  border: 1px solid var(--pa-border-color);
13056
- border-right: none;
13057
- border-radius: 4px 0 0 4px;
13011
+ border-inline-end: none;
13012
+ border-start-start-radius: 4px;
13013
+ border-end-start-radius: 4px;
13014
+ border-start-end-radius: 0;
13015
+ border-end-end-radius: 0;
13058
13016
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
13059
13017
  padding: 2.4rem;
13060
13018
  width: 100%;
@@ -13106,6 +13064,13 @@ code {
13106
13064
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
13107
13065
  }
13108
13066
 
13067
+ .pa-settings-panel__hint {
13068
+ display: block;
13069
+ margin-top: 0.4rem;
13070
+ color: var(--pa-text-color-3);
13071
+ font-size: 1.2rem;
13072
+ }
13073
+
13109
13074
  .pa-settings-panel__checkbox-group {
13110
13075
  display: flex;
13111
13076
  flex-direction: column;
@@ -13121,7 +13086,7 @@ code {
13121
13086
  }
13122
13087
 
13123
13088
  .pa-settings-panel__checkbox input[type=checkbox] {
13124
- margin-right: 0.8rem;
13089
+ margin-inline-end: 0.8rem;
13125
13090
  cursor: pointer;
13126
13091
  }
13127
13092
 
@@ -13130,7 +13095,7 @@ code {
13130
13095
  }
13131
13096
 
13132
13097
  .pa-settings-panel--open {
13133
- right: 0;
13098
+ inset-inline-end: 0;
13134
13099
  }
13135
13100
 
13136
13101
  .pa-settings-panel--open .pa-settings-panel__toggle {
@@ -13204,7 +13169,7 @@ code {
13204
13169
  content: "Click to copy";
13205
13170
  font-size: 1rem;
13206
13171
  opacity: 0;
13207
- margin-left: 0.8rem;
13172
+ margin-inline-start: 0.8rem;
13208
13173
  transition: opacity 0.15s;
13209
13174
  }
13210
13175
 
@@ -13271,8 +13236,8 @@ code {
13271
13236
  display: flex;
13272
13237
  flex-direction: column;
13273
13238
  gap: 1.6rem;
13274
- border-left: 3px solid #007bff;
13275
- padding-left: 1.6rem;
13239
+ border-inline-start: 3px solid #007bff;
13240
+ padding-inline-start: 1.6rem;
13276
13241
  }
13277
13242
 
13278
13243
  .pa-fields--cols-2, .pa-fields--cols-3, .pa-fields--cols-4 {
@@ -13466,52 +13431,28 @@ code {
13466
13431
  }
13467
13432
 
13468
13433
  .pa-fields--no-border {
13469
- border-left: none;
13470
- padding-left: 0;
13434
+ border-inline-start: none;
13435
+ padding-inline-start: 0;
13471
13436
  }
13472
13437
 
13473
13438
  /* ========================================
13474
13439
  Utility Components
13475
13440
  Font utilities, compact mode, component showcase
13476
13441
  ======================================== */
13477
- html.font-size-2xs {
13478
- font-size: 1rem;
13479
- }
13480
-
13481
- html.font-size-xs {
13482
- font-size: 1.2rem;
13483
- }
13484
-
13485
13442
  html.font-size-small {
13486
- font-size: 1.4rem;
13487
- }
13488
-
13489
- html.font-size-medium {
13490
- font-size: 1.5rem;
13443
+ font-size: 9px;
13491
13444
  }
13492
13445
 
13493
13446
  html.font-size-default {
13494
- font-size: 1.6rem;
13447
+ font-size: 10px;
13495
13448
  }
13496
13449
 
13497
13450
  html.font-size-large {
13498
- font-size: 1.8rem;
13451
+ font-size: 11px;
13499
13452
  }
13500
13453
 
13501
13454
  html.font-size-xlarge {
13502
- font-size: 2rem;
13503
- }
13504
-
13505
- html.font-size-2xl {
13506
- font-size: 2.4rem;
13507
- }
13508
-
13509
- html.font-size-3xl {
13510
- font-size: 2.8rem;
13511
- }
13512
-
13513
- html.font-size-4xl {
13514
- font-size: 3.2rem;
13455
+ font-size: 12px;
13515
13456
  }
13516
13457
 
13517
13458
  .font-family-serif {
@@ -13667,6 +13608,62 @@ html.font-size-4xl {
13667
13608
  max-height: 50rem;
13668
13609
  }
13669
13610
 
13611
+ .h-full {
13612
+ height: 100%;
13613
+ }
13614
+
13615
+ .h-screen {
13616
+ height: 100vh;
13617
+ }
13618
+
13619
+ .min-h-full {
13620
+ min-height: 100%;
13621
+ }
13622
+
13623
+ .min-h-screen {
13624
+ min-height: 100vh;
13625
+ }
13626
+
13627
+ .max-h-full {
13628
+ max-height: 100%;
13629
+ }
13630
+
13631
+ .max-h-screen {
13632
+ max-height: 100vh;
13633
+ }
13634
+
13635
+ .flex-1 {
13636
+ flex: 1 1 0%;
13637
+ }
13638
+
13639
+ .flex-auto {
13640
+ flex: 1 1 auto;
13641
+ }
13642
+
13643
+ .flex-initial {
13644
+ flex: 0 1 auto;
13645
+ }
13646
+
13647
+ .flex-none {
13648
+ flex: none;
13649
+ }
13650
+
13651
+ .flex-grow {
13652
+ flex-grow: 1;
13653
+ }
13654
+
13655
+ .flex-grow-0 {
13656
+ flex-grow: 0;
13657
+ }
13658
+
13659
+ .flex-shrink {
13660
+ flex-shrink: 1;
13661
+ }
13662
+
13663
+ .flex-shrink-0 {
13664
+ flex-shrink: 0;
13665
+ }
13666
+
13670
13667
  .overflow-auto {
13671
13668
  overflow: auto;
13672
13669
  }
@@ -13702,6 +13699,10 @@ html.font-size-4xl {
13702
13699
  overflow-x: overlay;
13703
13700
  }
13704
13701
 
13702
+ .pa-scroll-lock {
13703
+ overflow: hidden !important;
13704
+ }
13705
+
13705
13706
  .cursor-pointer {
13706
13707
  cursor: pointer;
13707
13708
  }
@@ -13775,16 +13776,24 @@ html.font-size-4xl {
13775
13776
  color: var(--pa-text-color-2);
13776
13777
  }
13777
13778
 
13778
- .pa-text--left {
13779
- text-align: left;
13779
+ .pa-text--start {
13780
+ text-align: start;
13780
13781
  }
13781
13782
 
13782
13783
  .pa-text--center {
13783
13784
  text-align: center;
13784
13785
  }
13785
13786
 
13787
+ .pa-text--end {
13788
+ text-align: end;
13789
+ }
13790
+
13791
+ .pa-text--left {
13792
+ text-align: start;
13793
+ }
13794
+
13786
13795
  .pa-text--right {
13787
- text-align: right;
13796
+ text-align: end;
13788
13797
  }
13789
13798
 
13790
13799
  .pa-text--caption {
@@ -14164,6 +14173,162 @@ html.font-size-4xl {
14164
14173
  border-color: var(--pa-color-9);
14165
14174
  }
14166
14175
 
14176
+ .ms-0 {
14177
+ margin-inline-start: 0;
14178
+ }
14179
+
14180
+ .ms-xs {
14181
+ margin-inline-start: 0.4rem;
14182
+ }
14183
+
14184
+ .ms-sm {
14185
+ margin-inline-start: 0.8rem;
14186
+ }
14187
+
14188
+ .ms-md {
14189
+ margin-inline-start: 1.2rem;
14190
+ }
14191
+
14192
+ .ms-base {
14193
+ margin-inline-start: 1.6rem;
14194
+ }
14195
+
14196
+ .ms-lg {
14197
+ margin-inline-start: 2.4rem;
14198
+ }
14199
+
14200
+ .ms-xl {
14201
+ margin-inline-start: 3.2rem;
14202
+ }
14203
+
14204
+ .ms-2xl {
14205
+ margin-inline-start: 4.8rem;
14206
+ }
14207
+
14208
+ .ms-auto {
14209
+ margin-inline-start: auto;
14210
+ }
14211
+
14212
+ .me-0 {
14213
+ margin-inline-end: 0;
14214
+ }
14215
+
14216
+ .me-xs {
14217
+ margin-inline-end: 0.4rem;
14218
+ }
14219
+
14220
+ .me-sm {
14221
+ margin-inline-end: 0.8rem;
14222
+ }
14223
+
14224
+ .me-md {
14225
+ margin-inline-end: 1.2rem;
14226
+ }
14227
+
14228
+ .me-base {
14229
+ margin-inline-end: 1.6rem;
14230
+ }
14231
+
14232
+ .me-lg {
14233
+ margin-inline-end: 2.4rem;
14234
+ }
14235
+
14236
+ .me-xl {
14237
+ margin-inline-end: 3.2rem;
14238
+ }
14239
+
14240
+ .me-2xl {
14241
+ margin-inline-end: 4.8rem;
14242
+ }
14243
+
14244
+ .me-auto {
14245
+ margin-inline-end: auto;
14246
+ }
14247
+
14248
+ .ps-0 {
14249
+ padding-inline-start: 0;
14250
+ }
14251
+
14252
+ .ps-xs {
14253
+ padding-inline-start: 0.4rem;
14254
+ }
14255
+
14256
+ .ps-sm {
14257
+ padding-inline-start: 0.8rem;
14258
+ }
14259
+
14260
+ .ps-md {
14261
+ padding-inline-start: 1.2rem;
14262
+ }
14263
+
14264
+ .ps-base {
14265
+ padding-inline-start: 1.6rem;
14266
+ }
14267
+
14268
+ .ps-lg {
14269
+ padding-inline-start: 2.4rem;
14270
+ }
14271
+
14272
+ .ps-xl {
14273
+ padding-inline-start: 3.2rem;
14274
+ }
14275
+
14276
+ .ps-2xl {
14277
+ padding-inline-start: 4.8rem;
14278
+ }
14279
+
14280
+ .pe-0 {
14281
+ padding-inline-end: 0;
14282
+ }
14283
+
14284
+ .pe-xs {
14285
+ padding-inline-end: 0.4rem;
14286
+ }
14287
+
14288
+ .pe-sm {
14289
+ padding-inline-end: 0.8rem;
14290
+ }
14291
+
14292
+ .pe-md {
14293
+ padding-inline-end: 1.2rem;
14294
+ }
14295
+
14296
+ .pe-base {
14297
+ padding-inline-end: 1.6rem;
14298
+ }
14299
+
14300
+ .pe-lg {
14301
+ padding-inline-end: 2.4rem;
14302
+ }
14303
+
14304
+ .pe-xl {
14305
+ padding-inline-end: 3.2rem;
14306
+ }
14307
+
14308
+ .pe-2xl {
14309
+ padding-inline-end: 4.8rem;
14310
+ }
14311
+
14312
+ .text-start {
14313
+ text-align: start;
14314
+ }
14315
+
14316
+ .text-center {
14317
+ text-align: center;
14318
+ }
14319
+
14320
+ .text-end {
14321
+ text-align: end;
14322
+ }
14323
+
14324
+ .text-left {
14325
+ text-align: start;
14326
+ }
14327
+
14328
+ .text-right {
14329
+ text-align: end;
14330
+ }
14331
+
14167
14332
  /* Pure Admin Visual Framework - SCSS Variables Only */
14168
14333
  /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
14169
14334
  .m-0 {