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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/express.css +787 -760
  2. package/package.json +1 -1
package/dist/express.css CHANGED
@@ -88,7 +88,8 @@ p {
88
88
 
89
89
  ul, ol {
90
90
  margin: 0 0 1.6rem 0;
91
- padding: 0 0 0 3.2rem;
91
+ padding: 0;
92
+ padding-inline-start: 3.2rem;
92
93
  }
93
94
 
94
95
  ul li, ol li {
@@ -97,7 +98,7 @@ ul li, ol li {
97
98
 
98
99
  ul.unstyled, ol.unstyled {
99
100
  list-style: none;
100
- padding-left: 0;
101
+ padding-inline-start: 0;
101
102
  }
102
103
 
103
104
  ul.unstyled li, ol.unstyled li {
@@ -116,7 +117,7 @@ dd {
116
117
 
117
118
  blockquote {
118
119
  margin: 1.6rem 0 1.6rem 0;
119
- padding: 0 0 0 2.4rem;
120
+ padding-inline-start: 2.4rem;
120
121
  }
121
122
 
122
123
  pre {
@@ -219,8 +220,7 @@ label {
219
220
  .pa-navbar {
220
221
  position: fixed;
221
222
  top: 0;
222
- left: 0;
223
- right: 0;
223
+ inset-inline: 0;
224
224
  height: 4.8rem;
225
225
  background-color: var(--pa-header-bg);
226
226
  border-bottom: 1px solid var(--pa-header-border-color);
@@ -232,42 +232,32 @@ label {
232
232
 
233
233
  body.pa-container-sm .pa-navbar {
234
234
  max-width: 76.8rem;
235
- left: 0;
236
- right: 0;
237
- margin-left: auto;
238
- margin-right: auto;
235
+ inset-inline: 0;
236
+ margin-inline: auto;
239
237
  }
240
238
 
241
239
  body.pa-container-md .pa-navbar {
242
240
  max-width: 102.4rem;
243
- left: 0;
244
- right: 0;
245
- margin-left: auto;
246
- margin-right: auto;
241
+ inset-inline: 0;
242
+ margin-inline: auto;
247
243
  }
248
244
 
249
245
  body.pa-container-lg .pa-navbar {
250
246
  max-width: 128rem;
251
- left: 0;
252
- right: 0;
253
- margin-left: auto;
254
- margin-right: auto;
247
+ inset-inline: 0;
248
+ margin-inline: auto;
255
249
  }
256
250
 
257
251
  body.pa-container-xl .pa-navbar {
258
252
  max-width: 160rem;
259
- left: 0;
260
- right: 0;
261
- margin-left: auto;
262
- margin-right: auto;
253
+ inset-inline: 0;
254
+ margin-inline: auto;
263
255
  }
264
256
 
265
257
  body.pa-container-2xl .pa-navbar {
266
258
  max-width: 192rem;
267
- left: 0;
268
- right: 0;
269
- margin-left: auto;
270
- margin-right: auto;
259
+ inset-inline: 0;
260
+ margin-inline: auto;
271
261
  }
272
262
 
273
263
  .pa-navbar__inner {
@@ -464,7 +454,7 @@ body.pa-layout--sticky .pa-layout__inner {
464
454
 
465
455
  .pa-layout__sidebar {
466
456
  background-color: var(--pa-sidebar-bg);
467
- border-right: 1px solid var(--pa-border-color);
457
+ border-inline-end: 1px solid var(--pa-border-color);
468
458
  flex-shrink: 0;
469
459
  position: relative;
470
460
  }
@@ -472,7 +462,7 @@ body.pa-layout--sticky .pa-layout__inner {
472
462
  .pa-sidebar-resize {
473
463
  position: absolute;
474
464
  top: 0;
475
- right: 0;
465
+ inset-inline-end: 0;
476
466
  width: 6px;
477
467
  height: 100%;
478
468
  cursor: ew-resize;
@@ -483,7 +473,7 @@ body.pa-layout--sticky .pa-layout__inner {
483
473
  content: "";
484
474
  position: absolute;
485
475
  top: 0;
486
- left: 50%;
476
+ inset-inline-start: 50%;
487
477
  transform: translateX(-50%);
488
478
  width: 2px;
489
479
  height: 100%;
@@ -528,7 +518,7 @@ body.pa-layout--sticky .pa-layout__sidebar {
528
518
  color: var(--pa-sidebar-text-secondary);
529
519
  text-decoration: none;
530
520
  font-weight: 500;
531
- border-right: 3px solid transparent;
521
+ border-inline-end: 3px solid transparent;
532
522
  }
533
523
 
534
524
  body.loaded .pa-sidebar__link {
@@ -543,7 +533,7 @@ body.loaded .pa-sidebar__link {
543
533
  .pa-sidebar__link--active {
544
534
  color: var(--pa-sidebar-text);
545
535
  background-color: var(--pa-accent-hover);
546
- border-right-color: var(--pa-accent);
536
+ border-inline-end-color: var(--pa-accent);
547
537
  font-weight: 600;
548
538
  }
549
539
 
@@ -556,7 +546,7 @@ body.loaded .pa-sidebar__link {
556
546
  background: none;
557
547
  border: none;
558
548
  width: 100%;
559
- text-align: left;
549
+ text-align: start;
560
550
  font-weight: 500;
561
551
  cursor: pointer;
562
552
  }
@@ -612,9 +602,9 @@ body.loaded .pa-sidebar__label {
612
602
  }
613
603
 
614
604
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link {
615
- padding-left: 4rem;
605
+ padding-inline-start: 4rem;
616
606
  font-size: 1.5rem;
617
- border-right: 2px solid transparent;
607
+ border-inline-end: 2px solid transparent;
618
608
  }
619
609
 
620
610
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link:hover {
@@ -623,26 +613,26 @@ body.loaded .pa-sidebar__label {
623
613
 
624
614
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link--active {
625
615
  background-color: var(--pa-sidebar-submenu-active-bg);
626
- border-right-color: var(--pa-accent);
616
+ border-inline-end-color: var(--pa-accent);
627
617
  }
628
618
 
629
619
  .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
630
- padding-left: 4rem;
620
+ padding-inline-start: 4rem;
631
621
  font-size: 1.5rem;
632
622
  }
633
623
 
634
624
  .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link {
635
- padding-left: 5.2rem;
625
+ padding-inline-start: 5.2rem;
636
626
  font-size: 1.4rem;
637
- border-right: 1px solid transparent;
627
+ border-inline-end: 1px solid transparent;
638
628
  }
639
629
 
640
630
  .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link--active {
641
- border-right-color: var(--pa-accent);
631
+ border-inline-end-color: var(--pa-accent);
642
632
  }
643
633
 
644
634
  .pa-sidebar__chevron {
645
- margin-left: auto;
635
+ margin-inline-start: auto;
646
636
  font-size: 1.2rem;
647
637
  }
648
638
 
@@ -654,6 +644,10 @@ body.loaded .pa-sidebar__chevron {
654
644
  transform: rotate(90deg);
655
645
  }
656
646
 
647
+ [dir=rtl] .pa-sidebar__item--open .pa-sidebar__chevron {
648
+ transform: rotate(-90deg);
649
+ }
650
+
657
651
  /* ========================================
658
652
  Sidebar States
659
653
  Hidden, icon-collapse, and expanded states
@@ -662,7 +656,7 @@ body.loaded .pa-sidebar__chevron {
662
656
  width: 0;
663
657
  opacity: 0;
664
658
  overflow: hidden;
665
- border-right: none;
659
+ border-inline-end: none;
666
660
  }
667
661
 
668
662
  .sidebar-hidden .pa-layout__sidebar--icon-collapse {
@@ -670,7 +664,7 @@ body.loaded .pa-sidebar__chevron {
670
664
  opacity: 1;
671
665
  overflow: visible !important;
672
666
  z-index: 1050;
673
- border-right: 1px solid #e1e5e9;
667
+ border-inline-end: 1px solid #e1e5e9;
674
668
  }
675
669
 
676
670
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item {
@@ -709,14 +703,17 @@ body.loaded .pa-sidebar__chevron {
709
703
  width: auto;
710
704
  overflow: visible;
711
705
  position: absolute;
712
- left: 100%;
706
+ inset-inline-start: 100%;
713
707
  top: 0;
714
708
  bottom: 0;
715
709
  padding: 0.8rem 1.6rem;
716
710
  background-color: var(--pa-sidebar-bg);
717
711
  border: 1px solid var(--pa-border-color);
718
- border-left: none;
719
- border-radius: 0 4px 4px 0;
712
+ border-inline-start: none;
713
+ border-start-start-radius: 0;
714
+ border-start-end-radius: 4px;
715
+ border-end-end-radius: 4px;
716
+ border-end-start-radius: 0;
720
717
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
721
718
  white-space: nowrap;
722
719
  z-index: 10;
@@ -730,7 +727,7 @@ body.loaded .pa-sidebar__chevron {
730
727
  max-height: none !important;
731
728
  overflow: visible !important;
732
729
  position: absolute;
733
- left: 100%;
730
+ inset-inline-start: 100%;
734
731
  top: 0;
735
732
  min-width: 12rem;
736
733
  margin: 0;
@@ -738,8 +735,11 @@ body.loaded .pa-sidebar__chevron {
738
735
  list-style: none;
739
736
  background-color: var(--pa-sidebar-submenu-bg);
740
737
  border: 1px solid var(--pa-border-color);
741
- border-left: none;
742
- border-radius: 0 4px 4px 0;
738
+ border-inline-start: none;
739
+ border-start-start-radius: 0;
740
+ border-start-end-radius: 4px;
741
+ border-end-end-radius: 4px;
742
+ border-end-start-radius: 0;
743
743
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
744
744
  z-index: 1001;
745
745
  }
@@ -795,7 +795,7 @@ body.loaded .pa-sidebar__chevron {
795
795
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__item:hover > .pa-sidebar__submenu .pa-sidebar__chevron,
796
796
  .sidebar-hidden .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu:hover .pa-sidebar__chevron {
797
797
  display: inline;
798
- margin-left: auto;
798
+ margin-inline-start: auto;
799
799
  transform: none !important;
800
800
  }
801
801
 
@@ -812,7 +812,7 @@ body.loaded .pa-sidebar__chevron {
812
812
  max-height: none !important;
813
813
  overflow: visible !important;
814
814
  position: absolute;
815
- left: 100%;
815
+ inset-inline-start: 100%;
816
816
  top: 0;
817
817
  min-width: 19.2rem;
818
818
  margin: 0;
@@ -820,8 +820,11 @@ body.loaded .pa-sidebar__chevron {
820
820
  list-style: none;
821
821
  background-color: var(--pa-sidebar-submenu-bg);
822
822
  border: 1px solid var(--pa-border-color);
823
- border-left: none;
824
- border-radius: 0 4px 4px 0;
823
+ border-inline-start: none;
824
+ border-start-start-radius: 0;
825
+ border-start-end-radius: 4px;
826
+ border-end-end-radius: 4px;
827
+ border-end-start-radius: 0;
825
828
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
826
829
  z-index: 1002;
827
830
  }
@@ -866,12 +869,12 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__toggle
866
869
 
867
870
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link,
868
871
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
869
- padding-left: 4rem;
872
+ padding-inline-start: 4rem;
870
873
  }
871
874
 
872
875
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__link,
873
876
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__submenu .pa-sidebar__submenu > .pa-sidebar__item > .pa-sidebar__toggle {
874
- padding-left: 5.2rem;
877
+ padding-inline-start: 5.2rem;
875
878
  }
876
879
 
877
880
  body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
@@ -884,12 +887,12 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
884
887
  ======================================== */
885
888
  .pa-header__burger {
886
889
  flex-shrink: 0;
887
- margin-left: 0.3rem;
890
+ margin-inline-start: 0.3rem;
888
891
  }
889
892
 
890
893
  .pa-header__brand {
891
894
  flex-shrink: 0;
892
- padding-left: 2.1rem;
895
+ padding-inline-start: 2.1rem;
893
896
  }
894
897
 
895
898
  .pa-header__brand h1 {
@@ -954,7 +957,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
954
957
  display: none !important;
955
958
  position: absolute;
956
959
  top: 100%;
957
- left: 0;
960
+ inset-inline-start: 0;
958
961
  min-width: 19.2rem;
959
962
  background-color: var(--pa-card-bg);
960
963
  border: 1px solid var(--pa-border-color);
@@ -977,7 +980,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
977
980
  content: "";
978
981
  position: absolute;
979
982
  top: 0;
980
- left: 100%;
983
+ inset-inline-start: 100%;
981
984
  width: 6.4px;
982
985
  height: 100%;
983
986
  z-index: 1099;
@@ -1005,9 +1008,9 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1005
1008
 
1006
1009
  .pa-header__dropdown--level2 {
1007
1010
  top: 0;
1008
- left: 100%;
1011
+ inset-inline-start: 100%;
1009
1012
  margin-top: 0;
1010
- margin-left: 0;
1013
+ margin-inline-start: 0;
1011
1014
  }
1012
1015
 
1013
1016
  .pa-header__title {
@@ -1063,6 +1066,14 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1063
1066
  transform: rotate(-45deg) translate(3px, -3px);
1064
1067
  }
1065
1068
 
1069
+ [dir=rtl] .burger-menu.active span:nth-child(1) {
1070
+ transform: rotate(45deg) translate(-3px, 3px);
1071
+ }
1072
+
1073
+ [dir=rtl] .burger-menu.active span:nth-child(3) {
1074
+ transform: rotate(-45deg) translate(-3px, -3px);
1075
+ }
1076
+
1066
1077
  .burger-menu:hover span {
1067
1078
  background-color: var(--pa-accent);
1068
1079
  }
@@ -1101,7 +1112,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1101
1112
  width: 0;
1102
1113
  opacity: 0;
1103
1114
  overflow: hidden;
1104
- border-right: none;
1115
+ border-inline-end: none;
1105
1116
  }
1106
1117
  body:not(.sidebar-visible) .pa-layout__sidebar--icon-collapse {
1107
1118
  width: 0 !important;
@@ -1112,7 +1123,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1112
1123
  .sidebar-visible .pa-layout__sidebar {
1113
1124
  position: fixed;
1114
1125
  top: 4.8rem;
1115
- left: 0;
1126
+ inset-inline-start: 0;
1116
1127
  bottom: 0;
1117
1128
  width: 90vw;
1118
1129
  z-index: 1050;
@@ -1134,8 +1145,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1134
1145
  content: "";
1135
1146
  position: fixed;
1136
1147
  top: 4.8rem;
1137
- left: 0;
1138
- right: 0;
1148
+ inset-inline: 0;
1139
1149
  bottom: 0;
1140
1150
  background-color: rgba(0, 0, 0, 0.5);
1141
1151
  z-index: 1040;
@@ -1165,23 +1175,19 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1165
1175
  .pa-row {
1166
1176
  display: flex;
1167
1177
  flex-wrap: wrap;
1168
- margin-left: -0.8rem;
1169
- margin-right: -0.8rem;
1178
+ margin-inline: -0.8rem;
1170
1179
  }
1171
1180
 
1172
1181
  .pa-row .pa-row {
1173
- margin-left: 0;
1174
- margin-right: 0;
1182
+ margin-inline: 0;
1175
1183
  }
1176
1184
 
1177
1185
  .pa-row--no-gutter {
1178
- margin-left: 0;
1179
- margin-right: 0;
1186
+ margin-inline: 0;
1180
1187
  }
1181
1188
 
1182
1189
  .pa-row--no-gutter > [class*=pa-col] {
1183
- padding-left: 0;
1184
- padding-right: 0;
1190
+ padding-inline: 0;
1185
1191
  }
1186
1192
 
1187
1193
  .pa-row--center {
@@ -1222,676 +1228,604 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1222
1228
 
1223
1229
  .pa-col {
1224
1230
  flex: 1;
1225
- padding-left: 0.8rem;
1226
- padding-right: 0.8rem;
1231
+ padding-inline: 0.8rem;
1227
1232
  min-width: 0;
1228
1233
  }
1229
1234
 
1230
1235
  .pa-col-auto {
1231
1236
  flex: 0 0 auto;
1232
1237
  width: auto;
1233
- padding-left: 0.8rem;
1234
- padding-right: 0.8rem;
1238
+ padding-inline: 0.8rem;
1235
1239
  }
1236
1240
 
1237
1241
  .pa-col-5 {
1238
1242
  flex: 0 0 5%;
1239
1243
  max-width: 5%;
1240
- padding-left: 0.8rem;
1241
- padding-right: 0.8rem;
1244
+ padding-inline: 0.8rem;
1242
1245
  min-width: 0;
1243
1246
  }
1244
1247
 
1245
1248
  .pa-col-10 {
1246
1249
  flex: 0 0 10%;
1247
1250
  max-width: 10%;
1248
- padding-left: 0.8rem;
1249
- padding-right: 0.8rem;
1251
+ padding-inline: 0.8rem;
1250
1252
  min-width: 0;
1251
1253
  }
1252
1254
 
1253
1255
  .pa-col-15 {
1254
1256
  flex: 0 0 15%;
1255
1257
  max-width: 15%;
1256
- padding-left: 0.8rem;
1257
- padding-right: 0.8rem;
1258
+ padding-inline: 0.8rem;
1258
1259
  min-width: 0;
1259
1260
  }
1260
1261
 
1261
1262
  .pa-col-20 {
1262
1263
  flex: 0 0 20%;
1263
1264
  max-width: 20%;
1264
- padding-left: 0.8rem;
1265
- padding-right: 0.8rem;
1265
+ padding-inline: 0.8rem;
1266
1266
  min-width: 0;
1267
1267
  }
1268
1268
 
1269
1269
  .pa-col-25 {
1270
1270
  flex: 0 0 25%;
1271
1271
  max-width: 25%;
1272
- padding-left: 0.8rem;
1273
- padding-right: 0.8rem;
1272
+ padding-inline: 0.8rem;
1274
1273
  min-width: 0;
1275
1274
  }
1276
1275
 
1277
1276
  .pa-col-30 {
1278
1277
  flex: 0 0 30%;
1279
1278
  max-width: 30%;
1280
- padding-left: 0.8rem;
1281
- padding-right: 0.8rem;
1279
+ padding-inline: 0.8rem;
1282
1280
  min-width: 0;
1283
1281
  }
1284
1282
 
1285
1283
  .pa-col-35 {
1286
1284
  flex: 0 0 35%;
1287
1285
  max-width: 35%;
1288
- padding-left: 0.8rem;
1289
- padding-right: 0.8rem;
1286
+ padding-inline: 0.8rem;
1290
1287
  min-width: 0;
1291
1288
  }
1292
1289
 
1293
1290
  .pa-col-40 {
1294
1291
  flex: 0 0 40%;
1295
1292
  max-width: 40%;
1296
- padding-left: 0.8rem;
1297
- padding-right: 0.8rem;
1293
+ padding-inline: 0.8rem;
1298
1294
  min-width: 0;
1299
1295
  }
1300
1296
 
1301
1297
  .pa-col-45 {
1302
1298
  flex: 0 0 45%;
1303
1299
  max-width: 45%;
1304
- padding-left: 0.8rem;
1305
- padding-right: 0.8rem;
1300
+ padding-inline: 0.8rem;
1306
1301
  min-width: 0;
1307
1302
  }
1308
1303
 
1309
1304
  .pa-col-50 {
1310
1305
  flex: 0 0 50%;
1311
1306
  max-width: 50%;
1312
- padding-left: 0.8rem;
1313
- padding-right: 0.8rem;
1307
+ padding-inline: 0.8rem;
1314
1308
  min-width: 0;
1315
1309
  }
1316
1310
 
1317
1311
  .pa-col-55 {
1318
1312
  flex: 0 0 55%;
1319
1313
  max-width: 55%;
1320
- padding-left: 0.8rem;
1321
- padding-right: 0.8rem;
1314
+ padding-inline: 0.8rem;
1322
1315
  min-width: 0;
1323
1316
  }
1324
1317
 
1325
1318
  .pa-col-60 {
1326
1319
  flex: 0 0 60%;
1327
1320
  max-width: 60%;
1328
- padding-left: 0.8rem;
1329
- padding-right: 0.8rem;
1321
+ padding-inline: 0.8rem;
1330
1322
  min-width: 0;
1331
1323
  }
1332
1324
 
1333
1325
  .pa-col-65 {
1334
1326
  flex: 0 0 65%;
1335
1327
  max-width: 65%;
1336
- padding-left: 0.8rem;
1337
- padding-right: 0.8rem;
1328
+ padding-inline: 0.8rem;
1338
1329
  min-width: 0;
1339
1330
  }
1340
1331
 
1341
1332
  .pa-col-70 {
1342
1333
  flex: 0 0 70%;
1343
1334
  max-width: 70%;
1344
- padding-left: 0.8rem;
1345
- padding-right: 0.8rem;
1335
+ padding-inline: 0.8rem;
1346
1336
  min-width: 0;
1347
1337
  }
1348
1338
 
1349
1339
  .pa-col-75 {
1350
1340
  flex: 0 0 75%;
1351
1341
  max-width: 75%;
1352
- padding-left: 0.8rem;
1353
- padding-right: 0.8rem;
1342
+ padding-inline: 0.8rem;
1354
1343
  min-width: 0;
1355
1344
  }
1356
1345
 
1357
1346
  .pa-col-80 {
1358
1347
  flex: 0 0 80%;
1359
1348
  max-width: 80%;
1360
- padding-left: 0.8rem;
1361
- padding-right: 0.8rem;
1349
+ padding-inline: 0.8rem;
1362
1350
  min-width: 0;
1363
1351
  }
1364
1352
 
1365
1353
  .pa-col-85 {
1366
1354
  flex: 0 0 85%;
1367
1355
  max-width: 85%;
1368
- padding-left: 0.8rem;
1369
- padding-right: 0.8rem;
1356
+ padding-inline: 0.8rem;
1370
1357
  min-width: 0;
1371
1358
  }
1372
1359
 
1373
1360
  .pa-col-90 {
1374
1361
  flex: 0 0 90%;
1375
1362
  max-width: 90%;
1376
- padding-left: 0.8rem;
1377
- padding-right: 0.8rem;
1363
+ padding-inline: 0.8rem;
1378
1364
  min-width: 0;
1379
1365
  }
1380
1366
 
1381
1367
  .pa-col-95 {
1382
1368
  flex: 0 0 95%;
1383
1369
  max-width: 95%;
1384
- padding-left: 0.8rem;
1385
- padding-right: 0.8rem;
1370
+ padding-inline: 0.8rem;
1386
1371
  min-width: 0;
1387
1372
  }
1388
1373
 
1389
1374
  .pa-col-100 {
1390
1375
  flex: 0 0 100%;
1391
1376
  max-width: 100%;
1392
- padding-left: 0.8rem;
1393
- padding-right: 0.8rem;
1377
+ padding-inline: 0.8rem;
1394
1378
  min-width: 0;
1395
1379
  }
1396
1380
 
1397
1381
  .pa-col-1-2 {
1398
1382
  flex: 0 0 50%;
1399
1383
  max-width: 50%;
1400
- padding-left: 0.8rem;
1401
- padding-right: 0.8rem;
1384
+ padding-inline: 0.8rem;
1402
1385
  min-width: 0;
1403
1386
  }
1404
1387
 
1405
1388
  .pa-col-1-3 {
1406
1389
  flex: 0 0 33.333%;
1407
1390
  max-width: 33.333%;
1408
- padding-left: 0.8rem;
1409
- padding-right: 0.8rem;
1391
+ padding-inline: 0.8rem;
1410
1392
  min-width: 0;
1411
1393
  }
1412
1394
 
1413
1395
  .pa-col-2-3 {
1414
1396
  flex: 0 0 66.667%;
1415
1397
  max-width: 66.667%;
1416
- padding-left: 0.8rem;
1417
- padding-right: 0.8rem;
1398
+ padding-inline: 0.8rem;
1418
1399
  min-width: 0;
1419
1400
  }
1420
1401
 
1421
1402
  .pa-col-1-4 {
1422
1403
  flex: 0 0 25%;
1423
1404
  max-width: 25%;
1424
- padding-left: 0.8rem;
1425
- padding-right: 0.8rem;
1405
+ padding-inline: 0.8rem;
1426
1406
  min-width: 0;
1427
1407
  }
1428
1408
 
1429
1409
  .pa-col-3-4 {
1430
1410
  flex: 0 0 75%;
1431
1411
  max-width: 75%;
1432
- padding-left: 0.8rem;
1433
- padding-right: 0.8rem;
1412
+ padding-inline: 0.8rem;
1434
1413
  min-width: 0;
1435
1414
  }
1436
1415
 
1437
1416
  .pa-col-1-5 {
1438
1417
  flex: 0 0 20%;
1439
1418
  max-width: 20%;
1440
- padding-left: 0.8rem;
1441
- padding-right: 0.8rem;
1419
+ padding-inline: 0.8rem;
1442
1420
  min-width: 0;
1443
1421
  }
1444
1422
 
1445
1423
  .pa-col-2-5 {
1446
1424
  flex: 0 0 40%;
1447
1425
  max-width: 40%;
1448
- padding-left: 0.8rem;
1449
- padding-right: 0.8rem;
1426
+ padding-inline: 0.8rem;
1450
1427
  min-width: 0;
1451
1428
  }
1452
1429
 
1453
1430
  .pa-col-3-5 {
1454
1431
  flex: 0 0 60%;
1455
1432
  max-width: 60%;
1456
- padding-left: 0.8rem;
1457
- padding-right: 0.8rem;
1433
+ padding-inline: 0.8rem;
1458
1434
  min-width: 0;
1459
1435
  }
1460
1436
 
1461
1437
  .pa-col-4-5 {
1462
1438
  flex: 0 0 80%;
1463
1439
  max-width: 80%;
1464
- padding-left: 0.8rem;
1465
- padding-right: 0.8rem;
1440
+ padding-inline: 0.8rem;
1466
1441
  min-width: 0;
1467
1442
  }
1468
1443
 
1469
1444
  .pa-col-1-6 {
1470
1445
  flex: 0 0 16.667%;
1471
1446
  max-width: 16.667%;
1472
- padding-left: 0.8rem;
1473
- padding-right: 0.8rem;
1447
+ padding-inline: 0.8rem;
1474
1448
  min-width: 0;
1475
1449
  }
1476
1450
 
1477
1451
  .pa-col-5-6 {
1478
1452
  flex: 0 0 83.333%;
1479
1453
  max-width: 83.333%;
1480
- padding-left: 0.8rem;
1481
- padding-right: 0.8rem;
1454
+ padding-inline: 0.8rem;
1482
1455
  min-width: 0;
1483
1456
  }
1484
1457
 
1485
1458
  .pa-col-1-12 {
1486
1459
  flex: 0 0 8.333%;
1487
1460
  max-width: 8.333%;
1488
- padding-left: 0.8rem;
1489
- padding-right: 0.8rem;
1461
+ padding-inline: 0.8rem;
1490
1462
  min-width: 0;
1491
1463
  }
1492
1464
 
1493
1465
  .pa-col-5-12 {
1494
1466
  flex: 0 0 41.667%;
1495
1467
  max-width: 41.667%;
1496
- padding-left: 0.8rem;
1497
- padding-right: 0.8rem;
1468
+ padding-inline: 0.8rem;
1498
1469
  min-width: 0;
1499
1470
  }
1500
1471
 
1501
1472
  .pa-col-7-12 {
1502
1473
  flex: 0 0 58.333%;
1503
1474
  max-width: 58.333%;
1504
- padding-left: 0.8rem;
1505
- padding-right: 0.8rem;
1475
+ padding-inline: 0.8rem;
1506
1476
  min-width: 0;
1507
1477
  }
1508
1478
 
1509
1479
  .pa-col-11-12 {
1510
1480
  flex: 0 0 91.667%;
1511
1481
  max-width: 91.667%;
1512
- padding-left: 0.8rem;
1513
- padding-right: 0.8rem;
1482
+ padding-inline: 0.8rem;
1514
1483
  min-width: 0;
1515
1484
  }
1516
1485
 
1517
1486
  .pa-offset-5 {
1518
- margin-left: 5%;
1487
+ margin-inline-start: 5%;
1519
1488
  }
1520
1489
 
1521
1490
  .pa-offset-10 {
1522
- margin-left: 10%;
1491
+ margin-inline-start: 10%;
1523
1492
  }
1524
1493
 
1525
1494
  .pa-offset-15 {
1526
- margin-left: 15%;
1495
+ margin-inline-start: 15%;
1527
1496
  }
1528
1497
 
1529
1498
  .pa-offset-20 {
1530
- margin-left: 20%;
1499
+ margin-inline-start: 20%;
1531
1500
  }
1532
1501
 
1533
1502
  .pa-offset-25 {
1534
- margin-left: 25%;
1503
+ margin-inline-start: 25%;
1535
1504
  }
1536
1505
 
1537
1506
  .pa-offset-30 {
1538
- margin-left: 30%;
1507
+ margin-inline-start: 30%;
1539
1508
  }
1540
1509
 
1541
1510
  .pa-offset-35 {
1542
- margin-left: 35%;
1511
+ margin-inline-start: 35%;
1543
1512
  }
1544
1513
 
1545
1514
  .pa-offset-40 {
1546
- margin-left: 40%;
1515
+ margin-inline-start: 40%;
1547
1516
  }
1548
1517
 
1549
1518
  .pa-offset-45 {
1550
- margin-left: 45%;
1519
+ margin-inline-start: 45%;
1551
1520
  }
1552
1521
 
1553
1522
  .pa-offset-50 {
1554
- margin-left: 50%;
1523
+ margin-inline-start: 50%;
1555
1524
  }
1556
1525
 
1557
1526
  .pa-offset-55 {
1558
- margin-left: 55%;
1527
+ margin-inline-start: 55%;
1559
1528
  }
1560
1529
 
1561
1530
  .pa-offset-60 {
1562
- margin-left: 60%;
1531
+ margin-inline-start: 60%;
1563
1532
  }
1564
1533
 
1565
1534
  .pa-offset-65 {
1566
- margin-left: 65%;
1535
+ margin-inline-start: 65%;
1567
1536
  }
1568
1537
 
1569
1538
  .pa-offset-70 {
1570
- margin-left: 70%;
1539
+ margin-inline-start: 70%;
1571
1540
  }
1572
1541
 
1573
1542
  .pa-offset-75 {
1574
- margin-left: 75%;
1543
+ margin-inline-start: 75%;
1575
1544
  }
1576
1545
 
1577
1546
  .pa-offset-80 {
1578
- margin-left: 80%;
1547
+ margin-inline-start: 80%;
1579
1548
  }
1580
1549
 
1581
1550
  .pa-offset-85 {
1582
- margin-left: 85%;
1551
+ margin-inline-start: 85%;
1583
1552
  }
1584
1553
 
1585
1554
  .pa-offset-90 {
1586
- margin-left: 90%;
1555
+ margin-inline-start: 90%;
1587
1556
  }
1588
1557
 
1589
1558
  .pa-offset-95 {
1590
- margin-left: 95%;
1559
+ margin-inline-start: 95%;
1591
1560
  }
1592
1561
 
1593
1562
  @media (min-width: 576px) {
1594
1563
  .pa-col-sm-5 {
1595
1564
  flex: 0 0 5%;
1596
1565
  max-width: 5%;
1597
- padding-left: 0.8rem;
1598
- padding-right: 0.8rem;
1566
+ padding-inline: 0.8rem;
1599
1567
  min-width: 0;
1600
1568
  }
1601
1569
  .pa-col-sm-10 {
1602
1570
  flex: 0 0 10%;
1603
1571
  max-width: 10%;
1604
- padding-left: 0.8rem;
1605
- padding-right: 0.8rem;
1572
+ padding-inline: 0.8rem;
1606
1573
  min-width: 0;
1607
1574
  }
1608
1575
  .pa-col-sm-15 {
1609
1576
  flex: 0 0 15%;
1610
1577
  max-width: 15%;
1611
- padding-left: 0.8rem;
1612
- padding-right: 0.8rem;
1578
+ padding-inline: 0.8rem;
1613
1579
  min-width: 0;
1614
1580
  }
1615
1581
  .pa-col-sm-20 {
1616
1582
  flex: 0 0 20%;
1617
1583
  max-width: 20%;
1618
- padding-left: 0.8rem;
1619
- padding-right: 0.8rem;
1584
+ padding-inline: 0.8rem;
1620
1585
  min-width: 0;
1621
1586
  }
1622
1587
  .pa-col-sm-25 {
1623
1588
  flex: 0 0 25%;
1624
1589
  max-width: 25%;
1625
- padding-left: 0.8rem;
1626
- padding-right: 0.8rem;
1590
+ padding-inline: 0.8rem;
1627
1591
  min-width: 0;
1628
1592
  }
1629
1593
  .pa-col-sm-30 {
1630
1594
  flex: 0 0 30%;
1631
1595
  max-width: 30%;
1632
- padding-left: 0.8rem;
1633
- padding-right: 0.8rem;
1596
+ padding-inline: 0.8rem;
1634
1597
  min-width: 0;
1635
1598
  }
1636
1599
  .pa-col-sm-35 {
1637
1600
  flex: 0 0 35%;
1638
1601
  max-width: 35%;
1639
- padding-left: 0.8rem;
1640
- padding-right: 0.8rem;
1602
+ padding-inline: 0.8rem;
1641
1603
  min-width: 0;
1642
1604
  }
1643
1605
  .pa-col-sm-40 {
1644
1606
  flex: 0 0 40%;
1645
1607
  max-width: 40%;
1646
- padding-left: 0.8rem;
1647
- padding-right: 0.8rem;
1608
+ padding-inline: 0.8rem;
1648
1609
  min-width: 0;
1649
1610
  }
1650
1611
  .pa-col-sm-45 {
1651
1612
  flex: 0 0 45%;
1652
1613
  max-width: 45%;
1653
- padding-left: 0.8rem;
1654
- padding-right: 0.8rem;
1614
+ padding-inline: 0.8rem;
1655
1615
  min-width: 0;
1656
1616
  }
1657
1617
  .pa-col-sm-50 {
1658
1618
  flex: 0 0 50%;
1659
1619
  max-width: 50%;
1660
- padding-left: 0.8rem;
1661
- padding-right: 0.8rem;
1620
+ padding-inline: 0.8rem;
1662
1621
  min-width: 0;
1663
1622
  }
1664
1623
  .pa-col-sm-55 {
1665
1624
  flex: 0 0 55%;
1666
1625
  max-width: 55%;
1667
- padding-left: 0.8rem;
1668
- padding-right: 0.8rem;
1626
+ padding-inline: 0.8rem;
1669
1627
  min-width: 0;
1670
1628
  }
1671
1629
  .pa-col-sm-60 {
1672
1630
  flex: 0 0 60%;
1673
1631
  max-width: 60%;
1674
- padding-left: 0.8rem;
1675
- padding-right: 0.8rem;
1632
+ padding-inline: 0.8rem;
1676
1633
  min-width: 0;
1677
1634
  }
1678
1635
  .pa-col-sm-65 {
1679
1636
  flex: 0 0 65%;
1680
1637
  max-width: 65%;
1681
- padding-left: 0.8rem;
1682
- padding-right: 0.8rem;
1638
+ padding-inline: 0.8rem;
1683
1639
  min-width: 0;
1684
1640
  }
1685
1641
  .pa-col-sm-70 {
1686
1642
  flex: 0 0 70%;
1687
1643
  max-width: 70%;
1688
- padding-left: 0.8rem;
1689
- padding-right: 0.8rem;
1644
+ padding-inline: 0.8rem;
1690
1645
  min-width: 0;
1691
1646
  }
1692
1647
  .pa-col-sm-75 {
1693
1648
  flex: 0 0 75%;
1694
1649
  max-width: 75%;
1695
- padding-left: 0.8rem;
1696
- padding-right: 0.8rem;
1650
+ padding-inline: 0.8rem;
1697
1651
  min-width: 0;
1698
1652
  }
1699
1653
  .pa-col-sm-80 {
1700
1654
  flex: 0 0 80%;
1701
1655
  max-width: 80%;
1702
- padding-left: 0.8rem;
1703
- padding-right: 0.8rem;
1656
+ padding-inline: 0.8rem;
1704
1657
  min-width: 0;
1705
1658
  }
1706
1659
  .pa-col-sm-85 {
1707
1660
  flex: 0 0 85%;
1708
1661
  max-width: 85%;
1709
- padding-left: 0.8rem;
1710
- padding-right: 0.8rem;
1662
+ padding-inline: 0.8rem;
1711
1663
  min-width: 0;
1712
1664
  }
1713
1665
  .pa-col-sm-90 {
1714
1666
  flex: 0 0 90%;
1715
1667
  max-width: 90%;
1716
- padding-left: 0.8rem;
1717
- padding-right: 0.8rem;
1668
+ padding-inline: 0.8rem;
1718
1669
  min-width: 0;
1719
1670
  }
1720
1671
  .pa-col-sm-95 {
1721
1672
  flex: 0 0 95%;
1722
1673
  max-width: 95%;
1723
- padding-left: 0.8rem;
1724
- padding-right: 0.8rem;
1674
+ padding-inline: 0.8rem;
1725
1675
  min-width: 0;
1726
1676
  }
1727
1677
  .pa-col-sm-100 {
1728
1678
  flex: 0 0 100%;
1729
1679
  max-width: 100%;
1730
- padding-left: 0.8rem;
1731
- padding-right: 0.8rem;
1680
+ padding-inline: 0.8rem;
1732
1681
  min-width: 0;
1733
1682
  }
1734
1683
  .pa-col-sm-1-2 {
1735
1684
  flex: 0 0 50%;
1736
1685
  max-width: 50%;
1737
- padding-left: 0.8rem;
1738
- padding-right: 0.8rem;
1686
+ padding-inline: 0.8rem;
1739
1687
  min-width: 0;
1740
1688
  }
1741
1689
  .pa-col-sm-1-3 {
1742
1690
  flex: 0 0 33.333%;
1743
1691
  max-width: 33.333%;
1744
- padding-left: 0.8rem;
1745
- padding-right: 0.8rem;
1692
+ padding-inline: 0.8rem;
1746
1693
  min-width: 0;
1747
1694
  }
1748
1695
  .pa-col-sm-2-3 {
1749
1696
  flex: 0 0 66.667%;
1750
1697
  max-width: 66.667%;
1751
- padding-left: 0.8rem;
1752
- padding-right: 0.8rem;
1698
+ padding-inline: 0.8rem;
1753
1699
  min-width: 0;
1754
1700
  }
1755
1701
  .pa-col-sm-1-4 {
1756
1702
  flex: 0 0 25%;
1757
1703
  max-width: 25%;
1758
- padding-left: 0.8rem;
1759
- padding-right: 0.8rem;
1704
+ padding-inline: 0.8rem;
1760
1705
  min-width: 0;
1761
1706
  }
1762
1707
  .pa-col-sm-3-4 {
1763
1708
  flex: 0 0 75%;
1764
1709
  max-width: 75%;
1765
- padding-left: 0.8rem;
1766
- padding-right: 0.8rem;
1710
+ padding-inline: 0.8rem;
1767
1711
  min-width: 0;
1768
1712
  }
1769
1713
  .pa-col-sm-1-5 {
1770
1714
  flex: 0 0 20%;
1771
1715
  max-width: 20%;
1772
- padding-left: 0.8rem;
1773
- padding-right: 0.8rem;
1716
+ padding-inline: 0.8rem;
1774
1717
  min-width: 0;
1775
1718
  }
1776
1719
  .pa-col-sm-2-5 {
1777
1720
  flex: 0 0 40%;
1778
1721
  max-width: 40%;
1779
- padding-left: 0.8rem;
1780
- padding-right: 0.8rem;
1722
+ padding-inline: 0.8rem;
1781
1723
  min-width: 0;
1782
1724
  }
1783
1725
  .pa-col-sm-3-5 {
1784
1726
  flex: 0 0 60%;
1785
1727
  max-width: 60%;
1786
- padding-left: 0.8rem;
1787
- padding-right: 0.8rem;
1728
+ padding-inline: 0.8rem;
1788
1729
  min-width: 0;
1789
1730
  }
1790
1731
  .pa-col-sm-4-5 {
1791
1732
  flex: 0 0 80%;
1792
1733
  max-width: 80%;
1793
- padding-left: 0.8rem;
1794
- padding-right: 0.8rem;
1734
+ padding-inline: 0.8rem;
1795
1735
  min-width: 0;
1796
1736
  }
1797
1737
  .pa-col-sm-1-6 {
1798
1738
  flex: 0 0 16.667%;
1799
1739
  max-width: 16.667%;
1800
- padding-left: 0.8rem;
1801
- padding-right: 0.8rem;
1740
+ padding-inline: 0.8rem;
1802
1741
  min-width: 0;
1803
1742
  }
1804
1743
  .pa-col-sm-5-6 {
1805
1744
  flex: 0 0 83.333%;
1806
1745
  max-width: 83.333%;
1807
- padding-left: 0.8rem;
1808
- padding-right: 0.8rem;
1746
+ padding-inline: 0.8rem;
1809
1747
  min-width: 0;
1810
1748
  }
1811
1749
  .pa-col-sm-1-12 {
1812
1750
  flex: 0 0 8.333%;
1813
1751
  max-width: 8.333%;
1814
- padding-left: 0.8rem;
1815
- padding-right: 0.8rem;
1752
+ padding-inline: 0.8rem;
1816
1753
  min-width: 0;
1817
1754
  }
1818
1755
  .pa-col-sm-5-12 {
1819
1756
  flex: 0 0 41.667%;
1820
1757
  max-width: 41.667%;
1821
- padding-left: 0.8rem;
1822
- padding-right: 0.8rem;
1758
+ padding-inline: 0.8rem;
1823
1759
  min-width: 0;
1824
1760
  }
1825
1761
  .pa-col-sm-7-12 {
1826
1762
  flex: 0 0 58.333%;
1827
1763
  max-width: 58.333%;
1828
- padding-left: 0.8rem;
1829
- padding-right: 0.8rem;
1764
+ padding-inline: 0.8rem;
1830
1765
  min-width: 0;
1831
1766
  }
1832
1767
  .pa-col-sm-11-12 {
1833
1768
  flex: 0 0 91.667%;
1834
1769
  max-width: 91.667%;
1835
- padding-left: 0.8rem;
1836
- padding-right: 0.8rem;
1770
+ padding-inline: 0.8rem;
1837
1771
  min-width: 0;
1838
1772
  }
1839
1773
  .pa-offset-sm-5 {
1840
- margin-left: 5%;
1774
+ margin-inline-start: 5%;
1841
1775
  }
1842
1776
  .pa-offset-sm-10 {
1843
- margin-left: 10%;
1777
+ margin-inline-start: 10%;
1844
1778
  }
1845
1779
  .pa-offset-sm-15 {
1846
- margin-left: 15%;
1780
+ margin-inline-start: 15%;
1847
1781
  }
1848
1782
  .pa-offset-sm-20 {
1849
- margin-left: 20%;
1783
+ margin-inline-start: 20%;
1850
1784
  }
1851
1785
  .pa-offset-sm-25 {
1852
- margin-left: 25%;
1786
+ margin-inline-start: 25%;
1853
1787
  }
1854
1788
  .pa-offset-sm-30 {
1855
- margin-left: 30%;
1789
+ margin-inline-start: 30%;
1856
1790
  }
1857
1791
  .pa-offset-sm-35 {
1858
- margin-left: 35%;
1792
+ margin-inline-start: 35%;
1859
1793
  }
1860
1794
  .pa-offset-sm-40 {
1861
- margin-left: 40%;
1795
+ margin-inline-start: 40%;
1862
1796
  }
1863
1797
  .pa-offset-sm-45 {
1864
- margin-left: 45%;
1798
+ margin-inline-start: 45%;
1865
1799
  }
1866
1800
  .pa-offset-sm-50 {
1867
- margin-left: 50%;
1801
+ margin-inline-start: 50%;
1868
1802
  }
1869
1803
  .pa-offset-sm-55 {
1870
- margin-left: 55%;
1804
+ margin-inline-start: 55%;
1871
1805
  }
1872
1806
  .pa-offset-sm-60 {
1873
- margin-left: 60%;
1807
+ margin-inline-start: 60%;
1874
1808
  }
1875
1809
  .pa-offset-sm-65 {
1876
- margin-left: 65%;
1810
+ margin-inline-start: 65%;
1877
1811
  }
1878
1812
  .pa-offset-sm-70 {
1879
- margin-left: 70%;
1813
+ margin-inline-start: 70%;
1880
1814
  }
1881
1815
  .pa-offset-sm-75 {
1882
- margin-left: 75%;
1816
+ margin-inline-start: 75%;
1883
1817
  }
1884
1818
  .pa-offset-sm-80 {
1885
- margin-left: 80%;
1819
+ margin-inline-start: 80%;
1886
1820
  }
1887
1821
  .pa-offset-sm-85 {
1888
- margin-left: 85%;
1822
+ margin-inline-start: 85%;
1889
1823
  }
1890
1824
  .pa-offset-sm-90 {
1891
- margin-left: 90%;
1825
+ margin-inline-start: 90%;
1892
1826
  }
1893
1827
  .pa-offset-sm-95 {
1894
- margin-left: 95%;
1828
+ margin-inline-start: 95%;
1895
1829
  }
1896
1830
  .pa-col-sm-auto {
1897
1831
  flex: 0 0 auto;
@@ -1902,304 +1836,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
1902
1836
  .pa-col-md-5 {
1903
1837
  flex: 0 0 5%;
1904
1838
  max-width: 5%;
1905
- padding-left: 0.8rem;
1906
- padding-right: 0.8rem;
1839
+ padding-inline: 0.8rem;
1907
1840
  min-width: 0;
1908
1841
  }
1909
1842
  .pa-col-md-10 {
1910
1843
  flex: 0 0 10%;
1911
1844
  max-width: 10%;
1912
- padding-left: 0.8rem;
1913
- padding-right: 0.8rem;
1845
+ padding-inline: 0.8rem;
1914
1846
  min-width: 0;
1915
1847
  }
1916
1848
  .pa-col-md-15 {
1917
1849
  flex: 0 0 15%;
1918
1850
  max-width: 15%;
1919
- padding-left: 0.8rem;
1920
- padding-right: 0.8rem;
1851
+ padding-inline: 0.8rem;
1921
1852
  min-width: 0;
1922
1853
  }
1923
1854
  .pa-col-md-20 {
1924
1855
  flex: 0 0 20%;
1925
1856
  max-width: 20%;
1926
- padding-left: 0.8rem;
1927
- padding-right: 0.8rem;
1857
+ padding-inline: 0.8rem;
1928
1858
  min-width: 0;
1929
1859
  }
1930
1860
  .pa-col-md-25 {
1931
1861
  flex: 0 0 25%;
1932
1862
  max-width: 25%;
1933
- padding-left: 0.8rem;
1934
- padding-right: 0.8rem;
1863
+ padding-inline: 0.8rem;
1935
1864
  min-width: 0;
1936
1865
  }
1937
1866
  .pa-col-md-30 {
1938
1867
  flex: 0 0 30%;
1939
1868
  max-width: 30%;
1940
- padding-left: 0.8rem;
1941
- padding-right: 0.8rem;
1869
+ padding-inline: 0.8rem;
1942
1870
  min-width: 0;
1943
1871
  }
1944
1872
  .pa-col-md-35 {
1945
1873
  flex: 0 0 35%;
1946
1874
  max-width: 35%;
1947
- padding-left: 0.8rem;
1948
- padding-right: 0.8rem;
1875
+ padding-inline: 0.8rem;
1949
1876
  min-width: 0;
1950
1877
  }
1951
1878
  .pa-col-md-40 {
1952
1879
  flex: 0 0 40%;
1953
1880
  max-width: 40%;
1954
- padding-left: 0.8rem;
1955
- padding-right: 0.8rem;
1881
+ padding-inline: 0.8rem;
1956
1882
  min-width: 0;
1957
1883
  }
1958
1884
  .pa-col-md-45 {
1959
1885
  flex: 0 0 45%;
1960
1886
  max-width: 45%;
1961
- padding-left: 0.8rem;
1962
- padding-right: 0.8rem;
1887
+ padding-inline: 0.8rem;
1963
1888
  min-width: 0;
1964
1889
  }
1965
1890
  .pa-col-md-50 {
1966
1891
  flex: 0 0 50%;
1967
1892
  max-width: 50%;
1968
- padding-left: 0.8rem;
1969
- padding-right: 0.8rem;
1893
+ padding-inline: 0.8rem;
1970
1894
  min-width: 0;
1971
1895
  }
1972
1896
  .pa-col-md-55 {
1973
1897
  flex: 0 0 55%;
1974
1898
  max-width: 55%;
1975
- padding-left: 0.8rem;
1976
- padding-right: 0.8rem;
1899
+ padding-inline: 0.8rem;
1977
1900
  min-width: 0;
1978
1901
  }
1979
1902
  .pa-col-md-60 {
1980
1903
  flex: 0 0 60%;
1981
1904
  max-width: 60%;
1982
- padding-left: 0.8rem;
1983
- padding-right: 0.8rem;
1905
+ padding-inline: 0.8rem;
1984
1906
  min-width: 0;
1985
1907
  }
1986
1908
  .pa-col-md-65 {
1987
1909
  flex: 0 0 65%;
1988
1910
  max-width: 65%;
1989
- padding-left: 0.8rem;
1990
- padding-right: 0.8rem;
1911
+ padding-inline: 0.8rem;
1991
1912
  min-width: 0;
1992
1913
  }
1993
1914
  .pa-col-md-70 {
1994
1915
  flex: 0 0 70%;
1995
1916
  max-width: 70%;
1996
- padding-left: 0.8rem;
1997
- padding-right: 0.8rem;
1917
+ padding-inline: 0.8rem;
1998
1918
  min-width: 0;
1999
1919
  }
2000
1920
  .pa-col-md-75 {
2001
1921
  flex: 0 0 75%;
2002
1922
  max-width: 75%;
2003
- padding-left: 0.8rem;
2004
- padding-right: 0.8rem;
1923
+ padding-inline: 0.8rem;
2005
1924
  min-width: 0;
2006
1925
  }
2007
1926
  .pa-col-md-80 {
2008
1927
  flex: 0 0 80%;
2009
1928
  max-width: 80%;
2010
- padding-left: 0.8rem;
2011
- padding-right: 0.8rem;
1929
+ padding-inline: 0.8rem;
2012
1930
  min-width: 0;
2013
1931
  }
2014
1932
  .pa-col-md-85 {
2015
1933
  flex: 0 0 85%;
2016
1934
  max-width: 85%;
2017
- padding-left: 0.8rem;
2018
- padding-right: 0.8rem;
1935
+ padding-inline: 0.8rem;
2019
1936
  min-width: 0;
2020
1937
  }
2021
1938
  .pa-col-md-90 {
2022
1939
  flex: 0 0 90%;
2023
1940
  max-width: 90%;
2024
- padding-left: 0.8rem;
2025
- padding-right: 0.8rem;
1941
+ padding-inline: 0.8rem;
2026
1942
  min-width: 0;
2027
1943
  }
2028
1944
  .pa-col-md-95 {
2029
1945
  flex: 0 0 95%;
2030
1946
  max-width: 95%;
2031
- padding-left: 0.8rem;
2032
- padding-right: 0.8rem;
1947
+ padding-inline: 0.8rem;
2033
1948
  min-width: 0;
2034
1949
  }
2035
1950
  .pa-col-md-100 {
2036
1951
  flex: 0 0 100%;
2037
1952
  max-width: 100%;
2038
- padding-left: 0.8rem;
2039
- padding-right: 0.8rem;
1953
+ padding-inline: 0.8rem;
2040
1954
  min-width: 0;
2041
1955
  }
2042
1956
  .pa-col-md-1-2 {
2043
1957
  flex: 0 0 50%;
2044
1958
  max-width: 50%;
2045
- padding-left: 0.8rem;
2046
- padding-right: 0.8rem;
1959
+ padding-inline: 0.8rem;
2047
1960
  min-width: 0;
2048
1961
  }
2049
1962
  .pa-col-md-1-3 {
2050
1963
  flex: 0 0 33.333%;
2051
1964
  max-width: 33.333%;
2052
- padding-left: 0.8rem;
2053
- padding-right: 0.8rem;
1965
+ padding-inline: 0.8rem;
2054
1966
  min-width: 0;
2055
1967
  }
2056
1968
  .pa-col-md-2-3 {
2057
1969
  flex: 0 0 66.667%;
2058
1970
  max-width: 66.667%;
2059
- padding-left: 0.8rem;
2060
- padding-right: 0.8rem;
1971
+ padding-inline: 0.8rem;
2061
1972
  min-width: 0;
2062
1973
  }
2063
1974
  .pa-col-md-1-4 {
2064
1975
  flex: 0 0 25%;
2065
1976
  max-width: 25%;
2066
- padding-left: 0.8rem;
2067
- padding-right: 0.8rem;
1977
+ padding-inline: 0.8rem;
2068
1978
  min-width: 0;
2069
1979
  }
2070
1980
  .pa-col-md-3-4 {
2071
1981
  flex: 0 0 75%;
2072
1982
  max-width: 75%;
2073
- padding-left: 0.8rem;
2074
- padding-right: 0.8rem;
1983
+ padding-inline: 0.8rem;
2075
1984
  min-width: 0;
2076
1985
  }
2077
1986
  .pa-col-md-1-5 {
2078
1987
  flex: 0 0 20%;
2079
1988
  max-width: 20%;
2080
- padding-left: 0.8rem;
2081
- padding-right: 0.8rem;
1989
+ padding-inline: 0.8rem;
2082
1990
  min-width: 0;
2083
1991
  }
2084
1992
  .pa-col-md-2-5 {
2085
1993
  flex: 0 0 40%;
2086
1994
  max-width: 40%;
2087
- padding-left: 0.8rem;
2088
- padding-right: 0.8rem;
1995
+ padding-inline: 0.8rem;
2089
1996
  min-width: 0;
2090
1997
  }
2091
1998
  .pa-col-md-3-5 {
2092
1999
  flex: 0 0 60%;
2093
2000
  max-width: 60%;
2094
- padding-left: 0.8rem;
2095
- padding-right: 0.8rem;
2001
+ padding-inline: 0.8rem;
2096
2002
  min-width: 0;
2097
2003
  }
2098
2004
  .pa-col-md-4-5 {
2099
2005
  flex: 0 0 80%;
2100
2006
  max-width: 80%;
2101
- padding-left: 0.8rem;
2102
- padding-right: 0.8rem;
2007
+ padding-inline: 0.8rem;
2103
2008
  min-width: 0;
2104
2009
  }
2105
2010
  .pa-col-md-1-6 {
2106
2011
  flex: 0 0 16.667%;
2107
2012
  max-width: 16.667%;
2108
- padding-left: 0.8rem;
2109
- padding-right: 0.8rem;
2013
+ padding-inline: 0.8rem;
2110
2014
  min-width: 0;
2111
2015
  }
2112
2016
  .pa-col-md-5-6 {
2113
2017
  flex: 0 0 83.333%;
2114
2018
  max-width: 83.333%;
2115
- padding-left: 0.8rem;
2116
- padding-right: 0.8rem;
2019
+ padding-inline: 0.8rem;
2117
2020
  min-width: 0;
2118
2021
  }
2119
2022
  .pa-col-md-1-12 {
2120
2023
  flex: 0 0 8.333%;
2121
2024
  max-width: 8.333%;
2122
- padding-left: 0.8rem;
2123
- padding-right: 0.8rem;
2025
+ padding-inline: 0.8rem;
2124
2026
  min-width: 0;
2125
2027
  }
2126
2028
  .pa-col-md-5-12 {
2127
2029
  flex: 0 0 41.667%;
2128
2030
  max-width: 41.667%;
2129
- padding-left: 0.8rem;
2130
- padding-right: 0.8rem;
2031
+ padding-inline: 0.8rem;
2131
2032
  min-width: 0;
2132
2033
  }
2133
2034
  .pa-col-md-7-12 {
2134
2035
  flex: 0 0 58.333%;
2135
2036
  max-width: 58.333%;
2136
- padding-left: 0.8rem;
2137
- padding-right: 0.8rem;
2037
+ padding-inline: 0.8rem;
2138
2038
  min-width: 0;
2139
2039
  }
2140
2040
  .pa-col-md-11-12 {
2141
2041
  flex: 0 0 91.667%;
2142
2042
  max-width: 91.667%;
2143
- padding-left: 0.8rem;
2144
- padding-right: 0.8rem;
2043
+ padding-inline: 0.8rem;
2145
2044
  min-width: 0;
2146
2045
  }
2147
2046
  .pa-offset-md-5 {
2148
- margin-left: 5%;
2047
+ margin-inline-start: 5%;
2149
2048
  }
2150
2049
  .pa-offset-md-10 {
2151
- margin-left: 10%;
2050
+ margin-inline-start: 10%;
2152
2051
  }
2153
2052
  .pa-offset-md-15 {
2154
- margin-left: 15%;
2053
+ margin-inline-start: 15%;
2155
2054
  }
2156
2055
  .pa-offset-md-20 {
2157
- margin-left: 20%;
2056
+ margin-inline-start: 20%;
2158
2057
  }
2159
2058
  .pa-offset-md-25 {
2160
- margin-left: 25%;
2059
+ margin-inline-start: 25%;
2161
2060
  }
2162
2061
  .pa-offset-md-30 {
2163
- margin-left: 30%;
2062
+ margin-inline-start: 30%;
2164
2063
  }
2165
2064
  .pa-offset-md-35 {
2166
- margin-left: 35%;
2065
+ margin-inline-start: 35%;
2167
2066
  }
2168
2067
  .pa-offset-md-40 {
2169
- margin-left: 40%;
2068
+ margin-inline-start: 40%;
2170
2069
  }
2171
2070
  .pa-offset-md-45 {
2172
- margin-left: 45%;
2071
+ margin-inline-start: 45%;
2173
2072
  }
2174
2073
  .pa-offset-md-50 {
2175
- margin-left: 50%;
2074
+ margin-inline-start: 50%;
2176
2075
  }
2177
2076
  .pa-offset-md-55 {
2178
- margin-left: 55%;
2077
+ margin-inline-start: 55%;
2179
2078
  }
2180
2079
  .pa-offset-md-60 {
2181
- margin-left: 60%;
2080
+ margin-inline-start: 60%;
2182
2081
  }
2183
2082
  .pa-offset-md-65 {
2184
- margin-left: 65%;
2083
+ margin-inline-start: 65%;
2185
2084
  }
2186
2085
  .pa-offset-md-70 {
2187
- margin-left: 70%;
2086
+ margin-inline-start: 70%;
2188
2087
  }
2189
2088
  .pa-offset-md-75 {
2190
- margin-left: 75%;
2089
+ margin-inline-start: 75%;
2191
2090
  }
2192
2091
  .pa-offset-md-80 {
2193
- margin-left: 80%;
2092
+ margin-inline-start: 80%;
2194
2093
  }
2195
2094
  .pa-offset-md-85 {
2196
- margin-left: 85%;
2095
+ margin-inline-start: 85%;
2197
2096
  }
2198
2097
  .pa-offset-md-90 {
2199
- margin-left: 90%;
2098
+ margin-inline-start: 90%;
2200
2099
  }
2201
2100
  .pa-offset-md-95 {
2202
- margin-left: 95%;
2101
+ margin-inline-start: 95%;
2203
2102
  }
2204
2103
  .pa-col-md-auto {
2205
2104
  flex: 0 0 auto;
@@ -2210,304 +2109,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2210
2109
  .pa-col-lg-5 {
2211
2110
  flex: 0 0 5%;
2212
2111
  max-width: 5%;
2213
- padding-left: 0.8rem;
2214
- padding-right: 0.8rem;
2112
+ padding-inline: 0.8rem;
2215
2113
  min-width: 0;
2216
2114
  }
2217
2115
  .pa-col-lg-10 {
2218
2116
  flex: 0 0 10%;
2219
2117
  max-width: 10%;
2220
- padding-left: 0.8rem;
2221
- padding-right: 0.8rem;
2118
+ padding-inline: 0.8rem;
2222
2119
  min-width: 0;
2223
2120
  }
2224
2121
  .pa-col-lg-15 {
2225
2122
  flex: 0 0 15%;
2226
2123
  max-width: 15%;
2227
- padding-left: 0.8rem;
2228
- padding-right: 0.8rem;
2124
+ padding-inline: 0.8rem;
2229
2125
  min-width: 0;
2230
2126
  }
2231
2127
  .pa-col-lg-20 {
2232
2128
  flex: 0 0 20%;
2233
2129
  max-width: 20%;
2234
- padding-left: 0.8rem;
2235
- padding-right: 0.8rem;
2130
+ padding-inline: 0.8rem;
2236
2131
  min-width: 0;
2237
2132
  }
2238
2133
  .pa-col-lg-25 {
2239
2134
  flex: 0 0 25%;
2240
2135
  max-width: 25%;
2241
- padding-left: 0.8rem;
2242
- padding-right: 0.8rem;
2136
+ padding-inline: 0.8rem;
2243
2137
  min-width: 0;
2244
2138
  }
2245
2139
  .pa-col-lg-30 {
2246
2140
  flex: 0 0 30%;
2247
2141
  max-width: 30%;
2248
- padding-left: 0.8rem;
2249
- padding-right: 0.8rem;
2142
+ padding-inline: 0.8rem;
2250
2143
  min-width: 0;
2251
2144
  }
2252
2145
  .pa-col-lg-35 {
2253
2146
  flex: 0 0 35%;
2254
2147
  max-width: 35%;
2255
- padding-left: 0.8rem;
2256
- padding-right: 0.8rem;
2148
+ padding-inline: 0.8rem;
2257
2149
  min-width: 0;
2258
2150
  }
2259
2151
  .pa-col-lg-40 {
2260
2152
  flex: 0 0 40%;
2261
2153
  max-width: 40%;
2262
- padding-left: 0.8rem;
2263
- padding-right: 0.8rem;
2154
+ padding-inline: 0.8rem;
2264
2155
  min-width: 0;
2265
2156
  }
2266
2157
  .pa-col-lg-45 {
2267
2158
  flex: 0 0 45%;
2268
2159
  max-width: 45%;
2269
- padding-left: 0.8rem;
2270
- padding-right: 0.8rem;
2160
+ padding-inline: 0.8rem;
2271
2161
  min-width: 0;
2272
2162
  }
2273
2163
  .pa-col-lg-50 {
2274
2164
  flex: 0 0 50%;
2275
2165
  max-width: 50%;
2276
- padding-left: 0.8rem;
2277
- padding-right: 0.8rem;
2166
+ padding-inline: 0.8rem;
2278
2167
  min-width: 0;
2279
2168
  }
2280
2169
  .pa-col-lg-55 {
2281
2170
  flex: 0 0 55%;
2282
2171
  max-width: 55%;
2283
- padding-left: 0.8rem;
2284
- padding-right: 0.8rem;
2172
+ padding-inline: 0.8rem;
2285
2173
  min-width: 0;
2286
2174
  }
2287
2175
  .pa-col-lg-60 {
2288
2176
  flex: 0 0 60%;
2289
2177
  max-width: 60%;
2290
- padding-left: 0.8rem;
2291
- padding-right: 0.8rem;
2178
+ padding-inline: 0.8rem;
2292
2179
  min-width: 0;
2293
2180
  }
2294
2181
  .pa-col-lg-65 {
2295
2182
  flex: 0 0 65%;
2296
2183
  max-width: 65%;
2297
- padding-left: 0.8rem;
2298
- padding-right: 0.8rem;
2184
+ padding-inline: 0.8rem;
2299
2185
  min-width: 0;
2300
2186
  }
2301
2187
  .pa-col-lg-70 {
2302
2188
  flex: 0 0 70%;
2303
2189
  max-width: 70%;
2304
- padding-left: 0.8rem;
2305
- padding-right: 0.8rem;
2190
+ padding-inline: 0.8rem;
2306
2191
  min-width: 0;
2307
2192
  }
2308
2193
  .pa-col-lg-75 {
2309
2194
  flex: 0 0 75%;
2310
2195
  max-width: 75%;
2311
- padding-left: 0.8rem;
2312
- padding-right: 0.8rem;
2196
+ padding-inline: 0.8rem;
2313
2197
  min-width: 0;
2314
2198
  }
2315
2199
  .pa-col-lg-80 {
2316
2200
  flex: 0 0 80%;
2317
2201
  max-width: 80%;
2318
- padding-left: 0.8rem;
2319
- padding-right: 0.8rem;
2202
+ padding-inline: 0.8rem;
2320
2203
  min-width: 0;
2321
2204
  }
2322
2205
  .pa-col-lg-85 {
2323
2206
  flex: 0 0 85%;
2324
2207
  max-width: 85%;
2325
- padding-left: 0.8rem;
2326
- padding-right: 0.8rem;
2208
+ padding-inline: 0.8rem;
2327
2209
  min-width: 0;
2328
2210
  }
2329
2211
  .pa-col-lg-90 {
2330
2212
  flex: 0 0 90%;
2331
2213
  max-width: 90%;
2332
- padding-left: 0.8rem;
2333
- padding-right: 0.8rem;
2214
+ padding-inline: 0.8rem;
2334
2215
  min-width: 0;
2335
2216
  }
2336
2217
  .pa-col-lg-95 {
2337
2218
  flex: 0 0 95%;
2338
2219
  max-width: 95%;
2339
- padding-left: 0.8rem;
2340
- padding-right: 0.8rem;
2220
+ padding-inline: 0.8rem;
2341
2221
  min-width: 0;
2342
2222
  }
2343
2223
  .pa-col-lg-100 {
2344
2224
  flex: 0 0 100%;
2345
2225
  max-width: 100%;
2346
- padding-left: 0.8rem;
2347
- padding-right: 0.8rem;
2226
+ padding-inline: 0.8rem;
2348
2227
  min-width: 0;
2349
2228
  }
2350
2229
  .pa-col-lg-1-2 {
2351
2230
  flex: 0 0 50%;
2352
2231
  max-width: 50%;
2353
- padding-left: 0.8rem;
2354
- padding-right: 0.8rem;
2232
+ padding-inline: 0.8rem;
2355
2233
  min-width: 0;
2356
2234
  }
2357
2235
  .pa-col-lg-1-3 {
2358
2236
  flex: 0 0 33.333%;
2359
2237
  max-width: 33.333%;
2360
- padding-left: 0.8rem;
2361
- padding-right: 0.8rem;
2238
+ padding-inline: 0.8rem;
2362
2239
  min-width: 0;
2363
2240
  }
2364
2241
  .pa-col-lg-2-3 {
2365
2242
  flex: 0 0 66.667%;
2366
2243
  max-width: 66.667%;
2367
- padding-left: 0.8rem;
2368
- padding-right: 0.8rem;
2244
+ padding-inline: 0.8rem;
2369
2245
  min-width: 0;
2370
2246
  }
2371
2247
  .pa-col-lg-1-4 {
2372
2248
  flex: 0 0 25%;
2373
2249
  max-width: 25%;
2374
- padding-left: 0.8rem;
2375
- padding-right: 0.8rem;
2250
+ padding-inline: 0.8rem;
2376
2251
  min-width: 0;
2377
2252
  }
2378
2253
  .pa-col-lg-3-4 {
2379
2254
  flex: 0 0 75%;
2380
2255
  max-width: 75%;
2381
- padding-left: 0.8rem;
2382
- padding-right: 0.8rem;
2256
+ padding-inline: 0.8rem;
2383
2257
  min-width: 0;
2384
2258
  }
2385
2259
  .pa-col-lg-1-5 {
2386
2260
  flex: 0 0 20%;
2387
2261
  max-width: 20%;
2388
- padding-left: 0.8rem;
2389
- padding-right: 0.8rem;
2262
+ padding-inline: 0.8rem;
2390
2263
  min-width: 0;
2391
2264
  }
2392
2265
  .pa-col-lg-2-5 {
2393
2266
  flex: 0 0 40%;
2394
2267
  max-width: 40%;
2395
- padding-left: 0.8rem;
2396
- padding-right: 0.8rem;
2268
+ padding-inline: 0.8rem;
2397
2269
  min-width: 0;
2398
2270
  }
2399
2271
  .pa-col-lg-3-5 {
2400
2272
  flex: 0 0 60%;
2401
2273
  max-width: 60%;
2402
- padding-left: 0.8rem;
2403
- padding-right: 0.8rem;
2274
+ padding-inline: 0.8rem;
2404
2275
  min-width: 0;
2405
2276
  }
2406
2277
  .pa-col-lg-4-5 {
2407
2278
  flex: 0 0 80%;
2408
2279
  max-width: 80%;
2409
- padding-left: 0.8rem;
2410
- padding-right: 0.8rem;
2280
+ padding-inline: 0.8rem;
2411
2281
  min-width: 0;
2412
2282
  }
2413
2283
  .pa-col-lg-1-6 {
2414
2284
  flex: 0 0 16.667%;
2415
2285
  max-width: 16.667%;
2416
- padding-left: 0.8rem;
2417
- padding-right: 0.8rem;
2286
+ padding-inline: 0.8rem;
2418
2287
  min-width: 0;
2419
2288
  }
2420
2289
  .pa-col-lg-5-6 {
2421
2290
  flex: 0 0 83.333%;
2422
2291
  max-width: 83.333%;
2423
- padding-left: 0.8rem;
2424
- padding-right: 0.8rem;
2292
+ padding-inline: 0.8rem;
2425
2293
  min-width: 0;
2426
2294
  }
2427
2295
  .pa-col-lg-1-12 {
2428
2296
  flex: 0 0 8.333%;
2429
2297
  max-width: 8.333%;
2430
- padding-left: 0.8rem;
2431
- padding-right: 0.8rem;
2298
+ padding-inline: 0.8rem;
2432
2299
  min-width: 0;
2433
2300
  }
2434
2301
  .pa-col-lg-5-12 {
2435
2302
  flex: 0 0 41.667%;
2436
2303
  max-width: 41.667%;
2437
- padding-left: 0.8rem;
2438
- padding-right: 0.8rem;
2304
+ padding-inline: 0.8rem;
2439
2305
  min-width: 0;
2440
2306
  }
2441
2307
  .pa-col-lg-7-12 {
2442
2308
  flex: 0 0 58.333%;
2443
2309
  max-width: 58.333%;
2444
- padding-left: 0.8rem;
2445
- padding-right: 0.8rem;
2310
+ padding-inline: 0.8rem;
2446
2311
  min-width: 0;
2447
2312
  }
2448
2313
  .pa-col-lg-11-12 {
2449
2314
  flex: 0 0 91.667%;
2450
2315
  max-width: 91.667%;
2451
- padding-left: 0.8rem;
2452
- padding-right: 0.8rem;
2316
+ padding-inline: 0.8rem;
2453
2317
  min-width: 0;
2454
2318
  }
2455
2319
  .pa-offset-lg-5 {
2456
- margin-left: 5%;
2320
+ margin-inline-start: 5%;
2457
2321
  }
2458
2322
  .pa-offset-lg-10 {
2459
- margin-left: 10%;
2323
+ margin-inline-start: 10%;
2460
2324
  }
2461
2325
  .pa-offset-lg-15 {
2462
- margin-left: 15%;
2326
+ margin-inline-start: 15%;
2463
2327
  }
2464
2328
  .pa-offset-lg-20 {
2465
- margin-left: 20%;
2329
+ margin-inline-start: 20%;
2466
2330
  }
2467
2331
  .pa-offset-lg-25 {
2468
- margin-left: 25%;
2332
+ margin-inline-start: 25%;
2469
2333
  }
2470
2334
  .pa-offset-lg-30 {
2471
- margin-left: 30%;
2335
+ margin-inline-start: 30%;
2472
2336
  }
2473
2337
  .pa-offset-lg-35 {
2474
- margin-left: 35%;
2338
+ margin-inline-start: 35%;
2475
2339
  }
2476
2340
  .pa-offset-lg-40 {
2477
- margin-left: 40%;
2341
+ margin-inline-start: 40%;
2478
2342
  }
2479
2343
  .pa-offset-lg-45 {
2480
- margin-left: 45%;
2344
+ margin-inline-start: 45%;
2481
2345
  }
2482
2346
  .pa-offset-lg-50 {
2483
- margin-left: 50%;
2347
+ margin-inline-start: 50%;
2484
2348
  }
2485
2349
  .pa-offset-lg-55 {
2486
- margin-left: 55%;
2350
+ margin-inline-start: 55%;
2487
2351
  }
2488
2352
  .pa-offset-lg-60 {
2489
- margin-left: 60%;
2353
+ margin-inline-start: 60%;
2490
2354
  }
2491
2355
  .pa-offset-lg-65 {
2492
- margin-left: 65%;
2356
+ margin-inline-start: 65%;
2493
2357
  }
2494
2358
  .pa-offset-lg-70 {
2495
- margin-left: 70%;
2359
+ margin-inline-start: 70%;
2496
2360
  }
2497
2361
  .pa-offset-lg-75 {
2498
- margin-left: 75%;
2362
+ margin-inline-start: 75%;
2499
2363
  }
2500
2364
  .pa-offset-lg-80 {
2501
- margin-left: 80%;
2365
+ margin-inline-start: 80%;
2502
2366
  }
2503
2367
  .pa-offset-lg-85 {
2504
- margin-left: 85%;
2368
+ margin-inline-start: 85%;
2505
2369
  }
2506
2370
  .pa-offset-lg-90 {
2507
- margin-left: 90%;
2371
+ margin-inline-start: 90%;
2508
2372
  }
2509
2373
  .pa-offset-lg-95 {
2510
- margin-left: 95%;
2374
+ margin-inline-start: 95%;
2511
2375
  }
2512
2376
  .pa-col-lg-auto {
2513
2377
  flex: 0 0 auto;
@@ -2518,304 +2382,269 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2518
2382
  .pa-col-xl-5 {
2519
2383
  flex: 0 0 5%;
2520
2384
  max-width: 5%;
2521
- padding-left: 0.8rem;
2522
- padding-right: 0.8rem;
2385
+ padding-inline: 0.8rem;
2523
2386
  min-width: 0;
2524
2387
  }
2525
2388
  .pa-col-xl-10 {
2526
2389
  flex: 0 0 10%;
2527
2390
  max-width: 10%;
2528
- padding-left: 0.8rem;
2529
- padding-right: 0.8rem;
2391
+ padding-inline: 0.8rem;
2530
2392
  min-width: 0;
2531
2393
  }
2532
2394
  .pa-col-xl-15 {
2533
2395
  flex: 0 0 15%;
2534
2396
  max-width: 15%;
2535
- padding-left: 0.8rem;
2536
- padding-right: 0.8rem;
2397
+ padding-inline: 0.8rem;
2537
2398
  min-width: 0;
2538
2399
  }
2539
2400
  .pa-col-xl-20 {
2540
2401
  flex: 0 0 20%;
2541
2402
  max-width: 20%;
2542
- padding-left: 0.8rem;
2543
- padding-right: 0.8rem;
2403
+ padding-inline: 0.8rem;
2544
2404
  min-width: 0;
2545
2405
  }
2546
2406
  .pa-col-xl-25 {
2547
2407
  flex: 0 0 25%;
2548
2408
  max-width: 25%;
2549
- padding-left: 0.8rem;
2550
- padding-right: 0.8rem;
2409
+ padding-inline: 0.8rem;
2551
2410
  min-width: 0;
2552
2411
  }
2553
2412
  .pa-col-xl-30 {
2554
2413
  flex: 0 0 30%;
2555
2414
  max-width: 30%;
2556
- padding-left: 0.8rem;
2557
- padding-right: 0.8rem;
2415
+ padding-inline: 0.8rem;
2558
2416
  min-width: 0;
2559
2417
  }
2560
2418
  .pa-col-xl-35 {
2561
2419
  flex: 0 0 35%;
2562
2420
  max-width: 35%;
2563
- padding-left: 0.8rem;
2564
- padding-right: 0.8rem;
2421
+ padding-inline: 0.8rem;
2565
2422
  min-width: 0;
2566
2423
  }
2567
2424
  .pa-col-xl-40 {
2568
2425
  flex: 0 0 40%;
2569
2426
  max-width: 40%;
2570
- padding-left: 0.8rem;
2571
- padding-right: 0.8rem;
2427
+ padding-inline: 0.8rem;
2572
2428
  min-width: 0;
2573
2429
  }
2574
2430
  .pa-col-xl-45 {
2575
2431
  flex: 0 0 45%;
2576
2432
  max-width: 45%;
2577
- padding-left: 0.8rem;
2578
- padding-right: 0.8rem;
2433
+ padding-inline: 0.8rem;
2579
2434
  min-width: 0;
2580
2435
  }
2581
2436
  .pa-col-xl-50 {
2582
2437
  flex: 0 0 50%;
2583
2438
  max-width: 50%;
2584
- padding-left: 0.8rem;
2585
- padding-right: 0.8rem;
2439
+ padding-inline: 0.8rem;
2586
2440
  min-width: 0;
2587
2441
  }
2588
2442
  .pa-col-xl-55 {
2589
2443
  flex: 0 0 55%;
2590
2444
  max-width: 55%;
2591
- padding-left: 0.8rem;
2592
- padding-right: 0.8rem;
2445
+ padding-inline: 0.8rem;
2593
2446
  min-width: 0;
2594
2447
  }
2595
2448
  .pa-col-xl-60 {
2596
2449
  flex: 0 0 60%;
2597
2450
  max-width: 60%;
2598
- padding-left: 0.8rem;
2599
- padding-right: 0.8rem;
2451
+ padding-inline: 0.8rem;
2600
2452
  min-width: 0;
2601
2453
  }
2602
2454
  .pa-col-xl-65 {
2603
2455
  flex: 0 0 65%;
2604
2456
  max-width: 65%;
2605
- padding-left: 0.8rem;
2606
- padding-right: 0.8rem;
2457
+ padding-inline: 0.8rem;
2607
2458
  min-width: 0;
2608
2459
  }
2609
2460
  .pa-col-xl-70 {
2610
2461
  flex: 0 0 70%;
2611
2462
  max-width: 70%;
2612
- padding-left: 0.8rem;
2613
- padding-right: 0.8rem;
2463
+ padding-inline: 0.8rem;
2614
2464
  min-width: 0;
2615
2465
  }
2616
2466
  .pa-col-xl-75 {
2617
2467
  flex: 0 0 75%;
2618
2468
  max-width: 75%;
2619
- padding-left: 0.8rem;
2620
- padding-right: 0.8rem;
2469
+ padding-inline: 0.8rem;
2621
2470
  min-width: 0;
2622
2471
  }
2623
2472
  .pa-col-xl-80 {
2624
2473
  flex: 0 0 80%;
2625
2474
  max-width: 80%;
2626
- padding-left: 0.8rem;
2627
- padding-right: 0.8rem;
2475
+ padding-inline: 0.8rem;
2628
2476
  min-width: 0;
2629
2477
  }
2630
2478
  .pa-col-xl-85 {
2631
2479
  flex: 0 0 85%;
2632
2480
  max-width: 85%;
2633
- padding-left: 0.8rem;
2634
- padding-right: 0.8rem;
2481
+ padding-inline: 0.8rem;
2635
2482
  min-width: 0;
2636
2483
  }
2637
2484
  .pa-col-xl-90 {
2638
2485
  flex: 0 0 90%;
2639
2486
  max-width: 90%;
2640
- padding-left: 0.8rem;
2641
- padding-right: 0.8rem;
2487
+ padding-inline: 0.8rem;
2642
2488
  min-width: 0;
2643
2489
  }
2644
2490
  .pa-col-xl-95 {
2645
2491
  flex: 0 0 95%;
2646
2492
  max-width: 95%;
2647
- padding-left: 0.8rem;
2648
- padding-right: 0.8rem;
2493
+ padding-inline: 0.8rem;
2649
2494
  min-width: 0;
2650
2495
  }
2651
2496
  .pa-col-xl-100 {
2652
2497
  flex: 0 0 100%;
2653
2498
  max-width: 100%;
2654
- padding-left: 0.8rem;
2655
- padding-right: 0.8rem;
2499
+ padding-inline: 0.8rem;
2656
2500
  min-width: 0;
2657
2501
  }
2658
2502
  .pa-col-xl-1-2 {
2659
2503
  flex: 0 0 50%;
2660
2504
  max-width: 50%;
2661
- padding-left: 0.8rem;
2662
- padding-right: 0.8rem;
2505
+ padding-inline: 0.8rem;
2663
2506
  min-width: 0;
2664
2507
  }
2665
2508
  .pa-col-xl-1-3 {
2666
2509
  flex: 0 0 33.333%;
2667
2510
  max-width: 33.333%;
2668
- padding-left: 0.8rem;
2669
- padding-right: 0.8rem;
2511
+ padding-inline: 0.8rem;
2670
2512
  min-width: 0;
2671
2513
  }
2672
2514
  .pa-col-xl-2-3 {
2673
2515
  flex: 0 0 66.667%;
2674
2516
  max-width: 66.667%;
2675
- padding-left: 0.8rem;
2676
- padding-right: 0.8rem;
2517
+ padding-inline: 0.8rem;
2677
2518
  min-width: 0;
2678
2519
  }
2679
2520
  .pa-col-xl-1-4 {
2680
2521
  flex: 0 0 25%;
2681
2522
  max-width: 25%;
2682
- padding-left: 0.8rem;
2683
- padding-right: 0.8rem;
2523
+ padding-inline: 0.8rem;
2684
2524
  min-width: 0;
2685
2525
  }
2686
2526
  .pa-col-xl-3-4 {
2687
2527
  flex: 0 0 75%;
2688
2528
  max-width: 75%;
2689
- padding-left: 0.8rem;
2690
- padding-right: 0.8rem;
2529
+ padding-inline: 0.8rem;
2691
2530
  min-width: 0;
2692
2531
  }
2693
2532
  .pa-col-xl-1-5 {
2694
2533
  flex: 0 0 20%;
2695
2534
  max-width: 20%;
2696
- padding-left: 0.8rem;
2697
- padding-right: 0.8rem;
2535
+ padding-inline: 0.8rem;
2698
2536
  min-width: 0;
2699
2537
  }
2700
2538
  .pa-col-xl-2-5 {
2701
2539
  flex: 0 0 40%;
2702
2540
  max-width: 40%;
2703
- padding-left: 0.8rem;
2704
- padding-right: 0.8rem;
2541
+ padding-inline: 0.8rem;
2705
2542
  min-width: 0;
2706
2543
  }
2707
2544
  .pa-col-xl-3-5 {
2708
2545
  flex: 0 0 60%;
2709
2546
  max-width: 60%;
2710
- padding-left: 0.8rem;
2711
- padding-right: 0.8rem;
2547
+ padding-inline: 0.8rem;
2712
2548
  min-width: 0;
2713
2549
  }
2714
2550
  .pa-col-xl-4-5 {
2715
2551
  flex: 0 0 80%;
2716
2552
  max-width: 80%;
2717
- padding-left: 0.8rem;
2718
- padding-right: 0.8rem;
2553
+ padding-inline: 0.8rem;
2719
2554
  min-width: 0;
2720
2555
  }
2721
2556
  .pa-col-xl-1-6 {
2722
2557
  flex: 0 0 16.667%;
2723
2558
  max-width: 16.667%;
2724
- padding-left: 0.8rem;
2725
- padding-right: 0.8rem;
2559
+ padding-inline: 0.8rem;
2726
2560
  min-width: 0;
2727
2561
  }
2728
2562
  .pa-col-xl-5-6 {
2729
2563
  flex: 0 0 83.333%;
2730
2564
  max-width: 83.333%;
2731
- padding-left: 0.8rem;
2732
- padding-right: 0.8rem;
2565
+ padding-inline: 0.8rem;
2733
2566
  min-width: 0;
2734
2567
  }
2735
2568
  .pa-col-xl-1-12 {
2736
2569
  flex: 0 0 8.333%;
2737
2570
  max-width: 8.333%;
2738
- padding-left: 0.8rem;
2739
- padding-right: 0.8rem;
2571
+ padding-inline: 0.8rem;
2740
2572
  min-width: 0;
2741
2573
  }
2742
2574
  .pa-col-xl-5-12 {
2743
2575
  flex: 0 0 41.667%;
2744
2576
  max-width: 41.667%;
2745
- padding-left: 0.8rem;
2746
- padding-right: 0.8rem;
2577
+ padding-inline: 0.8rem;
2747
2578
  min-width: 0;
2748
2579
  }
2749
2580
  .pa-col-xl-7-12 {
2750
2581
  flex: 0 0 58.333%;
2751
2582
  max-width: 58.333%;
2752
- padding-left: 0.8rem;
2753
- padding-right: 0.8rem;
2583
+ padding-inline: 0.8rem;
2754
2584
  min-width: 0;
2755
2585
  }
2756
2586
  .pa-col-xl-11-12 {
2757
2587
  flex: 0 0 91.667%;
2758
2588
  max-width: 91.667%;
2759
- padding-left: 0.8rem;
2760
- padding-right: 0.8rem;
2589
+ padding-inline: 0.8rem;
2761
2590
  min-width: 0;
2762
2591
  }
2763
2592
  .pa-offset-xl-5 {
2764
- margin-left: 5%;
2593
+ margin-inline-start: 5%;
2765
2594
  }
2766
2595
  .pa-offset-xl-10 {
2767
- margin-left: 10%;
2596
+ margin-inline-start: 10%;
2768
2597
  }
2769
2598
  .pa-offset-xl-15 {
2770
- margin-left: 15%;
2599
+ margin-inline-start: 15%;
2771
2600
  }
2772
2601
  .pa-offset-xl-20 {
2773
- margin-left: 20%;
2602
+ margin-inline-start: 20%;
2774
2603
  }
2775
2604
  .pa-offset-xl-25 {
2776
- margin-left: 25%;
2605
+ margin-inline-start: 25%;
2777
2606
  }
2778
2607
  .pa-offset-xl-30 {
2779
- margin-left: 30%;
2608
+ margin-inline-start: 30%;
2780
2609
  }
2781
2610
  .pa-offset-xl-35 {
2782
- margin-left: 35%;
2611
+ margin-inline-start: 35%;
2783
2612
  }
2784
2613
  .pa-offset-xl-40 {
2785
- margin-left: 40%;
2614
+ margin-inline-start: 40%;
2786
2615
  }
2787
2616
  .pa-offset-xl-45 {
2788
- margin-left: 45%;
2617
+ margin-inline-start: 45%;
2789
2618
  }
2790
2619
  .pa-offset-xl-50 {
2791
- margin-left: 50%;
2620
+ margin-inline-start: 50%;
2792
2621
  }
2793
2622
  .pa-offset-xl-55 {
2794
- margin-left: 55%;
2623
+ margin-inline-start: 55%;
2795
2624
  }
2796
2625
  .pa-offset-xl-60 {
2797
- margin-left: 60%;
2626
+ margin-inline-start: 60%;
2798
2627
  }
2799
2628
  .pa-offset-xl-65 {
2800
- margin-left: 65%;
2629
+ margin-inline-start: 65%;
2801
2630
  }
2802
2631
  .pa-offset-xl-70 {
2803
- margin-left: 70%;
2632
+ margin-inline-start: 70%;
2804
2633
  }
2805
2634
  .pa-offset-xl-75 {
2806
- margin-left: 75%;
2635
+ margin-inline-start: 75%;
2807
2636
  }
2808
2637
  .pa-offset-xl-80 {
2809
- margin-left: 80%;
2638
+ margin-inline-start: 80%;
2810
2639
  }
2811
2640
  .pa-offset-xl-85 {
2812
- margin-left: 85%;
2641
+ margin-inline-start: 85%;
2813
2642
  }
2814
2643
  .pa-offset-xl-90 {
2815
- margin-left: 90%;
2644
+ margin-inline-start: 90%;
2816
2645
  }
2817
2646
  .pa-offset-xl-95 {
2818
- margin-left: 95%;
2647
+ margin-inline-start: 95%;
2819
2648
  }
2820
2649
  .pa-col-xl-auto {
2821
2650
  flex: 0 0 auto;
@@ -2823,8 +2652,7 @@ body:not(.sidebar-hidden) .pa-layout__sidebar--icon-collapse .pa-sidebar__icon {
2823
2652
  }
2824
2653
  }
2825
2654
  .pa-col--no-padding {
2826
- padding-left: 0;
2827
- padding-right: 0;
2655
+ padding-inline: 0;
2828
2656
  }
2829
2657
 
2830
2658
  .pa-col--grow {
@@ -3623,10 +3451,10 @@ a.pa-card p {
3623
3451
  .pa-tabs--vertical {
3624
3452
  flex-direction: column;
3625
3453
  border-bottom: none;
3626
- border-right: 1px solid var(--pa-border-color);
3454
+ border-inline-end: 1px solid var(--pa-border-color);
3627
3455
  gap: 0;
3628
3456
  margin-bottom: 0;
3629
- padding-right: 0;
3457
+ padding-inline-end: 0;
3630
3458
  width: fit-content;
3631
3459
  min-width: max-content;
3632
3460
  }
@@ -3634,9 +3462,12 @@ a.pa-card p {
3634
3462
  .pa-tabs--vertical .pa-tabs__item {
3635
3463
  justify-content: flex-start;
3636
3464
  border-bottom: none;
3637
- border-right: 2px solid transparent;
3465
+ border-inline-end: 2px solid transparent;
3638
3466
  padding: 0.8rem;
3639
- border-radius: 4px 0 0 4px;
3467
+ border-start-start-radius: 4px;
3468
+ border-end-start-radius: 4px;
3469
+ border-start-end-radius: 0;
3470
+ border-end-end-radius: 0;
3640
3471
  gap: 1.2rem;
3641
3472
  white-space: nowrap;
3642
3473
  min-height: 4rem;
@@ -3647,7 +3478,7 @@ a.pa-card p {
3647
3478
  }
3648
3479
 
3649
3480
  .pa-tabs--vertical .pa-tabs__item--active {
3650
- border-right-color: #007bff;
3481
+ border-inline-end-color: #007bff;
3651
3482
  background-color: rgba(0, 123, 255, 0.1);
3652
3483
  }
3653
3484
 
@@ -3720,16 +3551,24 @@ a.pa-card p {
3720
3551
  background: linear-gradient(to right, var(--pa-main-bg), color-mix(in srgb, var(--pa-main-bg) 80%, transparent));
3721
3552
  }
3722
3553
 
3723
- .pa-tabs--scrollable .pa-tabs__scroll-btn--left {
3724
- left: 0;
3554
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--left, .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3555
+ inset-inline-start: 0;
3725
3556
  background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3726
3557
  }
3727
3558
 
3728
- .pa-tabs--scrollable .pa-tabs__scroll-btn--right {
3729
- right: 0;
3559
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--left, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--start {
3560
+ background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3561
+ }
3562
+
3563
+ .pa-tabs--scrollable .pa-tabs__scroll-btn--right, .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3564
+ inset-inline-end: 0;
3730
3565
  background: linear-gradient(to left, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3731
3566
  }
3732
3567
 
3568
+ [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--right, [dir=rtl] .pa-tabs--scrollable .pa-tabs__scroll-btn--end {
3569
+ background: linear-gradient(to right, color-mix(in srgb, var(--pa-main-bg) 95%, transparent), transparent);
3570
+ }
3571
+
3733
3572
  .pa-tabs--scrollable .pa-tabs__scroll-btn--visible {
3734
3573
  opacity: 1;
3735
3574
  pointer-events: auto;
@@ -3846,7 +3685,7 @@ a.pa-card p {
3846
3685
 
3847
3686
  .pa-tabs__container--card .pa-tabs__overflow {
3848
3687
  position: relative;
3849
- margin-left: auto;
3688
+ margin-inline-start: auto;
3850
3689
  flex-shrink: 0;
3851
3690
  }
3852
3691
 
@@ -3863,7 +3702,7 @@ a.pa-card p {
3863
3702
  color: var(--pa-text-color-2);
3864
3703
  cursor: pointer;
3865
3704
  transition: all 0.1s ease-out;
3866
- border-left: 1px solid var(--pa-border-color);
3705
+ border-inline-start: 1px solid var(--pa-border-color);
3867
3706
  margin: -0.5rem -1rem -0.5rem 0;
3868
3707
  box-sizing: content-box;
3869
3708
  height: 4rem;
@@ -3895,7 +3734,7 @@ a.pa-card p {
3895
3734
  .pa-tabs__container--card .pa-tabs__overflow-menu {
3896
3735
  position: absolute;
3897
3736
  top: 4rem;
3898
- right: 0;
3737
+ inset-inline-end: 0;
3899
3738
  min-width: 15rem;
3900
3739
  background: var(--pa-card-bg);
3901
3740
  border: 1px solid var(--pa-border-color);
@@ -3916,7 +3755,7 @@ a.pa-card p {
3916
3755
  border: none;
3917
3756
  border-bottom: none;
3918
3757
  border-radius: 0;
3919
- text-align: left;
3758
+ text-align: start;
3920
3759
  white-space: nowrap;
3921
3760
  }
3922
3761
 
@@ -3948,7 +3787,7 @@ a.pa-card p {
3948
3787
  }
3949
3788
 
3950
3789
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical {
3951
- border-right: 1px solid var(--pa-border-color);
3790
+ border-inline-end: 1px solid var(--pa-border-color);
3952
3791
  }
3953
3792
 
3954
3793
  .pa-tabs__vertical-layout--bordered .pa-tabs--vertical .pa-tabs__item {
@@ -4154,7 +3993,7 @@ a.pa-card p {
4154
3993
  ======================================== */
4155
3994
  .pa-list-basic {
4156
3995
  margin: 0;
4157
- padding-left: 2.4rem;
3996
+ padding-inline-start: 2.4rem;
4158
3997
  }
4159
3998
 
4160
3999
  .pa-list-basic li {
@@ -4172,12 +4011,12 @@ a.pa-card p {
4172
4011
 
4173
4012
  .pa-list-basic--unstyled {
4174
4013
  list-style: none;
4175
- padding-left: 0;
4014
+ padding-inline-start: 0;
4176
4015
  }
4177
4016
 
4178
4017
  .pa-list-basic--inline {
4179
4018
  list-style: none;
4180
- padding-left: 0;
4019
+ padding-inline-start: 0;
4181
4020
  display: flex;
4182
4021
  flex-wrap: wrap;
4183
4022
  gap: 1.6rem;
@@ -4185,7 +4024,7 @@ a.pa-card p {
4185
4024
 
4186
4025
  .pa-list-basic--bordered {
4187
4026
  list-style: none;
4188
- padding-left: 0;
4027
+ padding-inline-start: 0;
4189
4028
  }
4190
4029
 
4191
4030
  .pa-list-basic--bordered li {
@@ -4199,7 +4038,7 @@ a.pa-card p {
4199
4038
 
4200
4039
  .pa-list-basic--striped {
4201
4040
  list-style: none;
4202
- padding-left: 0;
4041
+ padding-inline-start: 0;
4203
4042
  }
4204
4043
 
4205
4044
  .pa-list-basic--striped li {
@@ -4212,7 +4051,7 @@ a.pa-card p {
4212
4051
 
4213
4052
  .pa-list-basic--icon {
4214
4053
  list-style: none;
4215
- padding-left: 0;
4054
+ padding-inline-start: 0;
4216
4055
  }
4217
4056
 
4218
4057
  .pa-list-basic--icon li {
@@ -4245,13 +4084,13 @@ a.pa-card p {
4245
4084
 
4246
4085
  .pa-list-ordered {
4247
4086
  margin: 0;
4248
- padding-left: 2.4rem;
4087
+ padding-inline-start: 2.4rem;
4249
4088
  }
4250
4089
 
4251
4090
  .pa-list-ordered li {
4252
4091
  margin-bottom: 0.8rem;
4253
4092
  line-height: 1.6;
4254
- padding-left: 0.4rem;
4093
+ padding-inline-start: 0.4rem;
4255
4094
  }
4256
4095
 
4257
4096
  .pa-list-ordered--roman {
@@ -4278,7 +4117,7 @@ a.pa-card p {
4278
4117
  }
4279
4118
 
4280
4119
  .pa-list-definition dd {
4281
- margin-left: 2.4rem;
4120
+ margin-inline-start: 2.4rem;
4282
4121
  margin-bottom: 0.8rem;
4283
4122
  color: var(--pa-text-color-2);
4284
4123
  line-height: 1.6;
@@ -4286,7 +4125,7 @@ a.pa-card p {
4286
4125
 
4287
4126
  .pa-list-definition--inline dt {
4288
4127
  display: inline;
4289
- margin-right: 0.4rem;
4128
+ margin-inline-end: 0.4rem;
4290
4129
  }
4291
4130
 
4292
4131
  .pa-list-definition--inline dt::after {
@@ -4295,8 +4134,8 @@ a.pa-card p {
4295
4134
 
4296
4135
  .pa-list-definition--inline dd {
4297
4136
  display: inline;
4298
- margin-left: 0;
4299
- margin-right: 1.6rem;
4137
+ margin-inline-start: 0;
4138
+ margin-inline-end: 1.6rem;
4300
4139
  }
4301
4140
 
4302
4141
  .pa-list-definition--inline dd::after {
@@ -5400,16 +5239,16 @@ a.pa-card p {
5400
5239
  }
5401
5240
 
5402
5241
  .pa-btn__icon {
5403
- margin-right: 0.8rem;
5242
+ margin-inline-end: 0.8rem;
5404
5243
  }
5405
5244
 
5406
5245
  .pa-btn__icon:last-child {
5407
- margin-right: 0;
5408
- margin-left: 0.8rem;
5246
+ margin-inline-end: 0;
5247
+ margin-inline-start: 0.8rem;
5409
5248
  }
5410
5249
 
5411
5250
  .pa-btn:has(.pa-btn__icon) {
5412
- text-align: left;
5251
+ text-align: start;
5413
5252
  display: inline-flex;
5414
5253
  align-items: center;
5415
5254
  gap: 0.8rem;
@@ -5434,7 +5273,7 @@ a.pa-card p {
5434
5273
  }
5435
5274
 
5436
5275
  .pa-btn--align-left .pa-btn__icon {
5437
- padding-left: 0;
5276
+ padding-inline-start: 0;
5438
5277
  }
5439
5278
 
5440
5279
  .pa-btn--align-right {
@@ -5442,7 +5281,7 @@ a.pa-card p {
5442
5281
  }
5443
5282
 
5444
5283
  .pa-btn--align-right .pa-btn__icon {
5445
- padding-right: 0;
5284
+ padding-inline-end: 0;
5446
5285
  }
5447
5286
 
5448
5287
  .pa-btn--align-center {
@@ -5454,11 +5293,11 @@ a.pa-card p {
5454
5293
  }
5455
5294
 
5456
5295
  .pa-btn--align-justify .pa-btn__icon:first-child {
5457
- padding-left: 0;
5296
+ padding-inline-start: 0;
5458
5297
  }
5459
5298
 
5460
5299
  .pa-btn--align-justify > *:last-child {
5461
- padding-right: 0;
5300
+ padding-inline-end: 0;
5462
5301
  }
5463
5302
 
5464
5303
  .pa-btn-group {
@@ -5847,7 +5686,7 @@ a.pa-card p {
5847
5686
 
5848
5687
  .pa-tooltip--multiline::before {
5849
5688
  white-space: normal;
5850
- text-align: left;
5689
+ text-align: start;
5851
5690
  width: 32rem;
5852
5691
  max-width: 32rem;
5853
5692
  line-height: 1.5;
@@ -6391,7 +6230,7 @@ a.pa-card p {
6391
6230
  font-size: 1.4rem;
6392
6231
  line-height: 1.5;
6393
6232
  color: var(--pa-text-color-1);
6394
- text-align: left;
6233
+ text-align: start;
6395
6234
  }
6396
6235
 
6397
6236
  .pa-popover__body p {
@@ -6413,7 +6252,7 @@ a.pa-card p {
6413
6252
 
6414
6253
  .pa-popover__body ul, .pa-popover__body ol {
6415
6254
  margin: 0.8rem 0;
6416
- padding-left: 2.4rem;
6255
+ padding-inline-start: 2.4rem;
6417
6256
  }
6418
6257
 
6419
6258
  .pa-popover__body code {
@@ -6460,8 +6299,12 @@ a.pa-card p {
6460
6299
  text-align: center;
6461
6300
  }
6462
6301
 
6302
+ .pa-popover--end .pa-popover__body {
6303
+ text-align: end;
6304
+ }
6305
+
6463
6306
  .pa-popover--right .pa-popover__body {
6464
- text-align: right;
6307
+ text-align: end;
6465
6308
  }
6466
6309
 
6467
6310
  .pa-tooltip-floating {
@@ -6480,7 +6323,7 @@ a.pa-card p {
6480
6323
 
6481
6324
  .pa-tooltip-floating.pa-tooltip--multiline {
6482
6325
  white-space: normal;
6483
- text-align: left;
6326
+ text-align: start;
6484
6327
  max-width: 32rem;
6485
6328
  }
6486
6329
 
@@ -6667,7 +6510,7 @@ a.pa-card p {
6667
6510
  }
6668
6511
 
6669
6512
  .pa-alert--dismissible {
6670
- padding-right: 4.8rem;
6513
+ padding-inline-end: 4.8rem;
6671
6514
  }
6672
6515
 
6673
6516
  .pa-alert__icon {
@@ -6689,7 +6532,7 @@ a.pa-card p {
6689
6532
 
6690
6533
  .pa-alert__list {
6691
6534
  margin: 0.8rem 0;
6692
- padding-left: 2.4rem;
6535
+ padding-inline-start: 2.4rem;
6693
6536
  }
6694
6537
 
6695
6538
  .pa-alert__actions {
@@ -6701,7 +6544,7 @@ a.pa-card p {
6701
6544
  .pa-alert__close {
6702
6545
  position: absolute;
6703
6546
  top: 0;
6704
- right: 0;
6547
+ inset-inline-end: 0;
6705
6548
  z-index: 2px;
6706
6549
  padding: 1.2rem 1rem;
6707
6550
  background: none;
@@ -6761,7 +6604,7 @@ a.pa-card p {
6761
6604
  position: relative;
6762
6605
  padding: 1.2rem 1rem;
6763
6606
  margin-bottom: 1.6rem;
6764
- border-left: 0.4rem solid var(--pa-border-color);
6607
+ border-inline-start: 0.4rem solid var(--pa-border-color);
6765
6608
  border-radius: 4px;
6766
6609
  font-size: 1.4rem;
6767
6610
  background-color: var(--pa-card-bg);
@@ -6776,32 +6619,32 @@ a.pa-card p {
6776
6619
  }
6777
6620
 
6778
6621
  .pa-callout--primary {
6779
- border-left-color: var(--pa-accent);
6622
+ border-inline-start-color: var(--pa-accent);
6780
6623
  background-color: rgba(0, 123, 255, 0.08);
6781
6624
  }
6782
6625
 
6783
6626
  .pa-callout--secondary {
6784
- border-left-color: var(--pa-text-color-2);
6627
+ border-inline-start-color: var(--pa-text-color-2);
6785
6628
  background-color: color-mix(in srgb, var(--pa-text-color-2) 5%, transparent);
6786
6629
  }
6787
6630
 
6788
6631
  .pa-callout--success {
6789
- border-left-color: var(--pa-success-bg);
6632
+ border-inline-start-color: var(--pa-success-bg);
6790
6633
  background-color: var(--pa-success-bg-subtle);
6791
6634
  }
6792
6635
 
6793
6636
  .pa-callout--danger {
6794
- border-left-color: var(--pa-danger-bg);
6637
+ border-inline-start-color: var(--pa-danger-bg);
6795
6638
  background-color: var(--pa-danger-bg-subtle);
6796
6639
  }
6797
6640
 
6798
6641
  .pa-callout--warning {
6799
- border-left-color: var(--pa-warning-bg);
6642
+ border-inline-start-color: var(--pa-warning-bg);
6800
6643
  background-color: var(--pa-warning-bg-subtle);
6801
6644
  }
6802
6645
 
6803
6646
  .pa-callout--info {
6804
- border-left-color: var(--pa-info-bg);
6647
+ border-inline-start-color: var(--pa-info-bg);
6805
6648
  background-color: var(--pa-info-bg-subtle);
6806
6649
  }
6807
6650
 
@@ -6817,7 +6660,14 @@ a.pa-card p {
6817
6660
 
6818
6661
  .pa-callout__icon {
6819
6662
  float: left;
6820
- margin-right: 0.8rem;
6663
+ margin-inline-end: 0.8rem;
6664
+ }
6665
+
6666
+ [dir=rtl] .pa-callout__icon {
6667
+ float: right;
6668
+ }
6669
+
6670
+ .pa-callout__icon {
6821
6671
  font-size: 1.8rem;
6822
6672
  line-height: 1;
6823
6673
  }
@@ -6848,7 +6698,7 @@ a.pa-card p {
6848
6698
 
6849
6699
  .pa-callout ul, .pa-callout ol {
6850
6700
  margin: 0.8rem 0;
6851
- padding-left: 2.4rem;
6701
+ padding-inline-start: 2.4rem;
6852
6702
  }
6853
6703
 
6854
6704
  .pa-callout ul:last-child, .pa-callout ol:last-child {
@@ -7311,6 +7161,7 @@ a.pa-card p {
7311
7161
  /* ========================================
7312
7162
  Input Groups
7313
7163
  Input groups with prepend/append addons and buttons
7164
+ RTL-aware using CSS logical properties
7314
7165
  ======================================== */
7315
7166
  .pa-input-group {
7316
7167
  display: flex;
@@ -7323,21 +7174,21 @@ a.pa-card p {
7323
7174
  }
7324
7175
 
7325
7176
  .pa-input-group .pa-input:first-child {
7326
- border-top-left-radius: 4px;
7327
- border-bottom-left-radius: 4px;
7177
+ border-start-start-radius: 4px;
7178
+ border-end-start-radius: 4px;
7328
7179
  }
7329
7180
 
7330
7181
  .pa-input-group .pa-input:last-child {
7331
- border-top-right-radius: 4px;
7332
- border-bottom-right-radius: 4px;
7182
+ border-start-end-radius: 4px;
7183
+ border-end-end-radius: 4px;
7333
7184
  }
7334
7185
 
7335
7186
  .pa-input-group .pa-input:not(:first-child) {
7336
- border-left: none;
7187
+ border-inline-start: none;
7337
7188
  }
7338
7189
 
7339
7190
  .pa-input-group .pa-input:not(:last-child) {
7340
- border-right: none;
7191
+ border-inline-end: none;
7341
7192
  }
7342
7193
 
7343
7194
  .pa-input-group__prepend, .pa-input-group__append {
@@ -7356,48 +7207,48 @@ a.pa-card p {
7356
7207
  background-color: var(--pa-input-group-prepend-bg);
7357
7208
  color: var(--pa-input-group-prepend-text);
7358
7209
  border-color: var(--pa-input-group-prepend-bg);
7359
- border-right: none;
7210
+ border-inline-end: none;
7360
7211
  }
7361
7212
 
7362
7213
  .pa-input-group__prepend:first-child {
7363
- border-top-left-radius: 4px;
7364
- border-bottom-left-radius: 4px;
7214
+ border-start-start-radius: 4px;
7215
+ border-end-start-radius: 4px;
7365
7216
  }
7366
7217
 
7367
7218
  .pa-input-group__append {
7368
7219
  background-color: var(--pa-input-group-append-bg);
7369
7220
  color: var(--pa-input-group-append-text);
7370
7221
  border-color: var(--pa-input-group-append-bg);
7371
- border-left: none;
7222
+ border-inline-start: none;
7372
7223
  }
7373
7224
 
7374
7225
  .pa-input-group__append:last-child {
7375
- border-top-right-radius: 4px;
7376
- border-bottom-right-radius: 4px;
7226
+ border-start-end-radius: 4px;
7227
+ border-end-end-radius: 4px;
7377
7228
  }
7378
7229
 
7379
7230
  .pa-input-group__prepend + .pa-input-group__prepend {
7380
- border-left: 1px solid var(--pa-input-group-prepend-bg);
7231
+ border-inline-start: 1px solid var(--pa-input-group-prepend-bg);
7381
7232
  }
7382
7233
 
7383
7234
  .pa-input-group__append + .pa-input-group__append {
7384
- border-left: 1px solid var(--pa-input-group-append-bg);
7235
+ border-inline-start: 1px solid var(--pa-input-group-append-bg);
7385
7236
  }
7386
7237
 
7387
7238
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend {
7388
- border-right: 1px solid var(--pa-input-focus-border-color);
7239
+ border-inline-end: 1px solid var(--pa-input-focus-border-color);
7389
7240
  }
7390
7241
 
7391
7242
  .pa-input-group:has(.pa-input:focus) .pa-input-group__prepend:has(+ .pa-input-group__prepend) {
7392
- border-right: none;
7243
+ border-inline-end: none;
7393
7244
  }
7394
7245
 
7395
7246
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append {
7396
- border-left: 1px solid var(--pa-input-focus-border-color);
7247
+ border-inline-start: 1px solid var(--pa-input-focus-border-color);
7397
7248
  }
7398
7249
 
7399
7250
  .pa-input-group:has(.pa-input:focus) .pa-input-group__append + .pa-input-group__append {
7400
- border-left: 1px solid var(--pa-border-color);
7251
+ border-inline-start: 1px solid var(--pa-border-color);
7401
7252
  }
7402
7253
 
7403
7254
  .pa-input-group__button {
@@ -7405,13 +7256,13 @@ a.pa-card p {
7405
7256
  }
7406
7257
 
7407
7258
  .pa-input-group__button:first-child {
7408
- border-top-left-radius: 4px;
7409
- border-bottom-left-radius: 4px;
7259
+ border-start-start-radius: 4px;
7260
+ border-end-start-radius: 4px;
7410
7261
  }
7411
7262
 
7412
7263
  .pa-input-group__button:last-child {
7413
- border-top-right-radius: 4px;
7414
- border-bottom-right-radius: 4px;
7264
+ border-start-end-radius: 4px;
7265
+ border-end-end-radius: 4px;
7415
7266
  }
7416
7267
 
7417
7268
  .pa-input-group--xs .pa-input-group__prepend,
@@ -7460,12 +7311,12 @@ a.pa-card p {
7460
7311
  .pa-input-wrapper .pa-virtual-textbox {
7461
7312
  flex: 1;
7462
7313
  min-width: 0;
7463
- padding-right: 4rem;
7314
+ padding-inline-end: 4rem;
7464
7315
  }
7465
7316
 
7466
7317
  .pa-input-wrapper__clear {
7467
7318
  position: absolute;
7468
- right: 0.4rem;
7319
+ inset-inline-end: 0.4rem;
7469
7320
  top: 50%;
7470
7321
  transform: translateY(-50%);
7471
7322
  background: transparent;
@@ -7511,7 +7362,7 @@ a.pa-card p {
7511
7362
  }
7512
7363
 
7513
7364
  .pa-search-token-remove {
7514
- margin-left: 0.4rem;
7365
+ margin-inline-start: 0.4rem;
7515
7366
  padding: 0 0.4rem;
7516
7367
  border: none;
7517
7368
  background: transparent;
@@ -7611,7 +7462,7 @@ a.pa-card p {
7611
7462
  }
7612
7463
 
7613
7464
  .pa-search-autocomplete__item-type {
7614
- margin-left: auto;
7465
+ margin-inline-start: auto;
7615
7466
  font-size: 1.2rem;
7616
7467
  color: var(--pa-text-color-2);
7617
7468
  opacity: 0.7;
@@ -8137,7 +7988,7 @@ web-multiselect {
8137
7988
 
8138
7989
  .pa-file-dropzone__drop-prompt-icon {
8139
7990
  display: inline-block;
8140
- margin-right: 0.4rem;
7991
+ margin-inline-end: 0.4rem;
8141
7992
  font-size: 1.8rem;
8142
7993
  }
8143
7994
 
@@ -8406,7 +8257,7 @@ web-multiselect {
8406
8257
  }
8407
8258
 
8408
8259
  .pa-file-popover__table th {
8409
- text-align: left;
8260
+ text-align: start;
8410
8261
  padding: 0.4rem 0.8rem;
8411
8262
  border-bottom: 1px solid var(--pa-border-color);
8412
8263
  color: var(--pa-text-color-2);
@@ -8815,13 +8666,13 @@ web-multiselect {
8815
8666
  }
8816
8667
 
8817
8668
  .pa-checkbox-list__label .pa-checkbox {
8818
- margin-right: 1.2rem;
8669
+ margin-inline-end: 1.2rem;
8819
8670
  gap: 0;
8820
8671
  }
8821
8672
 
8822
8673
  .pa-checkbox-list__checkbox {
8823
8674
  margin: 0;
8824
- margin-right: 1.2rem;
8675
+ margin-inline-end: 1.2rem;
8825
8676
  width: 1.6rem;
8826
8677
  height: 1.6rem;
8827
8678
  cursor: pointer;
@@ -8841,7 +8692,7 @@ web-multiselect {
8841
8692
 
8842
8693
  .pa-checkbox-list__actions {
8843
8694
  position: absolute;
8844
- right: 1.2rem;
8695
+ inset-inline-end: 1.2rem;
8845
8696
  top: 50%;
8846
8697
  transform: translateY(-50%);
8847
8698
  display: flex;
@@ -8855,7 +8706,7 @@ web-multiselect {
8855
8706
  }
8856
8707
 
8857
8708
  .pa-checkbox-list__item:has(.pa-checkbox-list__actions) .pa-checkbox-list__label {
8858
- padding-right: 6rem;
8709
+ padding-inline-end: 6rem;
8859
8710
  }
8860
8711
 
8861
8712
  .pa-checkbox-list--compact .pa-checkbox-list__label {
@@ -8974,7 +8825,7 @@ web-multiselect {
8974
8825
  }
8975
8826
 
8976
8827
  .pa-checkbox-list--2col .pa-checkbox-list__item:nth-child(odd) {
8977
- border-right: 1px solid var(--pa-border-color);
8828
+ border-inline-end: 1px solid var(--pa-border-color);
8978
8829
  }
8979
8830
 
8980
8831
  .pa-checkbox-list--3col {
@@ -8984,7 +8835,7 @@ web-multiselect {
8984
8835
  }
8985
8836
 
8986
8837
  .pa-checkbox-list--3col .pa-checkbox-list__item:not(:nth-child(3n)) {
8987
- border-right: 1px solid var(--pa-border-color);
8838
+ border-inline-end: 1px solid var(--pa-border-color);
8988
8839
  }
8989
8840
 
8990
8841
  .pa-table .pa-table__checkbox-col {
@@ -9156,12 +9007,12 @@ web-multiselect {
9156
9007
 
9157
9008
  .pa-table-card__body .pa-table th:first-child,
9158
9009
  .pa-table-card__body .pa-table td:first-child {
9159
- padding-left: 1rem;
9010
+ padding-inline-start: 1rem;
9160
9011
  }
9161
9012
 
9162
9013
  .pa-table-card__body .pa-table th:last-child,
9163
9014
  .pa-table-card__body .pa-table td:last-child {
9164
- padding-right: 1rem;
9015
+ padding-inline-end: 1rem;
9165
9016
  }
9166
9017
 
9167
9018
  .pa-table-card__body .pa-table tbody tr:last-child td {
@@ -9171,8 +9022,8 @@ web-multiselect {
9171
9022
  .pa-table-card__footer {
9172
9023
  padding: 1.2rem 1rem;
9173
9024
  border-top: 1px solid var(--pa-border-color);
9174
- border-bottom-left-radius: 8px;
9175
- border-bottom-right-radius: 8px;
9025
+ border-end-start-radius: 8px;
9026
+ border-end-end-radius: 8px;
9176
9027
  background: var(--pa-card-footer-bg);
9177
9028
  display: flex;
9178
9029
  justify-content: space-between;
@@ -9363,16 +9214,14 @@ web-multiselect {
9363
9214
  background: transparent;
9364
9215
  border-bottom: none;
9365
9216
  border-radius: 0;
9366
- padding-left: 0;
9367
- padding-right: 0;
9217
+ padding-inline: 0;
9368
9218
  }
9369
9219
 
9370
9220
  .pa-table-card--plain .pa-table-card__footer {
9371
9221
  background: transparent;
9372
9222
  border-top: none;
9373
9223
  border-radius: 0;
9374
- padding-left: 0;
9375
- padding-right: 0;
9224
+ padding-inline: 0;
9376
9225
  }
9377
9226
 
9378
9227
  .pa-table {
@@ -9385,7 +9234,7 @@ web-multiselect {
9385
9234
  .pa-table th,
9386
9235
  .pa-table td {
9387
9236
  padding: 0.8rem 0.8rem;
9388
- text-align: left;
9237
+ text-align: start;
9389
9238
  border-bottom: 1px solid var(--pa-border-color);
9390
9239
  vertical-align: middle;
9391
9240
  line-height: 1.2;
@@ -9610,7 +9459,7 @@ web-multiselect {
9610
9459
  .pa-load-more__count {
9611
9460
  color: var(--pa-text-color-2);
9612
9461
  font-size: 1.2rem;
9613
- margin-left: 0.4rem;
9462
+ margin-inline-start: 0.4rem;
9614
9463
  }
9615
9464
 
9616
9465
  .pa-virtual-table {
@@ -9636,13 +9485,13 @@ web-multiselect {
9636
9485
  .pa-virtual-table__header-cell {
9637
9486
  padding: 0.5rem 0.8rem;
9638
9487
  font-weight: 600;
9639
- border-right: 1px solid var(--pa-border-color);
9488
+ border-inline-end: 1px solid var(--pa-border-color);
9640
9489
  background: var(--pa-table-header-bg);
9641
9490
  color: var(--pa-text-color-1);
9642
9491
  }
9643
9492
 
9644
9493
  .pa-virtual-table__header-cell:last-child {
9645
- border-right: none;
9494
+ border-inline-end: none;
9646
9495
  }
9647
9496
 
9648
9497
  .pa-virtual-table__body {
@@ -9666,7 +9515,7 @@ web-multiselect {
9666
9515
 
9667
9516
  .pa-virtual-table__cell {
9668
9517
  padding: 0.5rem 0.8rem;
9669
- border-right: 1px solid var(--pa-border-color);
9518
+ border-inline-end: 1px solid var(--pa-border-color);
9670
9519
  overflow: hidden;
9671
9520
  text-overflow: ellipsis;
9672
9521
  white-space: nowrap;
@@ -9675,15 +9524,14 @@ web-multiselect {
9675
9524
  }
9676
9525
 
9677
9526
  .pa-virtual-table__cell:last-child {
9678
- border-right: none;
9527
+ border-inline-end: none;
9679
9528
  }
9680
9529
 
9681
9530
  @media (max-width: 1024px) and (min-width: 769px) {
9682
9531
  .pa-table--responsive {
9683
9532
  overflow-x: auto;
9684
9533
  -webkit-overflow-scrolling: touch;
9685
- border-left: 1px solid var(--pa-border-color);
9686
- border-right: 1px solid var(--pa-border-color);
9534
+ border-inline: 1px solid var(--pa-border-color);
9687
9535
  }
9688
9536
  }
9689
9537
  @media (max-width: 768px) {
@@ -9702,7 +9550,7 @@ web-multiselect {
9702
9550
  }
9703
9551
  .pa-table--responsive tbody td {
9704
9552
  display: block;
9705
- text-align: right;
9553
+ text-align: end;
9706
9554
  padding: 1.2rem;
9707
9555
  position: relative;
9708
9556
  border-bottom: 1px solid var(--pa-border-color);
@@ -9713,14 +9561,14 @@ web-multiselect {
9713
9561
  .pa-table--responsive tbody td::before {
9714
9562
  content: attr(data-label);
9715
9563
  position: absolute;
9716
- left: 1.2rem;
9564
+ inset-inline-start: 1.2rem;
9717
9565
  top: 1.2rem;
9718
9566
  font-weight: 600;
9719
- text-align: left;
9567
+ text-align: start;
9720
9568
  width: 40%;
9721
9569
  }
9722
9570
  .pa-table--responsive tbody td {
9723
- padding-left: calc(40% + 2.4rem);
9571
+ padding-inline-start: calc(40% + 2.4rem);
9724
9572
  }
9725
9573
  .pa-table--responsive .col-auto {
9726
9574
  width: auto;
@@ -9745,8 +9593,7 @@ web-multiselect {
9745
9593
  display: block;
9746
9594
  overflow-x: auto;
9747
9595
  -webkit-overflow-scrolling: touch;
9748
- border-left: 1px solid var(--pa-border-color);
9749
- border-right: 1px solid var(--pa-border-color);
9596
+ border-inline: 1px solid var(--pa-border-color);
9750
9597
  }
9751
9598
  }
9752
9599
  @media (max-width: 768px) {
@@ -9834,7 +9681,7 @@ web-multiselect {
9834
9681
  .pa-comparison-table thead th {
9835
9682
  background-color: var(--pa-table-header-bg);
9836
9683
  font-weight: 600;
9837
- text-align: left;
9684
+ text-align: start;
9838
9685
  padding: 0.8rem 1.6rem;
9839
9686
  border-bottom: 2px solid var(--pa-border-color);
9840
9687
  }
@@ -9891,7 +9738,7 @@ tbody tr:hover .pa-comparison-table__copy {
9891
9738
  .pa-comparison-table__changed::before {
9892
9739
  content: "";
9893
9740
  position: absolute;
9894
- left: 0;
9741
+ inset-inline-start: 0;
9895
9742
  top: 0;
9896
9743
  bottom: 0;
9897
9744
  width: 2px;
@@ -9953,7 +9800,7 @@ tbody tr:hover .pa-comparison-table__copy {
9953
9800
  .pa-comparison-table tbody td::before {
9954
9801
  content: attr(data-label);
9955
9802
  font-weight: 600;
9956
- margin-right: 0.8rem;
9803
+ margin-inline-end: 0.8rem;
9957
9804
  min-width: 120px;
9958
9805
  }
9959
9806
  .pa-comparison-table__label {
@@ -9997,19 +9844,19 @@ code {
9997
9844
 
9998
9845
  .pa-code--numbered {
9999
9846
  counter-reset: line;
10000
- padding-left: 5.6rem;
9847
+ padding-inline-start: 5.6rem;
10001
9848
  position: relative;
10002
9849
  }
10003
9850
 
10004
9851
  .pa-code--numbered::before {
10005
9852
  content: "";
10006
9853
  position: absolute;
10007
- left: 0;
9854
+ inset-inline-start: 0;
10008
9855
  top: 0;
10009
9856
  bottom: 0;
10010
9857
  width: 4.4rem;
10011
9858
  background-color: rgba(0, 0, 0, 0.05);
10012
- border-right: 1px solid var(--pa-border-color);
9859
+ border-inline-end: 1px solid var(--pa-border-color);
10013
9860
  }
10014
9861
 
10015
9862
  .pa-code--compact {
@@ -10018,31 +9865,31 @@ code {
10018
9865
  }
10019
9866
 
10020
9867
  .pa-code--json {
10021
- border-left: 2px solid #f59e0b;
9868
+ border-inline-start: 2px solid #f59e0b;
10022
9869
  }
10023
9870
 
10024
9871
  .pa-code--javascript {
10025
- border-left: 2px solid #f0db4f;
9872
+ border-inline-start: 2px solid #f0db4f;
10026
9873
  }
10027
9874
 
10028
9875
  .pa-code--html {
10029
- border-left: 2px solid #e34c26;
9876
+ border-inline-start: 2px solid #e34c26;
10030
9877
  }
10031
9878
 
10032
9879
  .pa-code--css {
10033
- border-left: 2px solid #264de4;
9880
+ border-inline-start: 2px solid #264de4;
10034
9881
  }
10035
9882
 
10036
9883
  .pa-code--bash {
10037
- border-left: 2px solid #4eaa25;
9884
+ border-inline-start: 2px solid #4eaa25;
10038
9885
  }
10039
9886
 
10040
9887
  .pa-code--sql {
10041
- border-left: 2px solid #00758f;
9888
+ border-inline-start: 2px solid #00758f;
10042
9889
  }
10043
9890
 
10044
9891
  .pa-code--python {
10045
- border-left: 2px solid #3776ab;
9892
+ border-inline-start: 2px solid #3776ab;
10046
9893
  }
10047
9894
 
10048
9895
  .pa-code-block {
@@ -10237,7 +10084,7 @@ code {
10237
10084
  .pa-load-more__count {
10238
10085
  color: var(--pa-text-color-2);
10239
10086
  font-size: 1.2rem;
10240
- margin-left: 0.4rem;
10087
+ margin-inline-start: 0.4rem;
10241
10088
  }
10242
10089
 
10243
10090
  /* ========================================
@@ -10285,7 +10132,7 @@ code {
10285
10132
  .pa-profile-panel {
10286
10133
  position: fixed;
10287
10134
  top: 0;
10288
- right: 0;
10135
+ inset-inline-end: 0;
10289
10136
  height: 100vh;
10290
10137
  z-index: 5000;
10291
10138
  pointer-events: none;
@@ -10307,7 +10154,7 @@ code {
10307
10154
  .pa-profile-panel__overlay {
10308
10155
  position: absolute;
10309
10156
  top: 0;
10310
- left: 0;
10157
+ inset-inline-start: 0;
10311
10158
  width: 100vw;
10312
10159
  height: 100vh;
10313
10160
  background-color: var(--pa-profile-overlay-bg);
@@ -10317,7 +10164,7 @@ code {
10317
10164
  .pa-profile-panel__content {
10318
10165
  position: absolute;
10319
10166
  top: 0;
10320
- right: 0;
10167
+ inset-inline-end: 0;
10321
10168
  height: 100vh;
10322
10169
  background-color: var(--pa-card-bg);
10323
10170
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
@@ -10328,6 +10175,10 @@ code {
10328
10175
  overflow: hidden;
10329
10176
  }
10330
10177
 
10178
+ [dir=rtl] .pa-profile-panel__content {
10179
+ transform: translateX(-100%);
10180
+ }
10181
+
10331
10182
  .pa-profile-panel__header {
10332
10183
  padding: 2.4rem;
10333
10184
  background-color: var(--pa-header-bg);
@@ -10361,7 +10212,7 @@ code {
10361
10212
  .pa-profile-panel__info {
10362
10213
  flex: 1;
10363
10214
  min-width: 0;
10364
- padding-right: 3.2rem;
10215
+ padding-inline-end: 3.2rem;
10365
10216
  }
10366
10217
 
10367
10218
  .pa-profile-panel__name {
@@ -10398,7 +10249,7 @@ code {
10398
10249
  .pa-profile-panel__close {
10399
10250
  position: absolute;
10400
10251
  top: 1.6rem;
10401
- right: 1.6rem;
10252
+ inset-inline-end: 1.6rem;
10402
10253
  width: 3.2rem;
10403
10254
  height: 3.2rem;
10404
10255
  background: none;
@@ -10568,7 +10419,7 @@ code {
10568
10419
 
10569
10420
  .pa-profile-panel__favorite-remove {
10570
10421
  opacity: 0;
10571
- margin-left: auto;
10422
+ margin-inline-start: auto;
10572
10423
  background: none;
10573
10424
  border: none;
10574
10425
  padding: 0.4rem;
@@ -10609,10 +10460,7 @@ code {
10609
10460
  ======================================== */
10610
10461
  .pa-modal {
10611
10462
  position: fixed;
10612
- top: 0;
10613
- left: 0;
10614
- width: 100%;
10615
- height: 100%;
10463
+ inset: 0;
10616
10464
  display: none;
10617
10465
  justify-content: center;
10618
10466
  align-items: center;
@@ -10630,10 +10478,7 @@ code {
10630
10478
 
10631
10479
  .pa-modal__backdrop {
10632
10480
  position: fixed;
10633
- top: 0;
10634
- left: 0;
10635
- width: 100%;
10636
- height: 100%;
10481
+ inset: 0;
10637
10482
  background-color: var(--pa-modal-overlay-bg);
10638
10483
  z-index: 6000;
10639
10484
  }
@@ -10791,38 +10636,46 @@ code {
10791
10636
  gap: 1.2rem;
10792
10637
  }
10793
10638
 
10794
- .pa-toast-container--top-right {
10639
+ .pa-toast-container--top-end {
10795
10640
  top: 2.4rem;
10796
- right: 2.4rem;
10641
+ inset-inline-end: 2.4rem;
10797
10642
  }
10798
10643
 
10799
- .pa-toast-container--top-left {
10644
+ .pa-toast-container--top-start {
10800
10645
  top: 2.4rem;
10801
- left: 2.4rem;
10646
+ inset-inline-start: 2.4rem;
10802
10647
  }
10803
10648
 
10804
- .pa-toast-container--bottom-right {
10649
+ .pa-toast-container--bottom-end {
10805
10650
  bottom: 2.4rem;
10806
- right: 2.4rem;
10651
+ inset-inline-end: 2.4rem;
10807
10652
  }
10808
10653
 
10809
- .pa-toast-container--bottom-left {
10654
+ .pa-toast-container--bottom-start {
10810
10655
  bottom: 2.4rem;
10811
- left: 2.4rem;
10656
+ inset-inline-start: 2.4rem;
10812
10657
  }
10813
10658
 
10814
10659
  .pa-toast-container--top-center {
10815
10660
  top: 2.4rem;
10816
- left: 50%;
10661
+ inset-inline-start: 50%;
10817
10662
  transform: translateX(-50%);
10818
10663
  }
10819
10664
 
10665
+ [dir=rtl] .pa-toast-container--top-center {
10666
+ transform: translateX(50%);
10667
+ }
10668
+
10820
10669
  .pa-toast-container--bottom-center {
10821
10670
  bottom: 2.4rem;
10822
- left: 50%;
10671
+ inset-inline-start: 50%;
10823
10672
  transform: translateX(-50%);
10824
10673
  }
10825
10674
 
10675
+ [dir=rtl] .pa-toast-container--bottom-center {
10676
+ transform: translateX(50%);
10677
+ }
10678
+
10826
10679
  .pa-toast {
10827
10680
  background-color: var(--pa-card-bg);
10828
10681
  border: 1px solid var(--pa-border-color);
@@ -10852,15 +10705,39 @@ code {
10852
10705
  transform: translateX(100%);
10853
10706
  }
10854
10707
 
10855
- .pa-toast-container--top-left .pa-toast, .pa-toast-container--bottom-left .pa-toast {
10708
+ .pa-toast-container--top-start .pa-toast, .pa-toast-container--bottom-start .pa-toast {
10709
+ transform: translateX(-100%);
10710
+ }
10711
+
10712
+ .pa-toast-container--top-start .pa-toast.pa-toast--show, .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10713
+ transform: translateX(0);
10714
+ }
10715
+
10716
+ .pa-toast-container--top-start .pa-toast.pa-toast--hide, .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10717
+ transform: translateX(-100%);
10718
+ }
10719
+
10720
+ [dir=rtl] .pa-toast-container--top-start .pa-toast, [dir=rtl] .pa-toast-container--bottom-start .pa-toast {
10721
+ transform: translateX(100%);
10722
+ }
10723
+
10724
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--show {
10725
+ transform: translateX(0);
10726
+ }
10727
+
10728
+ [dir=rtl] .pa-toast-container--top-start .pa-toast.pa-toast--hide, [dir=rtl] .pa-toast-container--bottom-start .pa-toast.pa-toast--hide {
10729
+ transform: translateX(100%);
10730
+ }
10731
+
10732
+ [dir=rtl] .pa-toast-container--top-end .pa-toast, [dir=rtl] .pa-toast-container--bottom-end .pa-toast {
10856
10733
  transform: translateX(-100%);
10857
10734
  }
10858
10735
 
10859
- .pa-toast-container--top-left .pa-toast.pa-toast--show, .pa-toast-container--bottom-left .pa-toast.pa-toast--show {
10736
+ [dir=rtl] .pa-toast-container--top-end .pa-toast.pa-toast--show, [dir=rtl] .pa-toast-container--bottom-end .pa-toast.pa-toast--show {
10860
10737
  transform: translateX(0);
10861
10738
  }
10862
10739
 
10863
- .pa-toast-container--top-left .pa-toast.pa-toast--hide, .pa-toast-container--bottom-left .pa-toast.pa-toast--hide {
10740
+ [dir=rtl] .pa-toast-container--top-end .pa-toast.pa-toast--hide, [dir=rtl] .pa-toast-container--bottom-end .pa-toast.pa-toast--hide {
10864
10741
  transform: translateX(-100%);
10865
10742
  }
10866
10743
 
@@ -10937,7 +10814,7 @@ code {
10937
10814
  .pa-toast__progress {
10938
10815
  position: absolute;
10939
10816
  bottom: 0;
10940
- left: 0;
10817
+ inset-inline-start: 0;
10941
10818
  height: 3px;
10942
10819
  background-color: currentColor;
10943
10820
  opacity: 0.3;
@@ -11011,14 +10888,13 @@ code {
11011
10888
 
11012
10889
  @media (max-width: 768px) {
11013
10890
  .pa-toast-container {
11014
- left: 1.2rem !important;
11015
- right: 1.2rem !important;
10891
+ inset-inline: 1.2rem !important;
11016
10892
  transform: none !important;
11017
10893
  }
11018
- .pa-toast-container--top-right, .pa-toast-container--top-left, .pa-toast-container--top-center {
10894
+ .pa-toast-container--top-end, .pa-toast-container--top-start, .pa-toast-container--top-center {
11019
10895
  top: 1.2rem;
11020
10896
  }
11021
- .pa-toast-container--bottom-right, .pa-toast-container--bottom-left, .pa-toast-container--bottom-center {
10897
+ .pa-toast-container--bottom-end, .pa-toast-container--bottom-start, .pa-toast-container--bottom-center {
11022
10898
  bottom: 1.2rem;
11023
10899
  }
11024
10900
  .pa-toast {
@@ -11040,9 +10916,9 @@ code {
11040
10916
  }
11041
10917
 
11042
10918
  .pa-timeline--simple {
11043
- border-left: 1px solid var(--pa-border-color);
11044
- margin-left: 10px;
11045
- padding-left: 20px;
10919
+ border-inline-start: 1px solid var(--pa-border-color);
10920
+ margin-inline-start: 10px;
10921
+ padding-inline-start: 20px;
11046
10922
  }
11047
10923
 
11048
10924
  .pa-timeline--simple .pa-timeline__item {
@@ -11058,7 +10934,7 @@ code {
11058
10934
  .pa-timeline--simple .pa-timeline__item::before {
11059
10935
  content: "";
11060
10936
  position: absolute;
11061
- left: -30px;
10937
+ inset-inline-start: -30px;
11062
10938
  top: 0;
11063
10939
  width: 15px;
11064
10940
  height: 15px;
@@ -11573,10 +11449,7 @@ code {
11573
11449
  ======================================== */
11574
11450
  .pa-command-palette {
11575
11451
  position: fixed;
11576
- top: 0;
11577
- left: 0;
11578
- right: 0;
11579
- bottom: 0;
11452
+ inset: 0;
11580
11453
  z-index: 10500;
11581
11454
  display: none;
11582
11455
  align-items: flex-start;
@@ -11590,10 +11463,7 @@ code {
11590
11463
 
11591
11464
  .pa-command-palette__backdrop {
11592
11465
  position: absolute;
11593
- top: 0;
11594
- left: 0;
11595
- right: 0;
11596
- bottom: 0;
11466
+ inset: 0;
11597
11467
  background-color: var(--pa-command-palette-backdrop-bg);
11598
11468
  backdrop-filter: blur(4px);
11599
11469
  animation: fadeIn 0.15s ease;
@@ -11630,7 +11500,7 @@ code {
11630
11500
  }
11631
11501
 
11632
11502
  .pa-command-palette__tokens .pa-badge__remove {
11633
- margin-left: 0.4rem;
11503
+ margin-inline-start: 0.4rem;
11634
11504
  padding: 0 0.4rem;
11635
11505
  border: none;
11636
11506
  background: transparent;
@@ -11671,7 +11541,7 @@ code {
11671
11541
 
11672
11542
  .pa-command-palette__context {
11673
11543
  position: absolute;
11674
- right: calc(0.8rem + 0.8rem);
11544
+ inset-inline-end: calc(0.8rem + 0.8rem);
11675
11545
  top: 50%;
11676
11546
  transform: translateY(-50%);
11677
11547
  font-size: 1.2rem;
@@ -11698,10 +11568,7 @@ code {
11698
11568
  .pa-command-palette__results--loading::after {
11699
11569
  content: "";
11700
11570
  position: absolute;
11701
- top: 0;
11702
- left: 0;
11703
- right: 0;
11704
- bottom: 0;
11571
+ inset: 0;
11705
11572
  background-color: rgba(255, 255, 255, 0.7);
11706
11573
  pointer-events: none;
11707
11574
  z-index: 1;
@@ -12765,14 +12632,14 @@ code {
12765
12632
  min-width: 0;
12766
12633
  overflow: hidden;
12767
12634
  flex-shrink: 0;
12768
- border-left: 0 solid var(--pa-border-color);
12635
+ border-inline-start: 0 solid var(--pa-border-color);
12769
12636
  }
12770
12637
 
12771
12638
  .pa-detail-view__panel--open {
12772
12639
  width: var(--pa-local-detail-panel-width);
12773
12640
  min-width: 28rem;
12774
12641
  max-width: var(--pa-local-detail-panel-max-width);
12775
- border-left-width: 1px;
12642
+ border-inline-start-width: 1px;
12776
12643
  overflow: visible;
12777
12644
  }
12778
12645
 
@@ -12784,17 +12651,14 @@ code {
12784
12651
  .pa-detail-view--overlay .pa-detail-view__panel {
12785
12652
  position: absolute;
12786
12653
  top: 0;
12787
- right: 0;
12654
+ inset-inline-end: 0;
12788
12655
  height: 100%;
12789
12656
  z-index: 2;
12790
12657
  }
12791
12658
 
12792
12659
  .pa-detail-view__overlay {
12793
12660
  position: absolute;
12794
- top: 0;
12795
- left: 0;
12796
- width: 100%;
12797
- height: 100%;
12661
+ inset: 0;
12798
12662
  background-color: var(--pa-detail-panel-overlay-bg);
12799
12663
  z-index: 1;
12800
12664
  opacity: 0;
@@ -12809,9 +12673,7 @@ code {
12809
12673
 
12810
12674
  .pa-detail-panel--overlay {
12811
12675
  position: fixed;
12812
- top: 0;
12813
- right: 0;
12814
- height: 100vh;
12676
+ inset: 0;
12815
12677
  z-index: var(--pa-detail-panel-z-index);
12816
12678
  pointer-events: none;
12817
12679
  opacity: 0;
@@ -12840,6 +12702,7 @@ code {
12840
12702
  position: absolute;
12841
12703
  top: 0;
12842
12704
  right: 0;
12705
+ left: auto;
12843
12706
  height: 100vh;
12844
12707
  width: var(--pa-local-detail-panel-width);
12845
12708
  max-width: var(--pa-local-detail-panel-max-width);
@@ -12847,12 +12710,19 @@ code {
12847
12710
  transform: translateX(100%);
12848
12711
  }
12849
12712
 
12713
+ [dir=rtl] .pa-detail-panel--overlay .pa-detail-panel__content {
12714
+ right: auto;
12715
+ left: 0;
12716
+ transform: translateX(-100%);
12717
+ }
12718
+
12719
+ [dir=rtl] .pa-detail-panel--overlay.pa-detail-panel--open .pa-detail-panel__content {
12720
+ transform: translateX(0);
12721
+ }
12722
+
12850
12723
  .pa-detail-panel__overlay {
12851
12724
  position: absolute;
12852
- top: 0;
12853
- left: 0;
12854
- width: 100vw;
12855
- height: 100vh;
12725
+ inset: 0;
12856
12726
  background-color: var(--pa-detail-panel-overlay-bg);
12857
12727
  cursor: pointer;
12858
12728
  }
@@ -12944,7 +12814,7 @@ code {
12944
12814
  .pa-detail-panel-resize {
12945
12815
  position: absolute;
12946
12816
  top: 0;
12947
- left: 0;
12817
+ inset-inline-start: 0;
12948
12818
  width: 6px;
12949
12819
  height: 100%;
12950
12820
  cursor: col-resize;
@@ -12976,9 +12846,7 @@ code {
12976
12846
  .pa-detail-panel--mobile-overlay {
12977
12847
  display: block;
12978
12848
  position: fixed;
12979
- top: 0;
12980
- right: 0;
12981
- height: 100vh;
12849
+ inset: 0;
12982
12850
  z-index: var(--pa-detail-panel-z-index);
12983
12851
  pointer-events: none;
12984
12852
  opacity: 0;
@@ -12996,18 +12864,24 @@ code {
12996
12864
  position: absolute;
12997
12865
  top: 0;
12998
12866
  right: 0;
12867
+ left: auto;
12999
12868
  height: 100vh;
13000
12869
  width: 90vw;
13001
12870
  max-width: none;
13002
12871
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
13003
12872
  transform: translateX(100%);
13004
12873
  }
12874
+ [dir=rtl] .pa-detail-panel--mobile-overlay .pa-detail-panel__content {
12875
+ right: auto;
12876
+ left: 0;
12877
+ transform: translateX(-100%);
12878
+ }
12879
+ [dir=rtl] .pa-detail-panel--mobile-overlay.pa-detail-panel--open .pa-detail-panel__content {
12880
+ transform: translateX(0);
12881
+ }
13005
12882
  .pa-detail-panel--mobile-overlay .pa-detail-panel__overlay {
13006
12883
  position: absolute;
13007
- top: 0;
13008
- left: 0;
13009
- width: 100vw;
13010
- height: 100vh;
12884
+ inset: 0;
13011
12885
  background-color: var(--pa-detail-panel-overlay-bg);
13012
12886
  cursor: pointer;
13013
12887
  }
@@ -13018,23 +12892,26 @@ code {
13018
12892
  ======================================== */
13019
12893
  .pa-settings-panel {
13020
12894
  position: fixed;
13021
- right: -320px;
12895
+ inset-inline-end: -320px;
13022
12896
  top: 15vh;
13023
12897
  z-index: 10000;
13024
12898
  width: 320px;
13025
- transition: right 0.3s ease;
12899
+ transition: inset-inline-end 0.3s ease;
13026
12900
  }
13027
12901
 
13028
12902
  .pa-settings-panel__toggle {
13029
12903
  position: absolute;
13030
- right: 320px;
12904
+ inset-inline-end: 320px;
13031
12905
  top: 0;
13032
12906
  width: 40px;
13033
12907
  height: 40px;
13034
12908
  background: #007bff;
13035
12909
  color: white;
13036
12910
  border: none;
13037
- border-radius: 4px 0 0 4px;
12911
+ border-start-start-radius: 4px;
12912
+ border-end-start-radius: 4px;
12913
+ border-start-end-radius: 0;
12914
+ border-end-end-radius: 0;
13038
12915
  cursor: pointer;
13039
12916
  font-size: 2rem;
13040
12917
  display: flex;
@@ -13047,14 +12924,17 @@ code {
13047
12924
  .pa-settings-panel__toggle:hover {
13048
12925
  background: rgba(0, 123, 255, 0.12);
13049
12926
  width: 45px;
13050
- right: 325px;
12927
+ inset-inline-end: 325px;
13051
12928
  }
13052
12929
 
13053
12930
  .pa-settings-panel__content {
13054
12931
  background: var(--pa-subtle-bg);
13055
12932
  border: 1px solid var(--pa-border-color);
13056
- border-right: none;
13057
- border-radius: 4px 0 0 4px;
12933
+ border-inline-end: none;
12934
+ border-start-start-radius: 4px;
12935
+ border-end-start-radius: 4px;
12936
+ border-start-end-radius: 0;
12937
+ border-end-end-radius: 0;
13058
12938
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
13059
12939
  padding: 2.4rem;
13060
12940
  width: 100%;
@@ -13106,6 +12986,13 @@ code {
13106
12986
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.05);
13107
12987
  }
13108
12988
 
12989
+ .pa-settings-panel__hint {
12990
+ display: block;
12991
+ margin-top: 0.4rem;
12992
+ color: var(--pa-text-color-3);
12993
+ font-size: 1.2rem;
12994
+ }
12995
+
13109
12996
  .pa-settings-panel__checkbox-group {
13110
12997
  display: flex;
13111
12998
  flex-direction: column;
@@ -13121,7 +13008,7 @@ code {
13121
13008
  }
13122
13009
 
13123
13010
  .pa-settings-panel__checkbox input[type=checkbox] {
13124
- margin-right: 0.8rem;
13011
+ margin-inline-end: 0.8rem;
13125
13012
  cursor: pointer;
13126
13013
  }
13127
13014
 
@@ -13130,7 +13017,7 @@ code {
13130
13017
  }
13131
13018
 
13132
13019
  .pa-settings-panel--open {
13133
- right: 0;
13020
+ inset-inline-end: 0;
13134
13021
  }
13135
13022
 
13136
13023
  .pa-settings-panel--open .pa-settings-panel__toggle {
@@ -13204,7 +13091,7 @@ code {
13204
13091
  content: "Click to copy";
13205
13092
  font-size: 1rem;
13206
13093
  opacity: 0;
13207
- margin-left: 0.8rem;
13094
+ margin-inline-start: 0.8rem;
13208
13095
  transition: opacity 0.15s;
13209
13096
  }
13210
13097
 
@@ -13271,8 +13158,8 @@ code {
13271
13158
  display: flex;
13272
13159
  flex-direction: column;
13273
13160
  gap: 1.6rem;
13274
- border-left: 3px solid #007bff;
13275
- padding-left: 1.6rem;
13161
+ border-inline-start: 3px solid #007bff;
13162
+ padding-inline-start: 1.6rem;
13276
13163
  }
13277
13164
 
13278
13165
  .pa-fields--cols-2, .pa-fields--cols-3, .pa-fields--cols-4 {
@@ -13466,52 +13353,28 @@ code {
13466
13353
  }
13467
13354
 
13468
13355
  .pa-fields--no-border {
13469
- border-left: none;
13470
- padding-left: 0;
13356
+ border-inline-start: none;
13357
+ padding-inline-start: 0;
13471
13358
  }
13472
13359
 
13473
13360
  /* ========================================
13474
13361
  Utility Components
13475
13362
  Font utilities, compact mode, component showcase
13476
13363
  ======================================== */
13477
- html.font-size-2xs {
13478
- font-size: 1rem;
13479
- }
13480
-
13481
- html.font-size-xs {
13482
- font-size: 1.2rem;
13483
- }
13484
-
13485
13364
  html.font-size-small {
13486
- font-size: 1.4rem;
13487
- }
13488
-
13489
- html.font-size-medium {
13490
- font-size: 1.5rem;
13365
+ font-size: 9px;
13491
13366
  }
13492
13367
 
13493
13368
  html.font-size-default {
13494
- font-size: 1.6rem;
13369
+ font-size: 10px;
13495
13370
  }
13496
13371
 
13497
13372
  html.font-size-large {
13498
- font-size: 1.8rem;
13373
+ font-size: 11px;
13499
13374
  }
13500
13375
 
13501
13376
  html.font-size-xlarge {
13502
- font-size: 2rem;
13503
- }
13504
-
13505
- html.font-size-2xl {
13506
- font-size: 2.4rem;
13507
- }
13508
-
13509
- html.font-size-3xl {
13510
- font-size: 2.8rem;
13511
- }
13512
-
13513
- html.font-size-4xl {
13514
- font-size: 3.2rem;
13377
+ font-size: 12px;
13515
13378
  }
13516
13379
 
13517
13380
  .font-family-serif {
@@ -13775,16 +13638,24 @@ html.font-size-4xl {
13775
13638
  color: var(--pa-text-color-2);
13776
13639
  }
13777
13640
 
13778
- .pa-text--left {
13779
- text-align: left;
13641
+ .pa-text--start {
13642
+ text-align: start;
13780
13643
  }
13781
13644
 
13782
13645
  .pa-text--center {
13783
13646
  text-align: center;
13784
13647
  }
13785
13648
 
13649
+ .pa-text--end {
13650
+ text-align: end;
13651
+ }
13652
+
13653
+ .pa-text--left {
13654
+ text-align: start;
13655
+ }
13656
+
13786
13657
  .pa-text--right {
13787
- text-align: right;
13658
+ text-align: end;
13788
13659
  }
13789
13660
 
13790
13661
  .pa-text--caption {
@@ -14164,6 +14035,162 @@ html.font-size-4xl {
14164
14035
  border-color: var(--pa-color-9);
14165
14036
  }
14166
14037
 
14038
+ .ms-0 {
14039
+ margin-inline-start: 0;
14040
+ }
14041
+
14042
+ .ms-xs {
14043
+ margin-inline-start: 0.4rem;
14044
+ }
14045
+
14046
+ .ms-sm {
14047
+ margin-inline-start: 0.8rem;
14048
+ }
14049
+
14050
+ .ms-md {
14051
+ margin-inline-start: 1.2rem;
14052
+ }
14053
+
14054
+ .ms-base {
14055
+ margin-inline-start: 1.6rem;
14056
+ }
14057
+
14058
+ .ms-lg {
14059
+ margin-inline-start: 2.4rem;
14060
+ }
14061
+
14062
+ .ms-xl {
14063
+ margin-inline-start: 3.2rem;
14064
+ }
14065
+
14066
+ .ms-2xl {
14067
+ margin-inline-start: 4.8rem;
14068
+ }
14069
+
14070
+ .ms-auto {
14071
+ margin-inline-start: auto;
14072
+ }
14073
+
14074
+ .me-0 {
14075
+ margin-inline-end: 0;
14076
+ }
14077
+
14078
+ .me-xs {
14079
+ margin-inline-end: 0.4rem;
14080
+ }
14081
+
14082
+ .me-sm {
14083
+ margin-inline-end: 0.8rem;
14084
+ }
14085
+
14086
+ .me-md {
14087
+ margin-inline-end: 1.2rem;
14088
+ }
14089
+
14090
+ .me-base {
14091
+ margin-inline-end: 1.6rem;
14092
+ }
14093
+
14094
+ .me-lg {
14095
+ margin-inline-end: 2.4rem;
14096
+ }
14097
+
14098
+ .me-xl {
14099
+ margin-inline-end: 3.2rem;
14100
+ }
14101
+
14102
+ .me-2xl {
14103
+ margin-inline-end: 4.8rem;
14104
+ }
14105
+
14106
+ .me-auto {
14107
+ margin-inline-end: auto;
14108
+ }
14109
+
14110
+ .ps-0 {
14111
+ padding-inline-start: 0;
14112
+ }
14113
+
14114
+ .ps-xs {
14115
+ padding-inline-start: 0.4rem;
14116
+ }
14117
+
14118
+ .ps-sm {
14119
+ padding-inline-start: 0.8rem;
14120
+ }
14121
+
14122
+ .ps-md {
14123
+ padding-inline-start: 1.2rem;
14124
+ }
14125
+
14126
+ .ps-base {
14127
+ padding-inline-start: 1.6rem;
14128
+ }
14129
+
14130
+ .ps-lg {
14131
+ padding-inline-start: 2.4rem;
14132
+ }
14133
+
14134
+ .ps-xl {
14135
+ padding-inline-start: 3.2rem;
14136
+ }
14137
+
14138
+ .ps-2xl {
14139
+ padding-inline-start: 4.8rem;
14140
+ }
14141
+
14142
+ .pe-0 {
14143
+ padding-inline-end: 0;
14144
+ }
14145
+
14146
+ .pe-xs {
14147
+ padding-inline-end: 0.4rem;
14148
+ }
14149
+
14150
+ .pe-sm {
14151
+ padding-inline-end: 0.8rem;
14152
+ }
14153
+
14154
+ .pe-md {
14155
+ padding-inline-end: 1.2rem;
14156
+ }
14157
+
14158
+ .pe-base {
14159
+ padding-inline-end: 1.6rem;
14160
+ }
14161
+
14162
+ .pe-lg {
14163
+ padding-inline-end: 2.4rem;
14164
+ }
14165
+
14166
+ .pe-xl {
14167
+ padding-inline-end: 3.2rem;
14168
+ }
14169
+
14170
+ .pe-2xl {
14171
+ padding-inline-end: 4.8rem;
14172
+ }
14173
+
14174
+ .text-start {
14175
+ text-align: start;
14176
+ }
14177
+
14178
+ .text-center {
14179
+ text-align: center;
14180
+ }
14181
+
14182
+ .text-end {
14183
+ text-align: end;
14184
+ }
14185
+
14186
+ .text-left {
14187
+ text-align: start;
14188
+ }
14189
+
14190
+ .text-right {
14191
+ text-align: end;
14192
+ }
14193
+
14167
14194
  /* Pure Admin Visual Framework - SCSS Variables Only */
14168
14195
  /* NOTE: 10px rem base - all rem values are now in 10px units (1rem = 10px) */
14169
14196
  .m-0 {