hr-design-system-handlebars 0.96.3 → 0.97.1

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v0.97.1 (Fri Dec 02 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-1918 [#416](https://github.com/mumprod/hr-design-system-handlebars/pull/416) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
13
+ # v0.97.0 (Fri Dec 02 2022)
14
+
15
+ #### 🚀 Enhancement
16
+
17
+ - Chore/dpe 1919 [#415](https://github.com/mumprod/hr-design-system-handlebars/pull/415) ([@szuelch](https://github.com/szuelch))
18
+
19
+ #### Authors: 1
20
+
21
+ - [@szuelch](https://github.com/szuelch)
22
+
23
+ ---
24
+
1
25
  # v0.96.3 (Fri Dec 02 2022)
2
26
 
3
27
  #### 🐛 Bug Fix
@@ -8,8 +8,7 @@
8
8
  *,
9
9
  ::before,
10
10
  ::after {
11
- -webkit-box-sizing: border-box;
12
- box-sizing: border-box; /* 1 */
11
+ box-sizing: border-box; /* 1 */
13
12
  border-width: 0; /* 2 */
14
13
  border-style: solid; /* 2 */
15
14
  border-color: #e5e7eb; /* 2 */
@@ -324,16 +323,6 @@ input::-moz-placeholder, textarea::-moz-placeholder {
324
323
  color: #9ca3af; /* 2 */
325
324
  }
326
325
 
327
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
328
- opacity: 1; /* 1 */
329
- color: #9ca3af; /* 2 */
330
- }
331
-
332
- input::-ms-input-placeholder, textarea::-ms-input-placeholder {
333
- opacity: 1; /* 1 */
334
- color: #9ca3af; /* 2 */
335
- }
336
-
337
326
  input::placeholder,
338
327
  textarea::placeholder {
339
328
  opacity: 1; /* 1 */
@@ -513,11 +502,9 @@ video {
513
502
  color: rgba(55, 65, 81, var(--tw-text-opacity));
514
503
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
515
504
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
516
- -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
517
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
518
505
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
519
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
520
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
506
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
507
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
521
508
  }
522
509
  .btn--sm {
523
510
  padding-top: 0.625rem;
@@ -552,16 +539,10 @@ video {
552
539
  line-height: 1.5rem;
553
540
  }
554
541
  .headline-barrier {
555
- display: -webkit-box;
556
- display: -ms-flexbox;
557
542
  display: flex;
558
543
  width: 100%;
559
- -webkit-box-pack: center;
560
- -ms-flex-pack: center;
561
- justify-content: center;
562
- -webkit-box-align: center;
563
- -ms-flex-align: center;
564
- align-items: center;
544
+ justify-content: center;
545
+ align-items: center;
565
546
  text-align: center;
566
547
  }
567
548
  .headline-barrier:before,
@@ -569,9 +550,7 @@ video {
569
550
  content: '';
570
551
  border-top: 1px solid;
571
552
  margin: 3px 10px 0 0;
572
- -webkit-box-flex: 1;
573
- -ms-flex: 1 0 20px;
574
- flex: 1 0 20px;
553
+ flex: 1 0 20px;
575
554
  }
576
555
  .headline-barrier:after {
577
556
  margin: 3px 0 0 10px;
@@ -711,24 +690,16 @@ video {
711
690
  z-index: -1000;
712
691
  }
713
692
  .order-1 {
714
- -webkit-box-ordinal-group: 2;
715
- -ms-flex-order: 1;
716
- order: 1;
693
+ order: 1;
717
694
  }
718
695
  .order-2 {
719
- -webkit-box-ordinal-group: 3;
720
- -ms-flex-order: 2;
721
- order: 2;
696
+ order: 2;
722
697
  }
723
698
  .order-3 {
724
- -webkit-box-ordinal-group: 4;
725
- -ms-flex-order: 3;
726
- order: 3;
699
+ order: 3;
727
700
  }
728
701
  .order-4 {
729
- -webkit-box-ordinal-group: 5;
730
- -ms-flex-order: 4;
731
- order: 4;
702
+ order: 4;
732
703
  }
733
704
  .col-span-full {
734
705
  grid-column: 1 / -1;
@@ -914,13 +885,9 @@ video {
914
885
  display: inline;
915
886
  }
916
887
  .flex {
917
- display: -webkit-box;
918
- display: -ms-flexbox;
919
888
  display: flex;
920
889
  }
921
890
  .inline-flex {
922
- display: -webkit-inline-box;
923
- display: -ms-inline-flexbox;
924
891
  display: inline-flex;
925
892
  }
926
893
  .table {
@@ -1092,94 +1059,71 @@ video {
1092
1059
  max-width: 20rem;
1093
1060
  }
1094
1061
  .flex-initial {
1095
- -webkit-box-flex: 0;
1096
- -ms-flex: 0 1 auto;
1097
- flex: 0 1 auto;
1062
+ flex: 0 1 auto;
1098
1063
  }
1099
1064
  .flex-none {
1100
- -webkit-box-flex: 0;
1101
- -ms-flex: none;
1102
- flex: none;
1065
+ flex: none;
1103
1066
  }
1104
1067
  .flex-auto {
1105
- -webkit-box-flex: 1;
1106
- -ms-flex: 1 1 auto;
1107
- flex: 1 1 auto;
1068
+ flex: 1 1 auto;
1108
1069
  }
1109
1070
  .shrink-0 {
1110
- -ms-flex-negative: 0;
1111
- flex-shrink: 0;
1071
+ flex-shrink: 0;
1112
1072
  }
1113
1073
  .grow {
1114
- -webkit-box-flex: 1;
1115
- -ms-flex-positive: 1;
1116
- flex-grow: 1;
1074
+ flex-grow: 1;
1117
1075
  }
1118
1076
  .basis-2\/3 {
1119
- -ms-flex-preferred-size: 66.666667%;
1120
- flex-basis: 66.666667%;
1077
+ flex-basis: 66.666667%;
1121
1078
  }
1122
1079
  .basis-2\/5 {
1123
- -ms-flex-preferred-size: 40%;
1124
- flex-basis: 40%;
1080
+ flex-basis: 40%;
1125
1081
  }
1126
1082
  .basis-1\/3 {
1127
- -ms-flex-preferred-size: 33.333333%;
1128
- flex-basis: 33.333333%;
1083
+ flex-basis: 33.333333%;
1129
1084
  }
1130
1085
  .basis-3\/5 {
1131
- -ms-flex-preferred-size: 60%;
1132
- flex-basis: 60%;
1086
+ flex-basis: 60%;
1133
1087
  }
1134
1088
  .-translate-x-1\/2 {
1135
1089
  --tw-translate-x: -50%;
1136
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1137
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1090
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1138
1091
  }
1139
1092
  .-translate-y-1\/2 {
1140
1093
  --tw-translate-y: -50%;
1141
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1142
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1094
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1143
1095
  }
1144
1096
  .-translate-x-2\/4 {
1145
1097
  --tw-translate-x: -50%;
1146
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1147
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1098
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1148
1099
  }
1149
1100
  .rotate-45 {
1150
1101
  --tw-rotate: 45deg;
1151
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1152
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1102
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1153
1103
  }
1154
1104
  .-rotate-45 {
1155
1105
  --tw-rotate: -45deg;
1156
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1157
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1106
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1158
1107
  }
1159
1108
  .rotate-180 {
1160
1109
  --tw-rotate: 180deg;
1161
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1162
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1110
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1163
1111
  }
1164
1112
  .scale-50 {
1165
1113
  --tw-scale-x: .5;
1166
1114
  --tw-scale-y: .5;
1167
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1168
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1115
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1169
1116
  }
1170
1117
  .scale-y-90 {
1171
1118
  --tw-scale-y: .9;
1172
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1173
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1119
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1174
1120
  }
1175
1121
  .scale-y-100 {
1176
1122
  --tw-scale-y: 1;
1177
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1178
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1123
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1179
1124
  }
1180
1125
  .transform {
1181
- -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1182
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1126
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1183
1127
  }
1184
1128
  .cursor-pointer {
1185
1129
  cursor: pointer;
@@ -1199,67 +1143,43 @@ video {
1199
1143
  grid-template-columns: repeat(12, minmax(0, 1fr));
1200
1144
  }
1201
1145
  .flex-row {
1202
- -webkit-box-orient: horizontal;
1203
- -webkit-box-direction: normal;
1204
- -ms-flex-direction: row;
1205
- flex-direction: row;
1146
+ flex-direction: row;
1206
1147
  }
1207
1148
  .flex-col {
1208
- -webkit-box-orient: vertical;
1209
- -webkit-box-direction: normal;
1210
- -ms-flex-direction: column;
1211
- flex-direction: column;
1149
+ flex-direction: column;
1212
1150
  }
1213
1151
  .flex-wrap {
1214
- -ms-flex-wrap: wrap;
1215
- flex-wrap: wrap;
1152
+ flex-wrap: wrap;
1216
1153
  }
1217
1154
  .flex-nowrap {
1218
- -ms-flex-wrap: nowrap;
1219
- flex-wrap: nowrap;
1155
+ flex-wrap: nowrap;
1220
1156
  }
1221
1157
  .content-start {
1222
- -ms-flex-line-pack: start;
1223
- align-content: flex-start;
1158
+ align-content: flex-start;
1224
1159
  }
1225
1160
  .items-start {
1226
- -webkit-box-align: start;
1227
- -ms-flex-align: start;
1228
- align-items: flex-start;
1161
+ align-items: flex-start;
1229
1162
  }
1230
1163
  .items-end {
1231
- -webkit-box-align: end;
1232
- -ms-flex-align: end;
1233
- align-items: flex-end;
1164
+ align-items: flex-end;
1234
1165
  }
1235
1166
  .items-center {
1236
- -webkit-box-align: center;
1237
- -ms-flex-align: center;
1238
- align-items: center;
1167
+ align-items: center;
1239
1168
  }
1240
1169
  .justify-start {
1241
- -webkit-box-pack: start;
1242
- -ms-flex-pack: start;
1243
- justify-content: flex-start;
1170
+ justify-content: flex-start;
1244
1171
  }
1245
1172
  .justify-end {
1246
- -webkit-box-pack: end;
1247
- -ms-flex-pack: end;
1248
- justify-content: flex-end;
1173
+ justify-content: flex-end;
1249
1174
  }
1250
1175
  .justify-center {
1251
- -webkit-box-pack: center;
1252
- -ms-flex-pack: center;
1253
- justify-content: center;
1176
+ justify-content: center;
1254
1177
  }
1255
1178
  .justify-between {
1256
- -webkit-box-pack: justify;
1257
- -ms-flex-pack: justify;
1258
- justify-content: space-between;
1179
+ justify-content: space-between;
1259
1180
  }
1260
1181
  .justify-around {
1261
- -ms-flex-pack: distribute;
1262
- justify-content: space-around;
1182
+ justify-content: space-around;
1263
1183
  }
1264
1184
  .gap-5 {
1265
1185
  gap: 1.25rem;
@@ -1271,17 +1191,15 @@ video {
1271
1191
  gap: 0.25rem;
1272
1192
  }
1273
1193
  .gap-x-2 {
1274
- -webkit-column-gap: 0.5rem;
1275
- -moz-column-gap: 0.5rem;
1276
- column-gap: 0.5rem;
1194
+ -moz-column-gap: 0.5rem;
1195
+ column-gap: 0.5rem;
1277
1196
  }
1278
1197
  .gap-y-2 {
1279
1198
  row-gap: 0.5rem;
1280
1199
  }
1281
1200
  .gap-x-6 {
1282
- -webkit-column-gap: 1.5rem;
1283
- -moz-column-gap: 1.5rem;
1284
- column-gap: 1.5rem;
1201
+ -moz-column-gap: 1.5rem;
1202
+ column-gap: 1.5rem;
1285
1203
  }
1286
1204
  .gap-y-6 {
1287
1205
  row-gap: 1.5rem;
@@ -1293,9 +1211,8 @@ video {
1293
1211
  row-gap: 0.75rem;
1294
1212
  }
1295
1213
  .gap-x-4 {
1296
- -webkit-column-gap: 1rem;
1297
- -moz-column-gap: 1rem;
1298
- column-gap: 1rem;
1214
+ -moz-column-gap: 1rem;
1215
+ column-gap: 1rem;
1299
1216
  }
1300
1217
  .gap-y-5 {
1301
1218
  row-gap: 1.25rem;
@@ -1320,12 +1237,10 @@ video {
1320
1237
  border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
1321
1238
  }
1322
1239
  .self-end {
1323
- -ms-flex-item-align: end;
1324
- align-self: flex-end;
1240
+ align-self: flex-end;
1325
1241
  }
1326
1242
  .self-center {
1327
- -ms-flex-item-align: center;
1328
- align-self: center;
1243
+ align-self: center;
1329
1244
  }
1330
1245
  .overflow-hidden {
1331
1246
  overflow: hidden;
@@ -1594,11 +1509,9 @@ video {
1594
1509
  background-color: var(--color-stage-text-box);
1595
1510
  }
1596
1511
  .bg-gradient-to-r {
1597
- background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
1598
1512
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
1599
1513
  }
1600
1514
  .bg-gradient-to-t {
1601
- background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
1602
1515
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
1603
1516
  }
1604
1517
  .from-purple-50 {
@@ -2036,14 +1949,6 @@ video {
2036
1949
  --tw-placeholder-opacity: 1;
2037
1950
  color: rgba(0, 82, 147, var(--tw-placeholder-opacity));
2038
1951
  }
2039
- .placeholder-blue-congress:-ms-input-placeholder {
2040
- --tw-placeholder-opacity: 1;
2041
- color: rgba(0, 82, 147, var(--tw-placeholder-opacity));
2042
- }
2043
- .placeholder-blue-congress::-ms-input-placeholder {
2044
- --tw-placeholder-opacity: 1;
2045
- color: rgba(0, 82, 147, var(--tw-placeholder-opacity));
2046
- }
2047
1952
  .placeholder-blue-congress::placeholder {
2048
1953
  --tw-placeholder-opacity: 1;
2049
1954
  color: rgba(0, 82, 147, var(--tw-placeholder-opacity));
@@ -2054,12 +1959,6 @@ video {
2054
1959
  .placeholder-opacity-100::-moz-placeholder {
2055
1960
  --tw-placeholder-opacity: 1;
2056
1961
  }
2057
- .placeholder-opacity-100:-ms-input-placeholder {
2058
- --tw-placeholder-opacity: 1;
2059
- }
2060
- .placeholder-opacity-100::-ms-input-placeholder {
2061
- --tw-placeholder-opacity: 1;
2062
- }
2063
1962
  .placeholder-opacity-100::placeholder {
2064
1963
  --tw-placeholder-opacity: 1;
2065
1964
  }
@@ -2081,47 +1980,37 @@ video {
2081
1980
  .shadow-\[1px_4px_5px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\] {
2082
1981
  --tw-shadow: 1px 4px 5px 0px rgba(50,50,93,0.10);
2083
1982
  --tw-shadow-colored: 1px 4px 5px 0px var(--tw-shadow-color);
2084
- -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2085
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2086
1983
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2087
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2088
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
1984
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1985
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2089
1986
  }
2090
1987
  .\!shadow-\[1px_8px_9px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\] {
2091
1988
  --tw-shadow: 1px 8px 9px 0px rgba(50,50,93,0.10) !important;
2092
1989
  --tw-shadow-colored: 1px 8px 9px 0px var(--tw-shadow-color) !important;
2093
- -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
2094
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
2095
1990
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
2096
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
2097
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
1991
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
1992
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
2098
1993
  }
2099
1994
  .shadow-inner {
2100
1995
  --tw-shadow: inset 0 0px 5px 0 rgba(0, 0, 0, 0.25);
2101
1996
  --tw-shadow-colored: inset 0 0px 5px 0 var(--tw-shadow-color);
2102
- -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2103
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2104
1997
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2105
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2106
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
1998
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1999
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2107
2000
  }
2108
2001
  .shadow-xl {
2109
2002
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
2110
2003
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2111
- -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2112
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2113
2004
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2114
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2115
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2005
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2006
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2116
2007
  }
2117
2008
  .shadow {
2118
2009
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
2119
2010
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2120
- -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2121
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2122
2011
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2123
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2124
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2012
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2013
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
2125
2014
  }
2126
2015
  .outline {
2127
2016
  outline-style: solid;
@@ -2129,11 +2018,9 @@ video {
2129
2018
  .ring {
2130
2019
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2131
2020
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2132
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2133
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2134
2021
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2135
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2136
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2022
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2023
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2137
2024
  }
2138
2025
  .ring-white {
2139
2026
  --tw-ring-opacity: 1;
@@ -2145,104 +2032,76 @@ video {
2145
2032
  }
2146
2033
  .blur-2xl {
2147
2034
  --tw-blur: blur(40px);
2148
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2149
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2035
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2150
2036
  }
2151
2037
  .blur {
2152
2038
  --tw-blur: blur(8px);
2153
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2154
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2039
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2155
2040
  }
2156
2041
  .drop-shadow-md {
2157
2042
  --tw-drop-shadow: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
2158
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2159
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2043
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2160
2044
  }
2161
2045
  .drop-shadow {
2162
2046
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
2163
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2164
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2047
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2165
2048
  }
2166
2049
  .filter {
2167
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2168
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2050
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2169
2051
  }
2170
2052
  .transition {
2171
- -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
2172
- transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
2053
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2173
2054
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2174
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
2175
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2176
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2177
- -webkit-transition-duration: 150ms;
2178
- transition-duration: 150ms;
2055
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
2056
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2057
+ transition-duration: 150ms;
2179
2058
  }
2180
2059
  .transition-all {
2181
- -webkit-transition-property: all;
2182
2060
  transition-property: all;
2183
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2184
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2185
- -webkit-transition-duration: 150ms;
2186
- transition-duration: 150ms;
2061
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2062
+ transition-duration: 150ms;
2187
2063
  }
2188
2064
  .transition-max-height {
2189
- -webkit-transition-property: max-height;
2190
2065
  transition-property: max-height;
2191
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2192
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2193
- -webkit-transition-duration: 150ms;
2194
- transition-duration: 150ms;
2066
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2067
+ transition-duration: 150ms;
2195
2068
  }
2196
2069
  .transition-opacity {
2197
- -webkit-transition-property: opacity;
2198
2070
  transition-property: opacity;
2199
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2200
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2201
- -webkit-transition-duration: 150ms;
2202
- transition-duration: 150ms;
2071
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2072
+ transition-duration: 150ms;
2203
2073
  }
2204
2074
  .transition-margin-top {
2205
- -webkit-transition-property: margin-top;
2206
2075
  transition-property: margin-top;
2207
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2208
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2209
- -webkit-transition-duration: 150ms;
2210
- transition-duration: 150ms;
2076
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2077
+ transition-duration: 150ms;
2211
2078
  }
2212
2079
  .delay-200 {
2213
- -webkit-transition-delay: 200ms;
2214
- transition-delay: 200ms;
2080
+ transition-delay: 200ms;
2215
2081
  }
2216
2082
  .duration-500 {
2217
- -webkit-transition-duration: 500ms;
2218
- transition-duration: 500ms;
2083
+ transition-duration: 500ms;
2219
2084
  }
2220
2085
  .duration-200 {
2221
- -webkit-transition-duration: 200ms;
2222
- transition-duration: 200ms;
2086
+ transition-duration: 200ms;
2223
2087
  }
2224
2088
  .duration-100 {
2225
- -webkit-transition-duration: 100ms;
2226
- transition-duration: 100ms;
2089
+ transition-duration: 100ms;
2227
2090
  }
2228
2091
  .duration-300 {
2229
- -webkit-transition-duration: 300ms;
2230
- transition-duration: 300ms;
2092
+ transition-duration: 300ms;
2231
2093
  }
2232
2094
  .ease-in-out {
2233
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2234
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2095
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2235
2096
  }
2236
2097
  .ease-out {
2237
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2238
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2098
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2239
2099
  }
2240
2100
  .ease-in {
2241
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2242
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2101
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2243
2102
  }
2244
2103
  .counter-reset {
2245
- counter-reset: cnt1669987309410;
2104
+ counter-reset: cnt1669998253302;
2246
2105
  }
2247
2106
  .line-clamp-4 {
2248
2107
  overflow: hidden;
@@ -2258,14 +2117,6 @@ video {
2258
2117
  font-size: 0.75rem;
2259
2118
  line-height: 1.063rem;
2260
2119
  }
2261
- .placeholder-text-xs:-ms-input-placeholder {
2262
- font-size: 0.75rem;
2263
- line-height: 1.063rem;
2264
- }
2265
- .placeholder-text-xs::-ms-input-placeholder {
2266
- font-size: 0.75rem;
2267
- line-height: 1.063rem;
2268
- }
2269
2120
  .placeholder-text-xs::placeholder {
2270
2121
  font-size: 0.75rem;
2271
2122
  line-height: 1.063rem;
@@ -2377,8 +2228,6 @@ video {
2377
2228
  position: absolute;
2378
2229
  margin-right: 0px;
2379
2230
  margin-top: 3rem;
2380
- display: -webkit-box;
2381
- display: -ms-flexbox;
2382
2231
  display: flex;
2383
2232
  height: 0px;
2384
2233
  width: 0px;
@@ -2442,11 +2291,9 @@ video {
2442
2291
  outline-offset: 2px;
2443
2292
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2444
2293
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2445
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2446
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2447
2294
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2448
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2449
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2295
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2296
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2450
2297
  --tw-ring-inset: inset;
2451
2298
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2452
2299
  }
@@ -2455,11 +2302,9 @@ video {
2455
2302
  outline-offset: 2px;
2456
2303
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2457
2304
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2458
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2459
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2460
2305
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2461
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2462
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2306
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2307
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2463
2308
  --tw-ring-inset: inset;
2464
2309
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2465
2310
  }
@@ -2468,12 +2313,10 @@ video {
2468
2313
  outline-offset: 2px;
2469
2314
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2470
2315
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2471
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2472
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2473
2316
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2474
2317
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2475
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2476
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2318
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2319
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2477
2320
  --tw-ring-inset: inset;
2478
2321
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2479
2322
  }
@@ -2482,11 +2325,9 @@ video {
2482
2325
  outline-offset: 2px;
2483
2326
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2484
2327
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2485
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2486
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2487
2328
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2488
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2489
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2329
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2330
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2490
2331
  --tw-ring-inset: inset;
2491
2332
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2492
2333
  }
@@ -2495,11 +2336,9 @@ video {
2495
2336
  outline-offset: 2px;
2496
2337
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2497
2338
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2498
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2499
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2500
2339
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2501
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2502
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2340
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2341
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2503
2342
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2504
2343
  }
2505
2344
  .link-focus.focus-visible {
@@ -2507,11 +2346,9 @@ video {
2507
2346
  outline-offset: 2px;
2508
2347
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2509
2348
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2510
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2511
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2512
2349
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2513
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2514
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2350
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2351
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2515
2352
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2516
2353
  }
2517
2354
  .link-focus.focus-visible {
@@ -2519,12 +2356,10 @@ video {
2519
2356
  outline-offset: 2px;
2520
2357
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2521
2358
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2522
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2523
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2524
2359
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2525
2360
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2526
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2527
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2361
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2362
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2528
2363
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2529
2364
  }
2530
2365
  .link-focus:focus-visible {
@@ -2532,11 +2367,9 @@ video {
2532
2367
  outline-offset: 2px;
2533
2368
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2534
2369
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2535
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2536
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2537
2370
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2538
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2539
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2371
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2372
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2540
2373
  --tw-ring-color: rgba(96, 96, 96, 0.5);
2541
2374
  }
2542
2375
  .link-focus-inset-white.focus-visible {
@@ -2544,11 +2377,9 @@ video {
2544
2377
  outline-offset: 2px;
2545
2378
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2546
2379
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2547
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2548
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2549
2380
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2550
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2551
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2381
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2382
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2552
2383
  --tw-ring-inset: inset;
2553
2384
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2554
2385
  }
@@ -2557,11 +2388,9 @@ video {
2557
2388
  outline-offset: 2px;
2558
2389
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2559
2390
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2560
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2561
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2562
2391
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2563
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2564
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2392
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2393
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2565
2394
  --tw-ring-inset: inset;
2566
2395
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2567
2396
  }
@@ -2570,12 +2399,10 @@ video {
2570
2399
  outline-offset: 2px;
2571
2400
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2572
2401
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2573
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2574
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2575
2402
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2576
2403
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2577
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2578
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2404
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2405
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2579
2406
  --tw-ring-inset: inset;
2580
2407
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2581
2408
  }
@@ -2584,11 +2411,9 @@ video {
2584
2411
  outline-offset: 2px;
2585
2412
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2586
2413
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2587
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2588
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2589
2414
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2590
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2591
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2415
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2416
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2592
2417
  --tw-ring-inset: inset;
2593
2418
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2594
2419
  }
@@ -2597,11 +2422,9 @@ video {
2597
2422
  outline-offset: 2px;
2598
2423
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2599
2424
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2600
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2601
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2602
2425
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2603
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2604
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2426
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2427
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2605
2428
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2606
2429
  }
2607
2430
  .link-focus-white.focus-visible {
@@ -2609,11 +2432,9 @@ video {
2609
2432
  outline-offset: 2px;
2610
2433
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2611
2434
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2612
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2613
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2614
2435
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2615
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2616
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2436
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2437
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2617
2438
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2618
2439
  }
2619
2440
  .link-focus-white.focus-visible {
@@ -2621,12 +2442,10 @@ video {
2621
2442
  outline-offset: 2px;
2622
2443
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2623
2444
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2624
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2625
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2626
2445
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2627
2446
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2628
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2629
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2447
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2448
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2630
2449
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2631
2450
  }
2632
2451
  .link-focus-white:focus-visible {
@@ -2634,15 +2453,13 @@ video {
2634
2453
  outline-offset: 2px;
2635
2454
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2636
2455
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2637
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2638
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2639
2456
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2640
- -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2641
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2457
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2458
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2642
2459
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2643
2460
  }
2644
2461
  .-ordered {
2645
- counter-increment: cnt1669987309410 1;
2462
+ counter-increment: cnt1669998253302 1;
2646
2463
  }
2647
2464
  .-ordered::before {
2648
2465
  position: absolute;
@@ -2658,7 +2475,7 @@ video {
2658
2475
  letter-spacing: .0125em;
2659
2476
  --tw-text-opacity: 1;
2660
2477
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2661
- content: counter(cnt1669987309410);
2478
+ content: counter(cnt1669998253302);
2662
2479
  }
2663
2480
  .\[-T\:\+Z\] {
2664
2481
  --t: +Z;
@@ -3107,20 +2924,12 @@ video {
3107
2924
  display: none;
3108
2925
  }
3109
2926
  .arrow-left-background {
3110
- background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
3111
2927
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
3112
- -webkit-transition: -webkit-transform 150ms ease-in-out 0s;
3113
- transition: -webkit-transform 150ms ease-in-out 0s;
3114
2928
  transition: transform 150ms ease-in-out 0s;
3115
- transition: transform 150ms ease-in-out 0s, -webkit-transform 150ms ease-in-out 0s;
3116
2929
  }
3117
2930
  .arrow-right-background {
3118
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
3119
2931
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
3120
- -webkit-transition: -webkit-transform 150ms ease-in-out 0s;
3121
- transition: -webkit-transform 150ms ease-in-out 0s;
3122
2932
  transition: transform 150ms ease-in-out 0s;
3123
- transition: transform 150ms ease-in-out 0s, -webkit-transform 150ms ease-in-out 0s;
3124
2933
  }
3125
2934
  .c-videoplayer .ardplayer {
3126
2935
  position: absolute;
@@ -3137,14 +2946,6 @@ video {
3137
2946
  --tw-text-opacity: 1;
3138
2947
  color: rgba(112, 112, 112, var(--tw-text-opacity));
3139
2948
  }
3140
- .placeholder\:text-grey-dark:-ms-input-placeholder {
3141
- --tw-text-opacity: 1;
3142
- color: rgba(112, 112, 112, var(--tw-text-opacity));
3143
- }
3144
- .placeholder\:text-grey-dark::-ms-input-placeholder {
3145
- --tw-text-opacity: 1;
3146
- color: rgba(112, 112, 112, var(--tw-text-opacity));
3147
- }
3148
2949
  .placeholder\:text-grey-dark::placeholder {
3149
2950
  --tw-text-opacity: 1;
3150
2951
  color: rgba(112, 112, 112, var(--tw-text-opacity));
@@ -3301,11 +3102,9 @@ video {
3301
3102
  .before\:shadow-stage::before {
3302
3103
  --tw-shadow: 0 .3125rem 1.0625rem rgba(0,0,0,0.3);
3303
3104
  --tw-shadow-colored: 0 .3125rem 1.0625rem var(--tw-shadow-color);
3304
- -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
3305
- box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
3306
3105
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
3307
- -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
3308
- box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
3106
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
3107
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
3309
3108
  }
3310
3109
  .before\:content-\[\'\'\]::before {
3311
3110
  --tw-content: '';
@@ -3340,8 +3139,6 @@ video {
3340
3139
  @media print {
3341
3140
 
3342
3141
  .print\:flex {
3343
- display: -webkit-box;
3344
- display: -ms-flexbox;
3345
3142
  display: flex;
3346
3143
  }
3347
3144
 
@@ -3443,15 +3240,11 @@ video {
3443
3240
  }
3444
3241
 
3445
3242
  .md\:order-2 {
3446
- -webkit-box-ordinal-group: 3;
3447
- -ms-flex-order: 2;
3448
- order: 2;
3243
+ order: 2;
3449
3244
  }
3450
3245
 
3451
3246
  .md\:order-4 {
3452
- -webkit-box-ordinal-group: 5;
3453
- -ms-flex-order: 4;
3454
- order: 4;
3247
+ order: 4;
3455
3248
  }
3456
3249
 
3457
3250
  .md\:col-span-8 {
@@ -3558,8 +3351,6 @@ video {
3558
3351
  }
3559
3352
 
3560
3353
  .md\:flex {
3561
- display: -webkit-box;
3562
- display: -ms-flexbox;
3563
3354
  display: flex;
3564
3355
  }
3565
3356
 
@@ -3648,44 +3439,31 @@ video {
3648
3439
  }
3649
3440
 
3650
3441
  .md\:flex-auto {
3651
- -webkit-box-flex: 1;
3652
- -ms-flex: 1 1 auto;
3653
- flex: 1 1 auto;
3442
+ flex: 1 1 auto;
3654
3443
  }
3655
3444
 
3656
3445
  .md\:basis-1\/3 {
3657
- -ms-flex-preferred-size: 33.333333%;
3658
- flex-basis: 33.333333%;
3446
+ flex-basis: 33.333333%;
3659
3447
  }
3660
3448
 
3661
3449
  .md\:basis-1\/2 {
3662
- -ms-flex-preferred-size: 50%;
3663
- flex-basis: 50%;
3450
+ flex-basis: 50%;
3664
3451
  }
3665
3452
 
3666
3453
  .md\:basis-2\/3 {
3667
- -ms-flex-preferred-size: 66.666667%;
3668
- flex-basis: 66.666667%;
3454
+ flex-basis: 66.666667%;
3669
3455
  }
3670
3456
 
3671
3457
  .md\:flex-row {
3672
- -webkit-box-orient: horizontal;
3673
- -webkit-box-direction: normal;
3674
- -ms-flex-direction: row;
3675
- flex-direction: row;
3458
+ flex-direction: row;
3676
3459
  }
3677
3460
 
3678
3461
  .md\:flex-col {
3679
- -webkit-box-orient: vertical;
3680
- -webkit-box-direction: normal;
3681
- -ms-flex-direction: column;
3682
- flex-direction: column;
3462
+ flex-direction: column;
3683
3463
  }
3684
3464
 
3685
3465
  .md\:justify-end {
3686
- -webkit-box-pack: end;
3687
- -ms-flex-pack: end;
3688
- justify-content: flex-end;
3466
+ justify-content: flex-end;
3689
3467
  }
3690
3468
 
3691
3469
  .md\:overflow-visible {
@@ -3853,13 +3631,11 @@ video {
3853
3631
 
3854
3632
  .md\:drop-shadow-md {
3855
3633
  --tw-drop-shadow: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
3856
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3857
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3634
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3858
3635
  }
3859
3636
 
3860
3637
  .md\:filter {
3861
- -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3862
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3638
+ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
3863
3639
  }
3864
3640
 
3865
3641
  .md\:line-clamp-4 {
@@ -4029,15 +3805,11 @@ video {
4029
3805
  }
4030
3806
 
4031
3807
  .lg\:order-2 {
4032
- -webkit-box-ordinal-group: 3;
4033
- -ms-flex-order: 2;
4034
- order: 2;
3808
+ order: 2;
4035
3809
  }
4036
3810
 
4037
3811
  .lg\:order-4 {
4038
- -webkit-box-ordinal-group: 5;
4039
- -ms-flex-order: 4;
4040
- order: 4;
3812
+ order: 4;
4041
3813
  }
4042
3814
 
4043
3815
  .lg\:mx-8 {
@@ -4078,8 +3850,6 @@ video {
4078
3850
  }
4079
3851
 
4080
3852
  .lg\:flex {
4081
- display: -webkit-box;
4082
- display: -ms-flexbox;
4083
3853
  display: flex;
4084
3854
  }
4085
3855
 
@@ -4168,45 +3938,31 @@ video {
4168
3938
  }
4169
3939
 
4170
3940
  .lg\:flex-initial {
4171
- -webkit-box-flex: 0;
4172
- -ms-flex: 0 1 auto;
4173
- flex: 0 1 auto;
3941
+ flex: 0 1 auto;
4174
3942
  }
4175
3943
 
4176
3944
  .lg\:basis-1\/3 {
4177
- -ms-flex-preferred-size: 33.333333%;
4178
- flex-basis: 33.333333%;
3945
+ flex-basis: 33.333333%;
4179
3946
  }
4180
3947
 
4181
3948
  .lg\:flex-row {
4182
- -webkit-box-orient: horizontal;
4183
- -webkit-box-direction: normal;
4184
- -ms-flex-direction: row;
4185
- flex-direction: row;
3949
+ flex-direction: row;
4186
3950
  }
4187
3951
 
4188
3952
  .lg\:items-end {
4189
- -webkit-box-align: end;
4190
- -ms-flex-align: end;
4191
- align-items: flex-end;
3953
+ align-items: flex-end;
4192
3954
  }
4193
3955
 
4194
3956
  .lg\:justify-start {
4195
- -webkit-box-pack: start;
4196
- -ms-flex-pack: start;
4197
- justify-content: flex-start;
3957
+ justify-content: flex-start;
4198
3958
  }
4199
3959
 
4200
3960
  .lg\:justify-end {
4201
- -webkit-box-pack: end;
4202
- -ms-flex-pack: end;
4203
- justify-content: flex-end;
3961
+ justify-content: flex-end;
4204
3962
  }
4205
3963
 
4206
3964
  .lg\:justify-center {
4207
- -webkit-box-pack: center;
4208
- -ms-flex-pack: center;
4209
- justify-content: center;
3965
+ justify-content: center;
4210
3966
  }
4211
3967
 
4212
3968
  .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
@@ -4362,22 +4118,17 @@ video {
4362
4118
  }
4363
4119
 
4364
4120
  .lg\:filter-none {
4365
- -webkit-filter: none;
4366
- filter: none;
4121
+ filter: none;
4367
4122
  }
4368
4123
 
4369
4124
  .lg\:transition-margin-top {
4370
- -webkit-transition-property: margin-top;
4371
4125
  transition-property: margin-top;
4372
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4373
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4374
- -webkit-transition-duration: 150ms;
4375
- transition-duration: 150ms;
4126
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4127
+ transition-duration: 150ms;
4376
4128
  }
4377
4129
 
4378
4130
  .lg\:duration-500 {
4379
- -webkit-transition-duration: 500ms;
4380
- transition-duration: 500ms;
4131
+ transition-duration: 500ms;
4381
4132
  }
4382
4133
 
4383
4134
  .lg\:line-clamp-5 {
@@ -1,6 +1,6 @@
1
1
 
2
2
  <div x-data="{
3
- open: false,
3
+ open: {{#if storybookOpen}}true{{else}}false{{/if}},
4
4
  toggle() {
5
5
  if (this.open) {
6
6
  return this.close()
@@ -50,7 +50,7 @@
50
50
  <ul>
51
51
  {{~#each this~}}
52
52
  <li class="{{#unless @last}}border-b{{/unless}}">
53
- <a class="flex py-2 text-left hover:underline disabled:text-gray-500"
53
+ <a class="flex py-2 text-left whitespace-nowrap hover:underline disabled:text-gray-500"
54
54
  title="{{this.podcastHosterName}}"
55
55
  target="_blank"
56
56
  rel="noopener noreferrer"
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "0.96.3",
9
+ "version": "0.97.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
@@ -28,7 +28,7 @@
28
28
  },
29
29
  "browserslist": [
30
30
  "last 2 versions",
31
- "IE 11",
31
+ "not dead",
32
32
  "Firefox ESR",
33
33
  "iOS >= 10",
34
34
  "Safari >= 10",
@@ -1,6 +1,6 @@
1
1
 
2
2
  <div x-data="{
3
- open: false,
3
+ open: {{#if storybookOpen}}true{{else}}false{{/if}},
4
4
  toggle() {
5
5
  if (this.open) {
6
6
  return this.close()
@@ -50,7 +50,7 @@
50
50
  <ul>
51
51
  {{~#each this~}}
52
52
  <li class="{{#unless @last}}border-b{{/unless}}">
53
- <a class="flex py-2 text-left hover:underline disabled:text-gray-500"
53
+ <a class="flex py-2 text-left whitespace-nowrap hover:underline disabled:text-gray-500"
54
54
  title="{{this.podcastHosterName}}"
55
55
  target="_blank"
56
56
  rel="noopener noreferrer"
@@ -0,0 +1,52 @@
1
+ import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
2
+ import { resetComponents } from '@storybook/components'
3
+ import subscribeButtonJson from '../fixtures/teaser_podcast.json'
4
+
5
+ import subscribeButton from './podcast_subscribe_button.hbs'
6
+
7
+ <Meta
8
+ title="Komponenten/Teaser/Podcast"
9
+ argTypes={{
10
+ storybookOpen: {
11
+ control: 'boolean',
12
+ description: "Offen"
13
+ }
14
+
15
+ }}
16
+ parameters={{
17
+ controls: {
18
+ sort: 'requiredFirst',
19
+ }
20
+ }}
21
+ decorators={[
22
+ (Story) => {
23
+ return `<div class="flex flex-row pt-5">
24
+ ${Story()}
25
+ </div>`
26
+ }
27
+
28
+ ]}
29
+ />
30
+
31
+ export const Template = ({ label, ...args }) => {
32
+ // You can either use a function to create DOM elements or use a plain html string!
33
+ // return `<div>${label}</div>`;
34
+ return subscribeButton({ label, ...args });
35
+ };
36
+
37
+ <Preview withToolbar>
38
+ <Story
39
+ name="Subscribe Button Close"
40
+ args={subscribeButtonJson.logicItem.includeModel.podcastChannel}
41
+ >
42
+ {Template.bind({})}
43
+ </Story>
44
+ <Story
45
+ name="Subscribe Button Open"
46
+ args={
47
+ { ...subscribeButtonJson.logicItem.includeModel.podcastChannel, storybookOpen:true}
48
+ }
49
+ >
50
+ {Template.bind({})}
51
+ </Story>
52
+ </Preview>