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