@neatui/css 4.6.0 → 4.7.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.
Files changed (32) hide show
  1. package/components/anim/am-view-aa.scss +17 -39
  2. package/components/anim/am-view-ab.scss +10 -50
  3. package/components/anim/am-view-ac.scss +27 -66
  4. package/components/anim/am-view-ad.scss +12 -62
  5. package/components/anim/am-view-ae.scss +10 -60
  6. package/components/anim/am-view-af.scss +23 -64
  7. package/components/anim/am-view-ag.scss +12 -293
  8. package/components/anim/am-view-ah.scss +7 -70
  9. package/components/anim/am-view-ai.scss +10 -67
  10. package/components/anim/am-view-aj.scss +9 -60
  11. package/components/anim/am-view-ak.scss +18 -59
  12. package/components/anim/am-view-al.scss +11 -50
  13. package/components/anim/am-view-am.scss +11 -49
  14. package/components/anim/am-view-an.scss +12 -62
  15. package/components/anim/am-view-ao.scss +21 -68
  16. package/components/anim/am-view-ap.scss +16 -47
  17. package/components/anim/am-view-aq.scss +14 -47
  18. package/components/anim/am-view-ar.scss +13 -63
  19. package/components/anim/am-view-as.scss +10 -50
  20. package/components/anim/am-view-at.scss +10 -54
  21. package/components/anim/am-view-core.scss +36 -0
  22. package/components/form/form@a/textarea.scss +2 -59
  23. package/components/form/form@b/textarea.scss +2 -59
  24. package/components/form/form@c/textarea.scss +5 -61
  25. package/components/form/form@d/textarea.scss +2 -59
  26. package/components/form/vars.scss +101 -0
  27. package/components/table/table@d.scss +7 -0
  28. package/dist/neatui.css +589 -860
  29. package/dist/neatui.min.css +13 -1
  30. package/dist/neatui.preview.css +589 -860
  31. package/dist/neatui.preview.min.css +13 -1
  32. package/package.json +1 -1
package/dist/neatui.css CHANGED
@@ -17114,37 +17114,49 @@ td[ui-col],th[ui-col]{
17114
17114
  }
17115
17115
  [am-view=aa].show>*,[am-view=aa][view="2"]>*{
17116
17116
  opacity:0;
17117
- transform-style:preserve-3d;
17118
17117
  }
17119
17118
 
17120
17119
  [am-view=aa].hide>*,[am-view=aa][view="1"]>*{
17121
17120
  opacity:1;
17122
- transform-style:preserve-3d;
17123
17121
  }
17124
17122
 
17125
17123
  [am-view=aa].show>*,[am-view=aa][view="2"]>*{
17126
- animation:am-show-aa .35s .1s both;
17124
+ animation:am-show-aa .4s cubic-bezier(.22, .82, .24, 1) both;
17127
17125
  }
17128
17126
  [am-view=aa].hide,[am-view=aa][view="1"]{
17129
- opacity:0;
17130
17127
  pointer-events:none;
17131
- transition:.35s .1s;
17132
17128
  }
17133
17129
  [am-view=aa].hide>*,[am-view=aa][view="1"]>*{
17134
- animation:am-hide-aa .35s .1s both;
17130
+ animation:am-hide-aa .28s cubic-bezier(.4, 0, .2, 1) both;
17135
17131
  }
17136
17132
  [am-view=aa].none,[am-view=aa][view="0"]{
17137
17133
  display:none;
17138
17134
  }
17139
17135
 
17136
+ .fekit-layer[am-view=aa][view="2"]:before{
17137
+ animation-duration:.2s;
17138
+ }
17139
+
17140
+ .fekit-layer[am-view=aa][view="1"]:before{
17141
+ animation-duration:.18s;
17142
+ }
17143
+
17144
+ :has(>.fekit-layer[am-view=aa][view="2"])>.fekit-layer-dark[view="2"]{
17145
+ animation-duration:.2s;
17146
+ }
17147
+
17148
+ :has(>.fekit-layer[am-view=aa][view="1"])>.fekit-layer-dark[view="1"]{
17149
+ animation-duration:.18s;
17150
+ }
17151
+
17140
17152
  @keyframes am-show-ab{
17141
17153
  0%{
17142
17154
  opacity:0;
17143
- transform:scale3d(.8, .8, 1);
17155
+ transform:scale3d(.91, .91, 1);
17144
17156
  }
17145
17157
  70%{
17146
17158
  opacity:1;
17147
- transform:scale3d(1.02, 1.02, 1);
17159
+ transform:scale3d(1.008, 1.008, 1);
17148
17160
  }
17149
17161
  to{
17150
17162
  opacity:1;
@@ -17153,41 +17165,35 @@ td[ui-col],th[ui-col]{
17153
17165
  }
17154
17166
  @keyframes am-hide-ab{
17155
17167
  0%{
17168
+ opacity:1;
17156
17169
  transform:scaleX(1);
17157
17170
  }
17158
17171
  40%,50%{
17159
- transform:scale3d(1.05, 1.05, 1);
17160
- }
17161
- 70%{
17162
- opacity:1;
17172
+ transform:scale3d(1.02, 1.02, 1);
17163
17173
  }
17164
17174
  to{
17165
17175
  opacity:0;
17166
- transform:scale3d(.8, .8, 1);
17176
+ transform:scale3d(.91, .91, 1);
17167
17177
  }
17168
17178
  }
17169
17179
  [am-view=ab].show>*,[am-view=ab][view="2"]>*{
17170
17180
  opacity:0;
17171
- transform:scale3d(.8, .8, 1);
17172
- transform-style:preserve-3d;
17181
+ transform:scale3d(.91, .91, 1);
17173
17182
  }
17174
17183
 
17175
17184
  [am-view=ab].hide>*,[am-view=ab][view="1"]>*{
17176
17185
  opacity:1;
17177
17186
  transform:scaleX(1);
17178
- transform-style:preserve-3d;
17179
17187
  }
17180
17188
 
17181
17189
  [am-view=ab].show>*,[am-view=ab][view="2"]>*{
17182
- animation:am-show-ab .35s .1s both;
17190
+ animation:am-show-ab .35s ease both;
17183
17191
  }
17184
17192
  [am-view=ab].hide,[am-view=ab][view="1"]{
17185
- opacity:0;
17186
17193
  pointer-events:none;
17187
- transition:.18s .27s;
17188
17194
  }
17189
17195
  [am-view=ab].hide>*,[am-view=ab][view="1"]>*{
17190
- animation:am-hide-ab .35s .1s both;
17196
+ animation:am-hide-ab .28s cubic-bezier(.4, 0, .2, 1) both;
17191
17197
  }
17192
17198
  [am-view=ab].none,[am-view=ab][view="0"]{
17193
17199
  display:none;
@@ -17196,121 +17202,104 @@ td[ui-col],th[ui-col]{
17196
17202
  @keyframes am-show-ac{
17197
17203
  0%{
17198
17204
  opacity:0;
17199
- transform:translate3d(0, -100%, 0) scaleX(1);
17200
- }
17201
- 55%{
17202
- opacity:1;
17203
- transform:translate3d(0, 1.5%, 0) scaleX(1);
17204
- }
17205
- 70%{
17206
- opacity:1;
17207
- transform:translate3d(0, -1%, 0) scale3d(1.02, .95, 1);
17205
+ transform:translate3d(0, -32px, 0);
17208
17206
  }
17209
- 85%{
17207
+ 40%{
17210
17208
  opacity:1;
17211
- transform:translate3d(0, .5%, 0) scaleX(1);
17209
+ transform:translate3d(0, 5px, 0);
17212
17210
  }
17213
17211
  to{
17214
17212
  opacity:1;
17215
- transform:translateZ(0) scaleX(1);
17213
+ transform:translateZ(0);
17216
17214
  }
17217
17215
  }
17218
17216
  @keyframes am-hide-ac{
17219
17217
  0%{
17220
17218
  opacity:1;
17221
- transform:translateZ(0) scaleX(1);
17222
- }
17223
- 60%{
17224
- opacity:1;
17225
- transform:translate3d(0, -10%, 0) scaleY(.95);
17219
+ transform:translateZ(0);
17226
17220
  }
17227
17221
  to{
17228
17222
  opacity:0;
17229
- transform:translate3d(0, 100%, 0) scaleX(1);
17223
+ transform:translate3d(0, 24px, 0);
17230
17224
  }
17231
17225
  }
17232
17226
  [am-view=ac].show>*,[am-view=ac][view="2"]>*{
17233
17227
  opacity:0;
17234
- transform:translate3d(0, -150%, 0);
17235
- transform-origin:50% 80%;
17236
- transform-style:preserve-3d;
17228
+ transform:translate3d(0, -32px, 0);
17237
17229
  }
17238
17230
 
17239
17231
  [am-view=ac].hide>*,[am-view=ac][view="1"]>*{
17240
- opacity:0;
17241
- transform:translateZ(0) scaleX(1);
17242
- transform-style:preserve-3d;
17232
+ opacity:1;
17233
+ transform:translateZ(0);
17243
17234
  }
17244
17235
 
17245
17236
  [am-view=ac].show>*,[am-view=ac][view="2"]>*{
17246
- animation:am-show-ac .45s .1s both;
17237
+ animation:am-show-ac .46s cubic-bezier(.22, .82, .24, 1) both;
17247
17238
  }
17248
17239
  [am-view=ac].hide,[am-view=ac][view="1"]{
17249
- opacity:0;
17250
17240
  pointer-events:none;
17251
- transition:.22s .33s;
17252
17241
  }
17253
17242
  [am-view=ac].hide>*,[am-view=ac][view="1"]>*{
17254
- animation:am-hide-ac .45s .1s both;
17243
+ animation:am-hide-ac .28s cubic-bezier(.4, 0, .2, 1) both;
17255
17244
  }
17256
17245
  [am-view=ac].none,[am-view=ac][view="0"]{
17257
17246
  display:none;
17258
17247
  }
17259
17248
 
17249
+ .fekit-layer[am-view=ac][view="2"]:before{
17250
+ animation-duration:.2s;
17251
+ }
17252
+
17253
+ .fekit-layer[am-view=ac][view="1"]:before{
17254
+ animation-duration:.18s;
17255
+ }
17256
+
17257
+ :has(>.fekit-layer[am-view=ac][view="2"])>.fekit-layer-dark[view="2"]{
17258
+ animation-duration:.2s;
17259
+ }
17260
+
17261
+ :has(>.fekit-layer[am-view=ac][view="1"])>.fekit-layer-dark[view="1"]{
17262
+ animation-duration:.18s;
17263
+ }
17264
+
17260
17265
  @keyframes am-show-ad{
17261
17266
  0%{
17262
- opacity:.8;
17263
- transform:scale(.8) translateY(100%);
17264
- }
17265
- 45%{
17266
- opacity:.8;
17267
- transform:scale(.8) translateY(0);
17268
- }
17269
- 50%{
17270
- opacity:1;
17271
- transform:scale(.8) translateY(0);
17267
+ opacity:0;
17268
+ transform:translate3d(0, 24px, 0) scale3d(.96, .96, 1);
17272
17269
  }
17273
17270
  to{
17274
17271
  opacity:1;
17275
- transform:scale(1) translateY(0);
17272
+ transform:translateZ(0) scaleX(1);
17276
17273
  }
17277
17274
  }
17278
17275
  @keyframes am-hide-ad{
17279
17276
  0%{
17280
17277
  opacity:1;
17281
- transform:scale(1) translateY(0);
17282
- }
17283
- 50%{
17284
- opacity:.8;
17285
- transform:scale(.8) translateY(0);
17278
+ transform:translateZ(0) scaleX(1);
17286
17279
  }
17287
17280
  to{
17288
17281
  opacity:0;
17289
- transform:scale(.8) translateY(-100%);
17282
+ transform:translate3d(0, -20px, 0) scale3d(.96, .96, 1);
17290
17283
  }
17291
17284
  }
17292
17285
  [am-view=ad].show>*,[am-view=ad][view="2"]>*{
17293
- opacity:.8;
17294
- transform:scale(.8) translateY(100%);
17295
- transform-style:preserve-3d;
17286
+ opacity:0;
17287
+ transform:translate3d(0, 24px, 0) scale3d(.96, .96, 1);
17296
17288
  }
17297
17289
 
17298
17290
  [am-view=ad].hide>*,[am-view=ad][view="1"]>*{
17299
17291
  opacity:1;
17300
- transform:scale(1) translateY(0);
17301
- transform-style:preserve-3d;
17292
+ transform:translateZ(0) scaleX(1);
17302
17293
  }
17303
17294
 
17304
17295
  [am-view=ad].show>*,[am-view=ad][view="2"]>*{
17305
- animation:am-show-ad .35s .1s both;
17296
+ animation:am-show-ad .38s cubic-bezier(.22, .82, .24, 1) both;
17306
17297
  }
17307
17298
  [am-view=ad].hide,[am-view=ad][view="1"]{
17308
- opacity:0;
17309
17299
  pointer-events:none;
17310
- transition:.18s .27s;
17311
17300
  }
17312
17301
  [am-view=ad].hide>*,[am-view=ad][view="1"]>*{
17313
- animation:am-hide-ad .35s .1s both;
17302
+ animation:am-hide-ad .28s cubic-bezier(.4, 0, .2, 1) both;
17314
17303
  }
17315
17304
  [am-view=ad].none,[am-view=ad][view="0"]{
17316
17305
  display:none;
@@ -17319,57 +17308,41 @@ td[ui-col],th[ui-col]{
17319
17308
  @keyframes am-show-ae{
17320
17309
  0%{
17321
17310
  opacity:0;
17322
- transform:scale3d(.8, .8, 1) translate3d(100%, 0, 0);
17323
- }
17324
- 45%{
17325
- opacity:.85;
17326
- transform:scale3d(.8, .8, 1) translateZ(0);
17327
- }
17328
- 50%{
17329
- opacity:1;
17330
- transform:scale3d(.8, .8, 1) translateZ(0);
17311
+ transform:translate3d(28px, 0, 0) scale3d(.96, .96, 1);
17331
17312
  }
17332
17313
  to{
17333
17314
  opacity:1;
17334
- transform:scaleX(1) translateZ(0);
17315
+ transform:translateZ(0) scaleX(1);
17335
17316
  }
17336
17317
  }
17337
17318
  @keyframes am-hide-ae{
17338
17319
  0%{
17339
17320
  opacity:1;
17340
- transform:scaleX(1) translateZ(0);
17341
- }
17342
- 50%{
17343
- opacity:.85;
17344
- transform:scale3d(.8, .8, 1) translate3d(-1%, 0, 0);
17321
+ transform:translateZ(0) scaleX(1);
17345
17322
  }
17346
17323
  to{
17347
17324
  opacity:0;
17348
- transform:scale3d(.8, .8, 1) translate3d(-100%, 0, 0);
17325
+ transform:translate3d(-24px, 0, 0) scale3d(.96, .96, 1);
17349
17326
  }
17350
17327
  }
17351
17328
  [am-view=ae].show>*,[am-view=ae][view="2"]>*{
17352
17329
  opacity:0;
17353
- transform:scale3d(.8, .8, 1) translate3d(100%, 0, 0);
17354
- transform-style:preserve-3d;
17330
+ transform:translate3d(28px, 0, 0) scale3d(.96, .96, 1);
17355
17331
  }
17356
17332
 
17357
17333
  [am-view=ae].hide>*,[am-view=ae][view="1"]>*{
17358
17334
  opacity:1;
17359
- transform:scaleX(1) translateZ(0);
17360
- transform-style:preserve-3d;
17335
+ transform:translateZ(0) scaleX(1);
17361
17336
  }
17362
17337
 
17363
17338
  [am-view=ae].show>*,[am-view=ae][view="2"]>*{
17364
- animation:am-show-ae .5s .1s both;
17339
+ animation:am-show-ae .38s cubic-bezier(.22, .82, .24, 1) both;
17365
17340
  }
17366
17341
  [am-view=ae].hide,[am-view=ae][view="1"]{
17367
- opacity:0;
17368
17342
  pointer-events:none;
17369
- transition:.24s .36s;
17370
17343
  }
17371
17344
  [am-view=ae].hide>*,[am-view=ae][view="1"]>*{
17372
- animation:am-hide-ae .5s .1s both;
17345
+ animation:am-hide-ae .28s cubic-bezier(.4, 0, .2, 1) both;
17373
17346
  }
17374
17347
  [am-view=ae].none,[am-view=ae][view="0"]{
17375
17348
  display:none;
@@ -17378,23 +17351,7 @@ td[ui-col],th[ui-col]{
17378
17351
  @keyframes am-show-af{
17379
17352
  0%{
17380
17353
  opacity:0;
17381
- transform:rotateX(45deg);
17382
- }
17383
- 20%{
17384
- opacity:1;
17385
- transform:rotateX(-7deg);
17386
- }
17387
- 40%{
17388
- opacity:1;
17389
- transform:rotateX(5deg);
17390
- }
17391
- 60%{
17392
- opacity:1;
17393
- transform:rotateX(-3deg);
17394
- }
17395
- 80%{
17396
- opacity:1;
17397
- transform:rotateX(1.5deg);
17354
+ transform:rotateX(14deg);
17398
17355
  }
17399
17356
  to{
17400
17357
  opacity:1;
@@ -17406,33 +17363,35 @@ td[ui-col],th[ui-col]{
17406
17363
  opacity:1;
17407
17364
  transform:rotateX(0deg);
17408
17365
  }
17409
- 60%{
17410
- opacity:1;
17411
- transform:rotateX(20deg);
17412
- }
17413
17366
  to{
17414
17367
  opacity:0;
17415
- transform:rotateX(-45deg);
17368
+ transform:rotateX(-14deg);
17416
17369
  }
17417
17370
  }
17418
17371
  [am-view=af].show>*,[am-view=af][view="2"]>*{
17419
- animation:am-show-af .75s .1s both;
17420
17372
  opacity:0;
17421
- transform:rotateX(45deg);
17373
+ transform:rotateX(14deg);
17422
17374
  }
17423
17375
 
17424
- [am-view=af].hide,[am-view=af][view="1"]{
17425
- opacity:0;
17426
- pointer-events:none;
17427
- transition:.34s .51s;
17428
- }
17429
17376
  [am-view=af].hide>*,[am-view=af][view="1"]>*{
17430
- animation:am-hide-af .51s both;
17431
17377
  opacity:1;
17378
+ transform:rotateX(0deg);
17432
17379
  }
17433
17380
 
17434
17381
  [am-view=af]{
17435
- perspective:500;
17382
+ perspective:800px;
17383
+ }
17384
+ [am-view=af].hide>*,[am-view=af].show>*,[am-view=af][view="1"]>*,[am-view=af][view="2"]>*{
17385
+ transform-origin:50% 50%;
17386
+ }
17387
+ [am-view=af].show>*,[am-view=af][view="2"]>*{
17388
+ animation:am-show-af .42s cubic-bezier(.22, .82, .24, 1) both;
17389
+ }
17390
+ [am-view=af].hide,[am-view=af][view="1"]{
17391
+ pointer-events:none;
17392
+ }
17393
+ [am-view=af].hide>*,[am-view=af][view="1"]>*{
17394
+ animation:am-hide-af .3s cubic-bezier(.4, 0, .2, 1) both;
17436
17395
  }
17437
17396
  [am-view=af].none,[am-view=af][view="0"]{
17438
17397
  display:none;
@@ -17441,244 +17400,45 @@ td[ui-col],th[ui-col]{
17441
17400
  @keyframes am-show-ag{
17442
17401
  0%{
17443
17402
  opacity:0;
17444
- -webkit-transform:matrix(.7, 0, 0, .7, 0, 0);
17445
- transform:matrix(.7, 0, 0, .7, 0, 0);
17446
- }
17447
- 2.083333%{
17448
- -webkit-transform:matrix(.75266, 0, 0, .76342, 0, 0);
17449
- transform:matrix(.75266, 0, 0, .76342, 0, 0);
17450
- }
17451
- 4.166667%{
17452
- -webkit-transform:matrix(.81071, 0, 0, .84545, 0, 0);
17453
- transform:matrix(.81071, 0, 0, .84545, 0, 0);
17454
- }
17455
- 6.25%{
17456
- -webkit-transform:matrix(.86808, 0, 0, .9286, 0, 0);
17457
- transform:matrix(.86808, 0, 0, .9286, 0, 0);
17458
- }
17459
- 8.333333%{
17460
- -webkit-transform:matrix(.92038, 0, 0, 1, 0, 0);
17461
- transform:matrix(.92038, 0, 0, 1, 0, 0);
17462
- }
17463
- 10.416667%{
17464
- -webkit-transform:matrix(.96482, 0, 0, 1.05202, 0, 0);
17465
- transform:matrix(.96482, 0, 0, 1.05202, 0, 0);
17466
- }
17467
- 12.5%{
17468
- -webkit-transform:matrix(1, 0, 0, 1.08204, 0, 0);
17469
- transform:matrix(1, 0, 0, 1.08204, 0, 0);
17470
- }
17471
- 14.583333%{
17472
- -webkit-transform:matrix(1.02563, 0, 0, 1.09149, 0, 0);
17473
- transform:matrix(1.02563, 0, 0, 1.09149, 0, 0);
17474
- }
17475
- 16.666667%{
17476
- -webkit-transform:matrix(1.04227, 0, 0, 1.08453, 0, 0);
17477
- transform:matrix(1.04227, 0, 0, 1.08453, 0, 0);
17478
- }
17479
- 18.75%{
17480
- -webkit-transform:matrix(1.05102, 0, 0, 1.06666, 0, 0);
17481
- transform:matrix(1.05102, 0, 0, 1.06666, 0, 0);
17482
- }
17483
- 20.833333%{
17484
- -webkit-transform:matrix(1.05334, 0, 0, 1.04355, 0, 0);
17485
- transform:matrix(1.05334, 0, 0, 1.04355, 0, 0);
17486
- }
17487
- 22.916667%{
17488
- -webkit-transform:matrix(1.05078, 0, 0, 1.02012, 0, 0);
17489
- transform:matrix(1.05078, 0, 0, 1.02012, 0, 0);
17490
- }
17491
- 25%{
17492
- -webkit-transform:matrix(1.04487, 0, 0, 1, 0, 0);
17493
- transform:matrix(1.04487, 0, 0, 1, 0, 0);
17494
- }
17495
- 27.083333%{
17496
- -webkit-transform:matrix(1.03699, 0, 0, .98534, 0, 0);
17497
- transform:matrix(1.03699, 0, 0, .98534, 0, 0);
17498
- }
17499
- 29.166667%{
17500
- -webkit-transform:matrix(1.02831, 0, 0, .97688, 0, 0);
17501
- transform:matrix(1.02831, 0, 0, .97688, 0, 0);
17502
- }
17503
- 31.25%{
17504
- -webkit-transform:matrix(1.01973, 0, 0, .97422, 0, 0);
17505
- transform:matrix(1.01973, 0, 0, .97422, 0, 0);
17506
- }
17507
- 33.333333%{
17508
- -webkit-transform:matrix(1.01191, 0, 0, .97618, 0, 0);
17509
- transform:matrix(1.01191, 0, 0, .97618, 0, 0);
17510
- }
17511
- 35.416667%{
17512
- -webkit-transform:matrix(1.00526, 0, 0, .98122, 0, 0);
17513
- transform:matrix(1.00526, 0, 0, .98122, 0, 0);
17514
- }
17515
- 37.5%{
17516
- -webkit-transform:matrix(1, 0, 0, .98773, 0, 0);
17517
- transform:matrix(1, 0, 0, .98773, 0, 0);
17518
- }
17519
- 39.583333%{
17520
- -webkit-transform:matrix(.99617, 0, 0, .99433, 0, 0);
17521
- transform:matrix(.99617, 0, 0, .99433, 0, 0);
17403
+ transform:scale3d(.94, .94, 1);
17522
17404
  }
17523
- 41.666667%{
17524
- -webkit-transform:matrix(.99368, 0, 0, 1, 0, 0);
17525
- transform:matrix(.99368, 0, 0, 1, 0, 0);
17526
- }
17527
- 43.75%{
17528
- -webkit-transform:matrix(.99237, 0, 0, 1.00413, 0, 0);
17529
- transform:matrix(.99237, 0, 0, 1.00413, 0, 0);
17530
- }
17531
- 45.833333%{
17532
- -webkit-transform:matrix(.99202, 0, 0, 1.00651, 0, 0);
17533
- transform:matrix(.99202, 0, 0, 1.00651, 0, 0);
17534
- }
17535
- 47.916667%{
17536
- -webkit-transform:matrix(.99241, 0, 0, 1.00726, 0, 0);
17537
- transform:matrix(.99241, 0, 0, 1.00726, 0, 0);
17538
- }
17539
- 50%{
17405
+ 68%{
17540
17406
  opacity:1;
17541
- -webkit-transform:matrix(.99329, 0, 0, 1.00671, 0, 0);
17542
- transform:matrix(.99329, 0, 0, 1.00671, 0, 0);
17543
- }
17544
- 52.083333%{
17545
- -webkit-transform:matrix(.99447, 0, 0, 1.00529, 0, 0);
17546
- transform:matrix(.99447, 0, 0, 1.00529, 0, 0);
17547
- }
17548
- 54.166667%{
17549
- -webkit-transform:matrix(.99577, 0, 0, 1.00346, 0, 0);
17550
- transform:matrix(.99577, 0, 0, 1.00346, 0, 0);
17551
- }
17552
- 56.25%{
17553
- -webkit-transform:matrix(.99705, 0, 0, 1.0016, 0, 0);
17554
- transform:matrix(.99705, 0, 0, 1.0016, 0, 0);
17555
- }
17556
- 58.333333%{
17557
- -webkit-transform:matrix(.99822, 0, 0, 1, 0, 0);
17558
- transform:matrix(.99822, 0, 0, 1, 0, 0);
17559
- }
17560
- 60.416667%{
17561
- -webkit-transform:matrix(.99921, 0, 0, .99884, 0, 0);
17562
- transform:matrix(.99921, 0, 0, .99884, 0, 0);
17563
- }
17564
- 62.5%{
17565
- -webkit-transform:matrix(1, 0, 0, .99816, 0, 0);
17566
- transform:matrix(1, 0, 0, .99816, 0, 0);
17567
- }
17568
- 64.583333%{
17569
- -webkit-transform:matrix(1.00057, 0, 0, .99795, 0, 0);
17570
- transform:matrix(1.00057, 0, 0, .99795, 0, 0);
17571
- }
17572
- 66.666667%{
17573
- -webkit-transform:matrix(1.00095, 0, 0, .99811, 0, 0);
17574
- transform:matrix(1.00095, 0, 0, .99811, 0, 0);
17575
- }
17576
- 68.75%{
17577
- -webkit-transform:matrix(1.00114, 0, 0, .99851, 0, 0);
17578
- transform:matrix(1.00114, 0, 0, .99851, 0, 0);
17579
- }
17580
- 70.833333%{
17581
- -webkit-transform:matrix(1.00119, 0, 0, .99903, 0, 0);
17582
- transform:matrix(1.00119, 0, 0, .99903, 0, 0);
17583
- }
17584
- 72.916667%{
17585
- -webkit-transform:matrix(1.00114, 0, 0, .99955, 0, 0);
17586
- transform:matrix(1.00114, 0, 0, .99955, 0, 0);
17587
- }
17588
- 75%{
17589
- -webkit-transform:matrix(1.001, 0, 0, 1, 0, 0);
17590
- transform:matrix(1.001, 0, 0, 1, 0, 0);
17591
- }
17592
- 77.083333%{
17593
- -webkit-transform:matrix(1.00083, 0, 0, 1.00033, 0, 0);
17594
- transform:matrix(1.00083, 0, 0, 1.00033, 0, 0);
17595
- }
17596
- 79.166667%{
17597
- -webkit-transform:matrix(1.00063, 0, 0, 1.00052, 0, 0);
17598
- transform:matrix(1.00063, 0, 0, 1.00052, 0, 0);
17599
- }
17600
- 81.25%{
17601
- -webkit-transform:matrix(1.00044, 0, 0, 1.00058, 0, 0);
17602
- transform:matrix(1.00044, 0, 0, 1.00058, 0, 0);
17603
- }
17604
- 83.333333%{
17605
- -webkit-transform:matrix(1.00027, 0, 0, 1.00053, 0, 0);
17606
- transform:matrix(1.00027, 0, 0, 1.00053, 0, 0);
17607
- }
17608
- 85.416667%{
17609
- -webkit-transform:matrix(1.00012, 0, 0, 1.00042, 0, 0);
17610
- transform:matrix(1.00012, 0, 0, 1.00042, 0, 0);
17611
- }
17612
- 87.5%{
17613
- -webkit-transform:matrix(1, 0, 0, 1.00027, 0, 0);
17614
- transform:matrix(1, 0, 0, 1.00027, 0, 0);
17615
- }
17616
- 89.583333%{
17617
- -webkit-transform:matrix(.99991, 0, 0, 1.00013, 0, 0);
17618
- transform:matrix(.99991, 0, 0, 1.00013, 0, 0);
17619
- }
17620
- 91.666667%{
17621
- -webkit-transform:matrix(.99986, 0, 0, 1, 0, 0);
17622
- transform:matrix(.99986, 0, 0, 1, 0, 0);
17623
- }
17624
- 93.75%{
17625
- -webkit-transform:matrix(.99983, 0, 0, .99991, 0, 0);
17626
- transform:matrix(.99983, 0, 0, .99991, 0, 0);
17627
- }
17628
- 95.833333%{
17629
- -webkit-transform:matrix(.99982, 0, 0, .99985, 0, 0);
17630
- transform:matrix(.99982, 0, 0, .99985, 0, 0);
17631
- }
17632
- 97.916667%{
17633
- -webkit-transform:matrix(.99983, 0, 0, .99984, 0, 0);
17634
- transform:matrix(.99983, 0, 0, .99984, 0, 0);
17407
+ transform:scale3d(1.02, 1.02, 1);
17635
17408
  }
17636
17409
  to{
17637
17410
  opacity:1;
17638
- -webkit-transform:matrix(1, 0, 0, 1, 0, 0);
17639
- transform:matrix(1, 0, 0, 1, 0, 0);
17411
+ transform:scaleX(1);
17640
17412
  }
17641
17413
  }
17642
17414
  @keyframes am-hide-ag{
17643
17415
  0%{
17644
17416
  opacity:1;
17645
- transform:scale(1);
17646
- }
17647
- 30%{
17648
- opacity:1;
17649
- transform:scale(.95, 1.05);
17650
- }
17651
- 50%{
17652
- opacity:1;
17653
- transform:scale(1.03, .95);
17417
+ transform:scaleX(1);
17654
17418
  }
17655
17419
  to{
17656
17420
  opacity:0;
17657
- transform:scale(.3);
17421
+ transform:scale3d(.96, .96, 1);
17658
17422
  }
17659
17423
  }
17660
17424
  [am-view=ag].show>*,[am-view=ag][view="2"]>*{
17661
17425
  opacity:0;
17662
- transform:scale(.7);
17663
- transform-style:preserve-3d;
17426
+ transform:scale3d(.94, .94, 1);
17664
17427
  }
17665
17428
 
17666
17429
  [am-view=ag].hide>*,[am-view=ag][view="1"]>*{
17667
17430
  opacity:1;
17668
- transform:scale(1);
17669
- transform-style:preserve-3d;
17431
+ transform:scaleX(1);
17670
17432
  }
17671
17433
 
17672
17434
  [am-view=ag].show>*,[am-view=ag][view="2"]>*{
17673
- animation:am-show-ag .55s .1s both;
17435
+ animation:am-show-ag .4s cubic-bezier(.22, .82, .24, 1) both;
17674
17436
  }
17675
17437
  [am-view=ag].hide,[am-view=ag][view="1"]{
17676
- opacity:0;
17677
17438
  pointer-events:none;
17678
- transition:.26s .39s;
17679
17439
  }
17680
17440
  [am-view=ag].hide>*,[am-view=ag][view="1"]>*{
17681
- animation:am-hide-ag .55s .1s both;
17441
+ animation:am-hide-ag .28s cubic-bezier(.4, 0, .2, 1) both;
17682
17442
  }
17683
17443
  [am-view=ag].none,[am-view=ag][view="0"]{
17684
17444
  display:none;
@@ -17687,27 +17447,7 @@ td[ui-col],th[ui-col]{
17687
17447
  @keyframes am-show-ah{
17688
17448
  0%{
17689
17449
  opacity:0;
17690
- transform:scale3d(3, 3, 1);
17691
- }
17692
- 50%{
17693
- opacity:1;
17694
- transform:scale3d(.9, .9, 1);
17695
- }
17696
- 60%{
17697
- opacity:1;
17698
- transform:scale3d(1.05, 1.05, 1);
17699
- }
17700
- 70%{
17701
- opacity:1;
17702
- transform:scale3d(.95, .95, 1);
17703
- }
17704
- 80%{
17705
- opacity:1;
17706
- transform:scale3d(1.02, 1.02, 1);
17707
- }
17708
- 90%{
17709
- opacity:1;
17710
- transform:scale3d(.98, .98, 1);
17450
+ transform:scale3d(1.1, 1.1, 1);
17711
17451
  }
17712
17452
  to{
17713
17453
  opacity:1;
@@ -17719,38 +17459,29 @@ td[ui-col],th[ui-col]{
17719
17459
  opacity:1;
17720
17460
  transform:scaleX(1);
17721
17461
  }
17722
- 60%{
17723
- opacity:1;
17724
- transform:scale3d(.8, .8, 1);
17725
- }
17726
17462
  to{
17727
17463
  opacity:0;
17728
- transform:scale3d(2, 2, 1);
17464
+ transform:scale3d(1.08, 1.08, 1);
17729
17465
  }
17730
17466
  }
17731
17467
  [am-view=ah].show>*,[am-view=ah][view="2"]>*{
17732
17468
  opacity:0;
17733
- transform:scale3d(3, 3, 1);
17734
- transform-origin:50% 50%;
17735
- transform-style:preserve-3d;
17469
+ transform:scale3d(1.1, 1.1, 1);
17736
17470
  }
17737
17471
 
17738
17472
  [am-view=ah].hide>*,[am-view=ah][view="1"]>*{
17739
17473
  opacity:1;
17740
17474
  transform:scaleX(1);
17741
- transform-style:preserve-3d;
17742
17475
  }
17743
17476
 
17744
17477
  [am-view=ah].show>*,[am-view=ah][view="2"]>*{
17745
- animation:am-show-ah .45s .1s both;
17478
+ animation:am-show-ah .38s cubic-bezier(.22, .82, .24, 1) both;
17746
17479
  }
17747
17480
  [am-view=ah].hide,[am-view=ah][view="1"]{
17748
- opacity:0;
17749
17481
  pointer-events:none;
17750
- transition:.22s .33s;
17751
17482
  }
17752
17483
  [am-view=ah].hide>*,[am-view=ah][view="1"]>*{
17753
- animation:am-hide-ah .45s .1s both;
17484
+ animation:am-hide-ah .28s cubic-bezier(.4, 0, .2, 1) both;
17754
17485
  }
17755
17486
  [am-view=ah].none,[am-view=ah][view="0"]{
17756
17487
  display:none;
@@ -17759,63 +17490,41 @@ td[ui-col],th[ui-col]{
17759
17490
  @keyframes am-show-ai{
17760
17491
  0%{
17761
17492
  opacity:0;
17762
- transform:skewX(0deg) translate3d(100%, 0, 0) scaleX(1);
17763
- }
17764
- 25%{
17765
- opacity:1;
17766
- transform:skewX(0deg) translateZ(0) scaleX(.97);
17767
- }
17768
- 50%{
17769
- opacity:1;
17770
- transform:skewX(5deg) translateZ(0) scaleX(.95);
17771
- }
17772
- 75%{
17773
- opacity:1;
17774
- transform:skewX(-3deg) translateZ(0) scaleX(.98);
17493
+ transform:translate3d(32px, 0, 0) skewX(3deg);
17775
17494
  }
17776
17495
  to{
17777
17496
  opacity:1;
17778
- transform:skewX(0deg) translateZ(0) scaleX(1);
17497
+ transform:translateZ(0) skewX(0deg);
17779
17498
  }
17780
17499
  }
17781
17500
  @keyframes am-hide-ai{
17782
17501
  0%{
17783
17502
  opacity:1;
17784
- transform:skewX(0deg) translateZ(0) scaleX(1);
17785
- }
17786
- 40%,50%{
17787
- opacity:1;
17788
- transform:skewX(-5deg) translate3d(3%, 0, 0) scaleX(.98);
17503
+ transform:translateZ(0) skewX(0deg);
17789
17504
  }
17790
17505
  to{
17791
17506
  opacity:0;
17792
- transform:skewX(10deg) translate3d(-110%, -5%, 0) scale3d(.9, .9, 1);
17507
+ transform:translate3d(-28px, 0, 0) skewX(-3deg);
17793
17508
  }
17794
17509
  }
17795
17510
  [am-view=ai].show>*,[am-view=ai][view="2"]>*{
17796
17511
  opacity:0;
17797
- transform:scale3d(2, 2, 1) translate3d(0, -30%, 0);
17798
- transform-origin:0 100%;
17799
- transform-style:preserve-3d;
17512
+ transform:translate3d(32px, 0, 0) skewX(3deg);
17800
17513
  }
17801
17514
 
17802
17515
  [am-view=ai].hide>*,[am-view=ai][view="1"]>*{
17803
17516
  opacity:1;
17804
- transform:skewX(0deg) translateZ(0) scaleX(1);
17805
- transform-origin:0 100%;
17806
- transform-style:preserve-3d;
17517
+ transform:translateZ(0) skewX(0deg);
17807
17518
  }
17808
17519
 
17809
17520
  [am-view=ai].show>*,[am-view=ai][view="2"]>*{
17810
- animation:am-show-ai .5s .1s both;
17521
+ animation:am-show-ai .38s cubic-bezier(.22, .82, .24, 1) both;
17811
17522
  }
17812
17523
  [am-view=ai].hide,[am-view=ai][view="1"]{
17813
- opacity:0;
17814
17524
  pointer-events:none;
17815
- transition:.24s .36s;
17816
17525
  }
17817
17526
  [am-view=ai].hide>*,[am-view=ai][view="1"]>*{
17818
- animation:am-hide-ai .5s .1s both;
17527
+ animation:am-hide-ai .28s cubic-bezier(.4, 0, .2, 1) both;
17819
17528
  }
17820
17529
  [am-view=ai].none,[am-view=ai][view="0"]{
17821
17530
  display:none;
@@ -17824,16 +17533,7 @@ td[ui-col],th[ui-col]{
17824
17533
  @keyframes am-show-aj{
17825
17534
  0%{
17826
17535
  opacity:0;
17827
- transform:rotateY(80deg);
17828
- }
17829
- 40%{
17830
- transform:rotateY(-20deg);
17831
- }
17832
- 70%{
17833
- transform:rotateY(10deg);
17834
- }
17835
- 90%{
17836
- transform:rotateY(-5deg);
17536
+ transform:rotateY(16deg);
17837
17537
  }
17838
17538
  to{
17839
17539
  opacity:1;
@@ -17845,40 +17545,32 @@ td[ui-col],th[ui-col]{
17845
17545
  opacity:1;
17846
17546
  transform:rotateY(0deg);
17847
17547
  }
17848
- 50%{
17849
- opacity:1;
17850
- transform:rotateY(-20deg);
17851
- }
17852
17548
  to{
17853
17549
  opacity:0;
17854
- transform:rotateY(80deg);
17550
+ transform:rotateY(-14deg);
17855
17551
  }
17856
17552
  }
17857
17553
  [am-view=aj].show>*,[am-view=aj][view="2"]>*{
17858
- backface-visibility:visible;
17859
17554
  opacity:0;
17860
- transform:rotateY(80deg);
17555
+ transform:rotateY(16deg);
17861
17556
  }
17862
17557
 
17863
17558
  [am-view=aj].hide>*,[am-view=aj][view="1"]>*{
17864
- backface-visibility:visible;
17865
17559
  opacity:1;
17866
17560
  transform:rotateY(0deg);
17867
17561
  }
17868
17562
 
17869
17563
  [am-view=aj]{
17870
- perspective:500;
17564
+ perspective:800px;
17871
17565
  }
17872
17566
  [am-view=aj].show>*,[am-view=aj][view="2"]>*{
17873
- animation:am-show-aj .35s .1s both;
17567
+ animation:am-show-aj .42s cubic-bezier(.22, .82, .24, 1) both;
17874
17568
  }
17875
17569
  [am-view=aj].hide,[am-view=aj][view="1"]{
17876
- opacity:0;
17877
17570
  pointer-events:none;
17878
- transition:.18s .27s;
17879
17571
  }
17880
17572
  [am-view=aj].hide>*,[am-view=aj][view="1"]>*{
17881
- animation:am-hide-aj .35s .1s both;
17573
+ animation:am-hide-aj .3s cubic-bezier(.4, 0, .2, 1) both;
17882
17574
  }
17883
17575
  [am-view=aj].none,[am-view=aj][view="0"]{
17884
17576
  display:none;
@@ -17886,51 +17578,44 @@ td[ui-col],th[ui-col]{
17886
17578
 
17887
17579
  @keyframes am-show-ak{
17888
17580
  0%{
17889
- transform:rotate(30deg);
17890
- }
17891
- 60%{
17892
- transform:rotate(-1deg);
17893
- }
17894
- 70%{
17895
- transform:rotate(-1deg);
17581
+ opacity:0;
17582
+ transform:rotate(12deg);
17896
17583
  }
17897
17584
  to{
17585
+ opacity:1;
17898
17586
  transform:rotate(0deg);
17899
17587
  }
17900
17588
  }
17901
17589
  @keyframes am-hide-ak{
17902
17590
  0%{
17591
+ opacity:1;
17903
17592
  transform:rotate(0deg);
17904
17593
  }
17905
- 40%{
17906
- transform:rotate(2deg);
17907
- }
17908
17594
  to{
17909
- transform:rotate(-30deg);
17595
+ opacity:0;
17596
+ transform:rotate(-12deg);
17910
17597
  }
17911
17598
  }
17912
17599
  [am-view=ak].show>*,[am-view=ak][view="2"]>*{
17913
- transform:rotate(30deg);
17914
- transform-origin:50% 200%;
17915
- transform-style:preserve-3d;
17600
+ opacity:0;
17601
+ transform:rotate(12deg);
17602
+ transform-origin:50% 140%;
17916
17603
  }
17917
17604
 
17918
17605
  [am-view=ak].hide>*,[am-view=ak][view="1"]>*{
17606
+ opacity:1;
17919
17607
  transform:rotate(0deg);
17920
- transform-origin:50% 200%;
17921
- transform-style:preserve-3d;
17608
+ transform-origin:50% 140%;
17922
17609
  }
17923
17610
 
17924
17611
  [am-view=ak].show>*,[am-view=ak][view="2"]>*{
17925
- animation:am-show-ak .5s .1s both;
17612
+ animation:am-show-ak .4s cubic-bezier(.22, .82, .24, 1) both;
17926
17613
  }
17927
17614
  [am-view=ak].hide,[am-view=ak][view="1"]{
17928
- opacity:0;
17929
17615
  pointer-events:none;
17930
- transition:.24s .36s;
17931
17616
  }
17932
17617
  [am-view=ak].hide>*,[am-view=ak][view="1"]>*{
17933
- animation:am-hide-ak .5s .1s both;
17618
+ animation:am-hide-ak .3s cubic-bezier(.4, 0, .2, 1) both;
17934
17619
  }
17935
17620
  [am-view=ak].none,[am-view=ak][view="0"]{
17936
17621
  display:none;
@@ -17939,46 +17624,41 @@ td[ui-col],th[ui-col]{
17939
17624
  @keyframes am-show-al{
17940
17625
  0%{
17941
17626
  opacity:0;
17942
- transform:translate3d(150%, 0, 0) scaleX(1);
17627
+ transform:translate3d(40px, 0, 0);
17943
17628
  }
17944
17629
  to{
17945
17630
  opacity:1;
17946
- transform:translateZ(0) scaleX(1);
17631
+ transform:translateZ(0);
17947
17632
  }
17948
17633
  }
17949
17634
  @keyframes am-hide-al{
17950
17635
  0%{
17951
17636
  opacity:1;
17952
- transform:translateZ(0) scaleX(1);
17637
+ transform:translateZ(0);
17953
17638
  }
17954
17639
  to{
17955
17640
  opacity:0;
17956
- transform:translate3d(150%, 0, 0) scaleX(1);
17641
+ transform:translate3d(40px, 0, 0);
17957
17642
  }
17958
17643
  }
17959
17644
  [am-view=al].show>*,[am-view=al][view="2"]>*{
17960
17645
  opacity:0;
17961
- transform:translate3d(0, -150%, 0);
17962
- transform-origin:50% 80%;
17963
- transform-style:preserve-3d;
17646
+ transform:translate3d(40px, 0, 0);
17964
17647
  }
17965
17648
 
17966
17649
  [am-view=al].hide>*,[am-view=al][view="1"]>*{
17967
- opacity:0;
17968
- transform:translateZ(0) scaleX(1);
17969
- transform-style:preserve-3d;
17650
+ opacity:1;
17651
+ transform:translateZ(0);
17970
17652
  }
17971
17653
 
17972
17654
  [am-view=al].show>*,[am-view=al][view="2"]>*{
17973
- animation:am-show-al .45s .1s both;
17655
+ animation:am-show-al .38s cubic-bezier(.22, .82, .24, 1) both;
17974
17656
  }
17975
17657
  [am-view=al].hide,[am-view=al][view="1"]{
17976
- opacity:0;
17977
17658
  pointer-events:none;
17978
- transition:.22s .33s;
17979
17659
  }
17980
17660
  [am-view=al].hide>*,[am-view=al][view="1"]>*{
17981
- animation:am-hide-al .45s .1s both;
17661
+ animation:am-hide-al .28s cubic-bezier(.4, 0, .2, 1) both;
17982
17662
  }
17983
17663
  [am-view=al].none,[am-view=al][view="0"]{
17984
17664
  display:none;
@@ -17987,45 +17667,41 @@ td[ui-col],th[ui-col]{
17987
17667
  @keyframes am-show-am{
17988
17668
  0%{
17989
17669
  opacity:0;
17990
- transform:translate3d(0, 100%, 0) scaleX(1);
17670
+ transform:translate3d(0, 40px, 0);
17991
17671
  }
17992
17672
  to{
17993
17673
  opacity:1;
17994
- transform:translateZ(0) scaleX(1);
17674
+ transform:translateZ(0);
17995
17675
  }
17996
17676
  }
17997
17677
  @keyframes am-hide-am{
17998
17678
  0%{
17999
17679
  opacity:1;
18000
- transform:translateZ(0) scaleX(1);
17680
+ transform:translateZ(0);
18001
17681
  }
18002
17682
  to{
18003
17683
  opacity:0;
18004
- transform:translate3d(0, 100%, 0) scaleX(1);
17684
+ transform:translate3d(0, 40px, 0);
18005
17685
  }
18006
17686
  }
18007
17687
  [am-view=am].show>*,[am-view=am][view="2"]>*{
18008
17688
  opacity:0;
18009
- transform:translate3d(0, -150%, 0);
18010
- transform-style:preserve-3d;
17689
+ transform:translate3d(0, 40px, 0);
18011
17690
  }
18012
17691
 
18013
17692
  [am-view=am].hide>*,[am-view=am][view="1"]>*{
18014
- opacity:0;
18015
- transform:translateZ(0) scaleX(1);
18016
- transform-style:preserve-3d;
17693
+ opacity:1;
17694
+ transform:translateZ(0);
18017
17695
  }
18018
17696
 
18019
17697
  [am-view=am].show>*,[am-view=am][view="2"]>*{
18020
- animation:am-show-am .45s .1s both;
17698
+ animation:am-show-am .38s cubic-bezier(.22, .82, .24, 1) both;
18021
17699
  }
18022
17700
  [am-view=am].hide,[am-view=am][view="1"]{
18023
- opacity:0;
18024
17701
  pointer-events:none;
18025
- transition:.22s .33s;
18026
17702
  }
18027
17703
  [am-view=am].hide>*,[am-view=am][view="1"]>*{
18028
- animation:am-hide-am .45s .1s both;
17704
+ animation:am-hide-am .28s cubic-bezier(.4, 0, .2, 1) both;
18029
17705
  }
18030
17706
  [am-view=am].none,[am-view=am][view="0"]{
18031
17707
  display:none;
@@ -18033,58 +17709,42 @@ td[ui-col],th[ui-col]{
18033
17709
 
18034
17710
  @keyframes am-show-an{
18035
17711
  0%{
18036
- opacity:.8;
18037
- transform:scale(.8) translateY(-100%);
18038
- }
18039
- 45%{
18040
- opacity:.8;
18041
- transform:scale(.8) translateY(0);
18042
- }
18043
- 50%{
18044
- opacity:1;
18045
- transform:scale(.8) translateY(0);
17712
+ opacity:0;
17713
+ transform:translate3d(0, -24px, 0) scale3d(.96, .96, 1);
18046
17714
  }
18047
17715
  to{
18048
17716
  opacity:1;
18049
- transform:scale(1) translateY(0);
17717
+ transform:translateZ(0) scaleX(1);
18050
17718
  }
18051
17719
  }
18052
17720
  @keyframes am-hide-an{
18053
17721
  0%{
18054
17722
  opacity:1;
18055
- transform:scale(1) translateY(0);
18056
- }
18057
- 50%{
18058
- opacity:.8;
18059
- transform:scale(.8) translateY(0);
17723
+ transform:translateZ(0) scaleX(1);
18060
17724
  }
18061
17725
  to{
18062
17726
  opacity:0;
18063
- transform:scale(.8) translateY(100%);
17727
+ transform:translate3d(0, 24px, 0) scale3d(.96, .96, 1);
18064
17728
  }
18065
17729
  }
18066
17730
  [am-view=an].show>*,[am-view=an][view="2"]>*{
18067
- opacity:.8;
18068
- transform:scale(.8) translateY(100%);
18069
- transform-style:preserve-3d;
17731
+ opacity:0;
17732
+ transform:translate3d(0, -24px, 0) scale3d(.96, .96, 1);
18070
17733
  }
18071
17734
 
18072
17735
  [am-view=an].hide>*,[am-view=an][view="1"]>*{
18073
17736
  opacity:1;
18074
- transform:scale(1) translateY(0);
18075
- transform-style:preserve-3d;
17737
+ transform:translateZ(0) scaleX(1);
18076
17738
  }
18077
17739
 
18078
17740
  [am-view=an].show>*,[am-view=an][view="2"]>*{
18079
- animation:am-show-an .5s .1s both;
17741
+ animation:am-show-an .38s cubic-bezier(.22, .82, .24, 1) both;
18080
17742
  }
18081
17743
  [am-view=an].hide,[am-view=an][view="1"]{
18082
- opacity:0;
18083
17744
  pointer-events:none;
18084
- transition:.24s .36s;
18085
17745
  }
18086
17746
  [am-view=an].hide>*,[am-view=an][view="1"]>*{
18087
- animation:am-hide-an .5s .1s both;
17747
+ animation:am-hide-an .28s cubic-bezier(.4, 0, .2, 1) both;
18088
17748
  }
18089
17749
  [am-view=an].none,[am-view=an][view="0"]{
18090
17750
  display:none;
@@ -18092,55 +17752,46 @@ td[ui-col],th[ui-col]{
18092
17752
 
18093
17753
  @keyframes am-show-ao{
18094
17754
  0%{
18095
- opacity:1;
18096
- transform:scaleX(1) translateY(100%);
17755
+ opacity:0;
17756
+ transform:translate3d(0, 22px, 0);
18097
17757
  }
18098
- 60%{
17758
+ 70%{
18099
17759
  opacity:1;
18100
- transform:scaleX(1) translateY(-5%);
17760
+ transform:translate3d(0, -3px, 0);
18101
17761
  }
18102
17762
  to{
18103
17763
  opacity:1;
18104
- transform:scaleX(1) translateY(0);
17764
+ transform:translateZ(0);
18105
17765
  }
18106
17766
  }
18107
17767
  @keyframes am-hide-ao{
18108
17768
  0%{
18109
17769
  opacity:1;
18110
- transform:scaleX(1) translateY(0);
18111
- }
18112
- 40%{
18113
- opacity:1;
18114
- transform:scaleX(1) translateY(-5%);
17770
+ transform:translateZ(0);
18115
17771
  }
18116
17772
  to{
18117
17773
  opacity:0;
18118
- transform:scaleX(1) translateY(100%);
17774
+ transform:translate3d(0, 18px, 0);
18119
17775
  }
18120
17776
  }
18121
17777
  [am-view=ao].show>*,[am-view=ao][view="2"]>*{
18122
- opacity:1;
18123
- transform:scaleX(1) translateY(100%);
18124
- transform-style:preserve-3d;
17778
+ opacity:0;
17779
+ transform:translate3d(0, 22px, 0);
18125
17780
  }
18126
17781
 
18127
17782
  [am-view=ao].hide>*,[am-view=ao][view="1"]>*{
18128
17783
  opacity:1;
18129
- pointer-events:none;
18130
- transform:scale(1) translateY(0);
18131
- transform-style:preserve-3d;
17784
+ transform:translateZ(0);
18132
17785
  }
18133
17786
 
18134
17787
  [am-view=ao].show>*,[am-view=ao][view="2"]>*{
18135
- animation:am-show-ao .45s .1s both;
17788
+ animation:am-show-ao .38s cubic-bezier(.22, .82, .24, 1) both;
18136
17789
  }
18137
17790
  [am-view=ao].hide,[am-view=ao][view="1"]{
18138
- opacity:0;
18139
17791
  pointer-events:none;
18140
- transition:.22s .33s;
18141
17792
  }
18142
17793
  [am-view=ao].hide>*,[am-view=ao][view="1"]>*{
18143
- animation:am-hide-ao .45s .1s both;
17794
+ animation:am-hide-ao .28s cubic-bezier(.4, 0, .2, 1) both;
18144
17795
  }
18145
17796
  [am-view=ao].none,[am-view=ao][view="0"]{
18146
17797
  display:none;
@@ -18149,11 +17800,11 @@ td[ui-col],th[ui-col]{
18149
17800
  @keyframes am-show-ap{
18150
17801
  0%{
18151
17802
  opacity:0;
18152
- transform:translate3d(0, 100%, 0) scaleX(1);
17803
+ transform:translate3d(0, 20%, 0) scaleX(1);
18153
17804
  }
18154
17805
  70%{
18155
17806
  opacity:1;
18156
- transform:translateZ(0) scaleY(1.05);
17807
+ transform:translateZ(0) scaleY(1.025);
18157
17808
  }
18158
17809
  to{
18159
17810
  opacity:1;
@@ -18167,37 +17818,33 @@ td[ui-col],th[ui-col]{
18167
17818
  }
18168
17819
  35%,40%{
18169
17820
  opacity:1;
18170
- transform:translateZ(0) scaleY(1.05);
17821
+ transform:translateZ(0) scaleY(1.025);
18171
17822
  }
18172
17823
  to{
18173
17824
  opacity:0;
18174
- transform:translate3d(0, 100%, 0) scaleX(1);
17825
+ transform:translate3d(0, 20%, 0) scaleX(1);
18175
17826
  }
18176
17827
  }
18177
- [am-view=ap].show>*,[am-view=ap][view="2"]>*{
17828
+ [am-view=ap].show>*>*,[am-view=ap][view="2"]>*>*{
18178
17829
  opacity:0;
18179
- transform:translate3d(0, 100%, 0) scaleX(1);
17830
+ transform:translate3d(0, 20%, 0) scaleX(1);
18180
17831
  transform-origin:50% 100%;
18181
- transform-style:preserve-3d;
18182
17832
  }
18183
17833
 
18184
- [am-view=ap].hide>*,[am-view=ap][view="1"]>*{
18185
- opacity:0;
17834
+ [am-view=ap].hide>*>*,[am-view=ap][view="1"]>*>*{
17835
+ opacity:1;
18186
17836
  transform:translateZ(0) scaleX(1);
18187
17837
  transform-origin:50% 100%;
18188
- transform-style:preserve-3d;
18189
17838
  }
18190
17839
 
18191
- [am-view=ap].show>*,[am-view=ap][view="2"]>*{
18192
- animation:am-show-ap .45s .35s both;
17840
+ [am-view=ap].show>*>*,[am-view=ap][view="2"]>*>*{
17841
+ animation:am-show-ap .45s ease both;
18193
17842
  }
18194
17843
  [am-view=ap].hide,[am-view=ap][view="1"]{
18195
- opacity:0;
18196
17844
  pointer-events:none;
18197
- transition:.32s .48s;
18198
17845
  }
18199
- [am-view=ap].hide>*,[am-view=ap][view="1"]>*{
18200
- animation:am-hide-ap .45s .35s both;
17846
+ [am-view=ap].hide>*>*,[am-view=ap][view="1"]>*>*{
17847
+ animation:am-hide-ap .28s cubic-bezier(.4, 0, .2, 1) both;
18201
17848
  }
18202
17849
  [am-view=ap].none,[am-view=ap][view="0"]{
18203
17850
  display:none;
@@ -18206,7 +17853,7 @@ td[ui-col],th[ui-col]{
18206
17853
  @keyframes am-show-aq{
18207
17854
  0%{
18208
17855
  opacity:0;
18209
- transform:scale3d(.8, .8, 1);
17856
+ transform:scale3d(.838, .838, 1);
18210
17857
  }
18211
17858
  30%{
18212
17859
  opacity:1;
@@ -18214,11 +17861,11 @@ td[ui-col],th[ui-col]{
18214
17861
  }
18215
17862
  50%{
18216
17863
  opacity:1;
18217
- transform:scale3d(.95, .95, 1);
17864
+ transform:scale3d(.99, .99, 1);
18218
17865
  }
18219
17866
  70%{
18220
17867
  opacity:1;
18221
- transform:scale3d(1.01, 1.01, 1);
17868
+ transform:scale3d(1.004, 1.004, 1);
18222
17869
  }
18223
17870
  to{
18224
17871
  opacity:1;
@@ -18227,41 +17874,35 @@ td[ui-col],th[ui-col]{
18227
17874
  }
18228
17875
  @keyframes am-hide-aq{
18229
17876
  0%{
17877
+ opacity:1;
18230
17878
  transform:scaleX(1);
18231
17879
  }
18232
17880
  40%,50%{
18233
- transform:scale3d(1.05, 1.05, 1);
18234
- }
18235
- 70%{
18236
- opacity:1;
17881
+ transform:scale3d(1.04, 1.04, 1);
18237
17882
  }
18238
17883
  to{
18239
17884
  opacity:0;
18240
- transform:scale3d(.8, .8, 1);
17885
+ transform:scale3d(.838, .838, 1);
18241
17886
  }
18242
17887
  }
18243
- [am-view=aq].show>*,[am-view=aq][view="2"]>*{
17888
+ [am-view=aq].show>*>*,[am-view=aq][view="2"]>*>*{
18244
17889
  opacity:0;
18245
- transform:scale3d(.8, .8, 1);
18246
- transform-style:preserve-3d;
17890
+ transform:scale3d(.838, .838, 1);
18247
17891
  }
18248
17892
 
18249
- [am-view=aq].hide>*,[am-view=aq][view="1"]>*{
17893
+ [am-view=aq].hide>*>*,[am-view=aq][view="1"]>*>*{
18250
17894
  opacity:1;
18251
17895
  transform:scaleX(1);
18252
- transform-style:preserve-3d;
18253
17896
  }
18254
17897
 
18255
- [am-view=aq].show>*,[am-view=aq][view="2"]>*{
18256
- animation:am-show-aq .35s .1s both;
17898
+ [am-view=aq].show>*>*,[am-view=aq][view="2"]>*>*{
17899
+ animation:am-show-aq .35s ease both;
18257
17900
  }
18258
17901
  [am-view=aq].hide,[am-view=aq][view="1"]{
18259
- opacity:0;
18260
17902
  pointer-events:none;
18261
- transition:.18s .27s;
18262
17903
  }
18263
- [am-view=aq].hide>*,[am-view=aq][view="1"]>*{
18264
- animation:am-hide-aq .35s .1s both;
17904
+ [am-view=aq].hide>*>*,[am-view=aq][view="1"]>*>*{
17905
+ animation:am-hide-aq .28s cubic-bezier(.4, 0, .2, 1) both;
18265
17906
  }
18266
17907
  [am-view=aq].none,[am-view=aq][view="0"]{
18267
17908
  display:none;
@@ -18270,60 +17911,45 @@ td[ui-col],th[ui-col]{
18270
17911
  @keyframes am-show-ar{
18271
17912
  0%{
18272
17913
  opacity:0;
18273
- transform:scaleX(1) translateY(30%);
18274
- }
18275
- 30%{
18276
- opacity:.8;
18277
- transform:scaleX(1) translateY(-2%);
17914
+ transform:translate3d(0, 14px, 0);
18278
17915
  }
18279
- 50%{
18280
- transform:scaleX(1) translateY(1%);
18281
- }
18282
- 75%{
17916
+ 68%{
18283
17917
  opacity:1;
18284
- transform:scaleX(1) translateY(-.5%);
17918
+ transform:translate3d(0, -2px, 0);
18285
17919
  }
18286
17920
  to{
18287
17921
  opacity:1;
18288
- transform:scaleX(1) translateY(0);
17922
+ transform:translateZ(0);
18289
17923
  }
18290
17924
  }
18291
17925
  @keyframes am-hide-ar{
18292
17926
  0%{
18293
17927
  opacity:1;
18294
- transform:scaleX(1) translateY(0);
18295
- }
18296
- 50%,60%{
18297
- opacity:1;
18298
- transform:scaleX(1) translateY(5%);
17928
+ transform:translateZ(0);
18299
17929
  }
18300
17930
  to{
18301
17931
  opacity:0;
18302
- transform:scaleX(1) translateY(-30%);
17932
+ transform:translate3d(0, -12px, 0);
18303
17933
  }
18304
17934
  }
18305
17935
  [am-view=ar].show>*,[am-view=ar][view="2"]>*{
18306
- opacity:.8;
18307
- transform:scale(.8) translateY(100%);
18308
- transform-style:preserve-3d;
17936
+ opacity:0;
17937
+ transform:translate3d(0, 14px, 0);
18309
17938
  }
18310
17939
 
18311
17940
  [am-view=ar].hide>*,[am-view=ar][view="1"]>*{
18312
17941
  opacity:1;
18313
- transform:scale(1) translateY(0);
18314
- transform-style:preserve-3d;
17942
+ transform:translateZ(0);
18315
17943
  }
18316
17944
 
18317
17945
  [am-view=ar].show>*,[am-view=ar][view="2"]>*{
18318
- animation:am-show-ar .35s .1s both;
17946
+ animation:am-show-ar .38s cubic-bezier(.22, .82, .24, 1) both;
18319
17947
  }
18320
17948
  [am-view=ar].hide,[am-view=ar][view="1"]{
18321
- opacity:0;
18322
17949
  pointer-events:none;
18323
- transition:.18s .27s;
18324
17950
  }
18325
17951
  [am-view=ar].hide>*,[am-view=ar][view="1"]>*{
18326
- animation:am-hide-ar .35s .1s both;
17952
+ animation:am-hide-ar .28s cubic-bezier(.4, 0, .2, 1) both;
18327
17953
  }
18328
17954
  [am-view=ar].none,[am-view=ar][view="0"]{
18329
17955
  display:none;
@@ -18332,45 +17958,41 @@ td[ui-col],th[ui-col]{
18332
17958
  @keyframes am-show-as{
18333
17959
  0%{
18334
17960
  opacity:0;
18335
- transform:translateY(-15px);
17961
+ transform:translate3d(0, -20px, 0);
18336
17962
  }
18337
17963
  to{
18338
17964
  opacity:1;
18339
- transform:translateY(0);
17965
+ transform:translateZ(0);
18340
17966
  }
18341
17967
  }
18342
17968
  @keyframes am-hide-as{
18343
17969
  0%{
18344
17970
  opacity:1;
18345
- transform:translateY(0);
17971
+ transform:translateZ(0);
18346
17972
  }
18347
17973
  to{
18348
17974
  opacity:0;
18349
- transform:translateY(-15px);
17975
+ transform:translate3d(0, -20px, 0);
18350
17976
  }
18351
17977
  }
18352
17978
  [am-view=as].show>*,[am-view=as][view="2"]>*{
18353
17979
  opacity:0;
18354
- transform:translateY(-15px);
18355
- transform-style:preserve-3d;
17980
+ transform:translate3d(0, -20px, 0);
18356
17981
  }
18357
17982
 
18358
17983
  [am-view=as].hide>*,[am-view=as][view="1"]>*{
18359
17984
  opacity:1;
18360
- transform:translateY(0);
18361
- transform-style:preserve-3d;
17985
+ transform:translateZ(0);
18362
17986
  }
18363
17987
 
18364
17988
  [am-view=as].show>*,[am-view=as][view="2"]>*{
18365
- animation:am-show-as .35s .1s both;
17989
+ animation:am-show-as .38s cubic-bezier(.22, .82, .24, 1) both;
18366
17990
  }
18367
17991
  [am-view=as].hide,[am-view=as][view="1"]{
18368
- opacity:0;
18369
17992
  pointer-events:none;
18370
- transition:.18s .27s;
18371
17993
  }
18372
17994
  [am-view=as].hide>*,[am-view=as][view="1"]>*{
18373
- animation:am-hide-as .35s .1s both;
17995
+ animation:am-hide-as .28s cubic-bezier(.4, 0, .2, 1) both;
18374
17996
  }
18375
17997
  [am-view=as].none,[am-view=as][view="0"]{
18376
17998
  display:none;
@@ -18379,50 +18001,41 @@ td[ui-col],th[ui-col]{
18379
18001
  @keyframes am-show-at{
18380
18002
  0%{
18381
18003
  opacity:0;
18382
- transform:scale(.9);
18383
- }
18384
- 25%{
18385
- transform:scale(.9);
18004
+ transform:scale3d(.96, .96, 1);
18386
18005
  }
18387
18006
  to{
18388
18007
  opacity:1;
18389
- transform:scale(1);
18008
+ transform:scaleX(1);
18390
18009
  }
18391
18010
  }
18392
18011
  @keyframes am-hide-at{
18393
18012
  0%{
18394
18013
  opacity:1;
18395
- transform:scale(1);
18396
- }
18397
- 50%{
18398
- transform:scale(.9);
18014
+ transform:scaleX(1);
18399
18015
  }
18400
18016
  to{
18401
18017
  opacity:0;
18018
+ transform:scale3d(.96, .96, 1);
18402
18019
  }
18403
18020
  }
18404
18021
  [am-view=at].show>*,[am-view=at][view="2"]>*{
18405
18022
  opacity:0;
18406
- transform:translateY(-15px);
18407
- transform-style:preserve-3d;
18023
+ transform:scale3d(.96, .96, 1);
18408
18024
  }
18409
18025
 
18410
18026
  [am-view=at].hide>*,[am-view=at][view="1"]>*{
18411
18027
  opacity:1;
18412
- transform:translateY(0);
18413
- transform-style:preserve-3d;
18028
+ transform:scaleX(1);
18414
18029
  }
18415
18030
 
18416
18031
  [am-view=at].show>*,[am-view=at][view="2"]>*{
18417
- animation:am-show-at .35s ease .1s 1 both;
18032
+ animation:am-show-at .38s cubic-bezier(.22, .82, .24, 1) both;
18418
18033
  }
18419
18034
  [am-view=at].hide,[am-view=at][view="1"]{
18420
- opacity:0;
18421
18035
  pointer-events:none;
18422
- transition:.18s .27s;
18423
18036
  }
18424
18037
  [am-view=at].hide>*,[am-view=at][view="1"]>*{
18425
- animation:am-hide-at .35s .1s both;
18038
+ animation:am-hide-at .28s cubic-bezier(.4, 0, .2, 1) both;
18426
18039
  }
18427
18040
  [am-view=at].none,[am-view=at][view="0"]{
18428
18041
  display:none;
@@ -23027,14 +22640,90 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
23027
22640
  padding:0 .25em;
23028
22641
  }
23029
22642
  [ui-form~="@a"][ui-form~="type:textarea"]{
23030
- background-color:var(--co-fore);
23031
- border:1px solid var(--co-case);
22643
+ --form-textarea-control-height:2.5em;
22644
+ --form-textarea-line-height:min(1.5em, calc(var(--form-textarea-control-height) - 2px));
22645
+ --form-textarea-padding-block:max(
22646
+ 0px,
22647
+ calc(var(--form-textarea-control-height)/2 - var(--form-textarea-line-height)/2 - 1px)
22648
+ );
23032
22649
  border-radius:.35em;
23033
- line-height:1.5em;
22650
+ line-height:var(--form-textarea-line-height);
23034
22651
  min-width:2.5em;
23035
- padding:.5em;
23036
22652
  position:relative;
23037
- transition:all .5s;
22653
+ resize:none;
22654
+ transition:border-color .5s,background-color .5s,box-shadow .5s,color .5s;
22655
+ }
22656
+ [ui-form~="@a"][ui-form~="type:textarea"]:is(textarea){
22657
+ display:block;
22658
+ padding:var(--form-textarea-padding-block) .5em;
22659
+ resize:none;
22660
+ width:100%;
22661
+ }
22662
+ [ui-form~="@a"][ui-form~="type:textarea"]:not(textarea){
22663
+ align-items:flex-start;
22664
+ display:inline-flex;
22665
+ padding:0 .25em var(--form-textarea-padding-block);
22666
+ }
22667
+ [ui-form~="@a"][ui-form~="type:textarea"]:not(textarea)>textarea{
22668
+ background-color:transparent;
22669
+ border:0;
22670
+ flex:1 1 auto;
22671
+ line-height:inherit;
22672
+ min-width:0;
22673
+ padding:var(--form-textarea-padding-block) .25em 0;
22674
+ resize:none;
22675
+ width:100%;
22676
+ }
22677
+ [ui-form~="@a"][ui-form~="type:textarea"]:not(textarea)>[ui-form-prefix],[ui-form~="@a"][ui-form~="type:textarea"]:not(textarea)>[ui-form-suffix]{
22678
+ align-self:flex-start;
22679
+ margin-top:calc(var(--form-textarea-padding-block) + (var(--form-textarea-line-height) - 1em)/2);
22680
+ }
22681
+ [ui-form~="@a"][ui-form~="type:textarea"]:not(textarea)[ui-form~=auto-height]>textarea{
22682
+ overflow-y:hidden;
22683
+ }
22684
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=disabled]{
22685
+ cursor:not-allowed;
22686
+ opacity:.5;
22687
+ }
22688
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=disabled]>textarea{
22689
+ cursor:not-allowed;
22690
+ }
22691
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=readonly]>textarea{
22692
+ cursor:text;
22693
+ }
22694
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=":block"]{
22695
+ display:flex;
22696
+ flex-grow:1;
22697
+ flex-shrink:1;
22698
+ width:100%;
22699
+ }
22700
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview]:hover{
22701
+ background-color:transparent !important;
22702
+ border-color:transparent !important;
22703
+ box-shadow:none !important;
22704
+ cursor:default;
22705
+ }
22706
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview]>textarea{
22707
+ cursor:default;
22708
+ }
22709
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:xs"]{
22710
+ --form-textarea-control-height:1.5em;
22711
+ }
22712
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:s"]{
22713
+ --form-textarea-control-height:2em;
22714
+ }
22715
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:m"]{
22716
+ --form-textarea-control-height:2.5em;
22717
+ }
22718
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:l"]{
22719
+ --form-textarea-control-height:3em;
22720
+ }
22721
+ [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:xl"]{
22722
+ --form-textarea-control-height:3.5em;
22723
+ }
22724
+ [ui-form~="@a"][ui-form~="type:textarea"]{
22725
+ background-color:var(--co-fore);
22726
+ border:1px solid var(--co-case);
23038
22727
  }
23039
22728
  [ui-form~="@a"][ui-form~="type:textarea"]:hover{
23040
22729
  border:1px solid var(--co-main-o-mm);
@@ -23092,62 +22781,14 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
23092
22781
  box-shadow:inset 0 0 0 1px var(--co-risk-o-ml), 0 0 0 2px var(--co-risk-o-ss) !important;
23093
22782
  color:var(--co-risk-text);
23094
22783
  }
23095
- [ui-form~="@a"][ui-form~="type:textarea"] textarea:-webkit-autofill,[ui-form~="@a"][ui-form~="type:textarea"]:-webkit-autofill{
22784
+ [ui-form~="@a"][ui-form~="type:textarea"]:-webkit-autofill,[ui-form~="@a"][ui-form~="type:textarea"]>textarea:-webkit-autofill{
23096
22785
  box-shadow:0 0 0 1000px var(--co-fore) inset;
23097
22786
  color:var(--co-read);
23098
22787
  -webkit-text-fill-color:var(--co-read);
23099
22788
  }
23100
- [ui-form~="@a"][ui-form~="type:textarea"] textarea::-webkit-input-placeholder,[ui-form~="@a"][ui-form~="type:textarea"]::-webkit-input-placeholder{
22789
+ [ui-form~="@a"][ui-form~="type:textarea"]::-webkit-input-placeholder,[ui-form~="@a"][ui-form~="type:textarea"]>textarea::-webkit-input-placeholder{
23101
22790
  color:var(--co-read-o-mm);
23102
22791
  }
23103
- [ui-form~="@a"][ui-form~="type:textarea"] textarea{
23104
- width:100%;
23105
- }
23106
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=disabled]{
23107
- cursor:not-allowed;
23108
- opacity:.5;
23109
- }
23110
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
23111
- cursor:not-allowed;
23112
- }
23113
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
23114
- cursor:text;
23115
- }
23116
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=":block"]{
23117
- display:flex;
23118
- flex-grow:1;
23119
- flex-shrink:1;
23120
- width:100%;
23121
- }
23122
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview]:hover{
23123
- background-color:transparent !important;
23124
- border-color:transparent !important;
23125
- box-shadow:none !important;
23126
- cursor:default;
23127
- }
23128
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~=preview] textarea{
23129
- cursor:default;
23130
- }
23131
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
23132
- height:1.5em;
23133
- min-height:1.5em;
23134
- }
23135
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
23136
- height:2em;
23137
- min-height:2em;
23138
- }
23139
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
23140
- height:2.5em;
23141
- min-height:2.5em;
23142
- }
23143
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
23144
- height:3em;
23145
- min-height:3em;
23146
- }
23147
- [ui-form~="@a"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
23148
- height:3.5em;
23149
- min-height:3.5em;
23150
- }
23151
22792
  [ui-form~="@a"][ui-form~="type:radio"]{
23152
22793
  align-content:center;
23153
22794
  align-items:center;
@@ -23724,53 +23365,129 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
23724
23365
  box-shadow:none !important;
23725
23366
  cursor:default;
23726
23367
  }
23727
- [ui-form~="@b"][ui-form~="type:input"][ui-form~=preview] input{
23368
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~=preview] input{
23369
+ cursor:default;
23370
+ }
23371
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xs"]{
23372
+ height:1.5em;
23373
+ padding:.125em 0;
23374
+ }
23375
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xs"] input{
23376
+ padding:.125em 0;
23377
+ }
23378
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:s"]{
23379
+ height:2em;
23380
+ padding:.25em 0;
23381
+ }
23382
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:s"] input{
23383
+ padding:.25em 0;
23384
+ }
23385
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:m"]{
23386
+ height:2.5em;
23387
+ padding:.375em 0;
23388
+ }
23389
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:m"] input{
23390
+ padding:.375em 0;
23391
+ }
23392
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:l"]{
23393
+ height:3em;
23394
+ padding:.5em 0;
23395
+ }
23396
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:l"] input{
23397
+ padding:.5em 0;
23398
+ }
23399
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xl"]{
23400
+ height:3.5em;
23401
+ padding:.625em 0;
23402
+ }
23403
+ [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xl"] input{
23404
+ padding:.625em 0;
23405
+ }
23406
+ [ui-form~="@b"][ui-form~="type:textarea"]{
23407
+ --form-textarea-control-height:2.5em;
23408
+ --form-textarea-line-height:min(1.5em, calc(var(--form-textarea-control-height) - 2px));
23409
+ --form-textarea-padding-block:max(
23410
+ 0px,
23411
+ calc(var(--form-textarea-control-height)/2 - var(--form-textarea-line-height)/2 - 1px)
23412
+ );
23413
+ border-radius:.35em;
23414
+ line-height:var(--form-textarea-line-height);
23415
+ min-width:2.5em;
23416
+ position:relative;
23417
+ resize:none;
23418
+ transition:border-color .5s,background-color .5s,box-shadow .5s,color .5s;
23419
+ }
23420
+ [ui-form~="@b"][ui-form~="type:textarea"]:is(textarea){
23421
+ display:block;
23422
+ padding:var(--form-textarea-padding-block) 0;
23423
+ resize:none;
23424
+ width:100%;
23425
+ }
23426
+ [ui-form~="@b"][ui-form~="type:textarea"]:not(textarea){
23427
+ align-items:flex-start;
23428
+ display:inline-flex;
23429
+ padding:0 0 var(--form-textarea-padding-block);
23430
+ }
23431
+ [ui-form~="@b"][ui-form~="type:textarea"]:not(textarea)>textarea{
23432
+ background-color:transparent;
23433
+ border:0;
23434
+ flex:1 1 auto;
23435
+ line-height:inherit;
23436
+ min-width:0;
23437
+ padding:var(--form-textarea-padding-block) 0 0;
23438
+ resize:none;
23439
+ width:100%;
23440
+ }
23441
+ [ui-form~="@b"][ui-form~="type:textarea"]:not(textarea)>[ui-form-prefix],[ui-form~="@b"][ui-form~="type:textarea"]:not(textarea)>[ui-form-suffix]{
23442
+ align-self:flex-start;
23443
+ margin-top:calc(var(--form-textarea-padding-block) + (var(--form-textarea-line-height) - 1em)/2);
23444
+ }
23445
+ [ui-form~="@b"][ui-form~="type:textarea"]:not(textarea)[ui-form~=auto-height]>textarea{
23446
+ overflow-y:hidden;
23447
+ }
23448
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=disabled]{
23449
+ cursor:not-allowed;
23450
+ opacity:.5;
23451
+ }
23452
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=disabled]>textarea{
23453
+ cursor:not-allowed;
23454
+ }
23455
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=readonly]>textarea{
23456
+ cursor:text;
23457
+ }
23458
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=":block"]{
23459
+ display:flex;
23460
+ flex-grow:1;
23461
+ flex-shrink:1;
23462
+ width:100%;
23463
+ }
23464
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview]:hover{
23465
+ background-color:transparent !important;
23466
+ border-color:transparent !important;
23467
+ box-shadow:none !important;
23468
+ cursor:default;
23469
+ }
23470
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview]>textarea{
23728
23471
  cursor:default;
23729
23472
  }
23730
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xs"]{
23731
- height:1.5em;
23732
- padding:.125em 0;
23733
- }
23734
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xs"] input{
23735
- padding:.125em 0;
23736
- }
23737
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:s"]{
23738
- height:2em;
23739
- padding:.25em 0;
23740
- }
23741
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:s"] input{
23742
- padding:.25em 0;
23743
- }
23744
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:m"]{
23745
- height:2.5em;
23746
- padding:.375em 0;
23747
- }
23748
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:m"] input{
23749
- padding:.375em 0;
23473
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:xs"]{
23474
+ --form-textarea-control-height:1.5em;
23750
23475
  }
23751
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:l"]{
23752
- height:3em;
23753
- padding:.5em 0;
23476
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:s"]{
23477
+ --form-textarea-control-height:2em;
23754
23478
  }
23755
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:l"] input{
23756
- padding:.5em 0;
23479
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:m"]{
23480
+ --form-textarea-control-height:2.5em;
23757
23481
  }
23758
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xl"]{
23759
- height:3.5em;
23760
- padding:.625em 0;
23482
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:l"]{
23483
+ --form-textarea-control-height:3em;
23761
23484
  }
23762
- [ui-form~="@b"][ui-form~="type:input"][ui-form~="sz:xl"] input{
23763
- padding:.625em 0;
23485
+ [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:xl"]{
23486
+ --form-textarea-control-height:3.5em;
23764
23487
  }
23765
23488
  [ui-form~="@b"][ui-form~="type:textarea"]{
23766
23489
  background-color:var(--co-fore);
23767
23490
  border:1px solid var(--co-case);
23768
- border-radius:.35em;
23769
- line-height:1.5em;
23770
- min-width:2.5em;
23771
- padding:.5em;
23772
- position:relative;
23773
- transition:all .5s;
23774
23491
  }
23775
23492
  [ui-form~="@b"][ui-form~="type:textarea"]:hover{
23776
23493
  border:1px solid var(--co-main-o-mm);
@@ -23828,62 +23545,14 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
23828
23545
  box-shadow:inset 0 0 0 1px var(--co-risk-o-ml), 0 0 0 2px var(--co-risk-o-ss) !important;
23829
23546
  color:var(--co-risk-text);
23830
23547
  }
23831
- [ui-form~="@b"][ui-form~="type:textarea"] textarea:-webkit-autofill,[ui-form~="@b"][ui-form~="type:textarea"]:-webkit-autofill{
23548
+ [ui-form~="@b"][ui-form~="type:textarea"]:-webkit-autofill,[ui-form~="@b"][ui-form~="type:textarea"]>textarea:-webkit-autofill{
23832
23549
  box-shadow:0 0 0 1000px var(--co-fore) inset;
23833
23550
  color:var(--co-read);
23834
23551
  -webkit-text-fill-color:var(--co-read);
23835
23552
  }
23836
- [ui-form~="@b"][ui-form~="type:textarea"] textarea::-webkit-input-placeholder,[ui-form~="@b"][ui-form~="type:textarea"]::-webkit-input-placeholder{
23553
+ [ui-form~="@b"][ui-form~="type:textarea"]::-webkit-input-placeholder,[ui-form~="@b"][ui-form~="type:textarea"]>textarea::-webkit-input-placeholder{
23837
23554
  color:var(--co-read-o-mm);
23838
23555
  }
23839
- [ui-form~="@b"][ui-form~="type:textarea"] textarea{
23840
- width:100%;
23841
- }
23842
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=disabled]{
23843
- cursor:not-allowed;
23844
- opacity:.5;
23845
- }
23846
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
23847
- cursor:not-allowed;
23848
- }
23849
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
23850
- cursor:text;
23851
- }
23852
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=":block"]{
23853
- display:flex;
23854
- flex-grow:1;
23855
- flex-shrink:1;
23856
- width:100%;
23857
- }
23858
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview]:hover{
23859
- background-color:transparent !important;
23860
- border-color:transparent !important;
23861
- box-shadow:none !important;
23862
- cursor:default;
23863
- }
23864
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~=preview] textarea{
23865
- cursor:default;
23866
- }
23867
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
23868
- height:1.5em;
23869
- min-height:1.5em;
23870
- }
23871
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
23872
- height:2em;
23873
- min-height:2em;
23874
- }
23875
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
23876
- height:2.5em;
23877
- min-height:2.5em;
23878
- }
23879
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
23880
- height:3em;
23881
- min-height:3em;
23882
- }
23883
- [ui-form~="@b"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
23884
- height:3.5em;
23885
- min-height:3.5em;
23886
- }
23887
23556
  @keyframes am-b-radio{
23888
23557
  0%{
23889
23558
  transform:scaleX(1);
@@ -24539,17 +24208,93 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
24539
24208
  background:radial-gradient(circle at 47% 45%, transparent 40%, currentColor 43%, currentColor 53%, transparent 56%), radial-gradient(circle at 78% 78%, currentColor 5%, transparent 6%), radial-gradient(circle at 82% 82%, currentColor 5%, transparent 6%), radial-gradient(circle at 85% 85%, currentColor 5%, transparent 6%);
24540
24209
  }
24541
24210
  [ui-form~="@c"][ui-form~="type:textarea"]{
24542
- background-color:var(--bg-weak);
24543
- border:1px solid var(--bg-weak);
24211
+ --form-textarea-control-height:2.5em;
24212
+ --form-textarea-line-height:min(1.5em, calc(var(--form-textarea-control-height) - 2px));
24213
+ --form-textarea-padding-block:max(
24214
+ 0px,
24215
+ calc(var(--form-textarea-control-height)/2 - var(--form-textarea-line-height)/2 - 1px)
24216
+ );
24544
24217
  border-radius:.35em;
24545
- line-height:1.5em;
24218
+ line-height:var(--form-textarea-line-height);
24546
24219
  min-width:2.5em;
24547
- padding:.5em;
24548
24220
  position:relative;
24549
- transition:all .5s;
24221
+ resize:none;
24222
+ transition:border-color .5s,background-color .5s,box-shadow .5s,color .5s;
24223
+ }
24224
+ [ui-form~="@c"][ui-form~="type:textarea"]:is(textarea){
24225
+ display:block;
24226
+ padding:var(--form-textarea-padding-block) .75em;
24227
+ resize:none;
24228
+ width:100%;
24229
+ }
24230
+ [ui-form~="@c"][ui-form~="type:textarea"]:not(textarea){
24231
+ align-items:flex-start;
24232
+ display:inline-flex;
24233
+ padding:0 .5em var(--form-textarea-padding-block);
24234
+ }
24235
+ [ui-form~="@c"][ui-form~="type:textarea"]:not(textarea)>textarea{
24236
+ background-color:transparent;
24237
+ border:0;
24238
+ flex:1 1 auto;
24239
+ line-height:inherit;
24240
+ min-width:0;
24241
+ padding:var(--form-textarea-padding-block) .25em 0;
24242
+ resize:none;
24243
+ width:100%;
24244
+ }
24245
+ [ui-form~="@c"][ui-form~="type:textarea"]:not(textarea)>[ui-form-prefix],[ui-form~="@c"][ui-form~="type:textarea"]:not(textarea)>[ui-form-suffix]{
24246
+ align-self:flex-start;
24247
+ margin-top:calc(var(--form-textarea-padding-block) + (var(--form-textarea-line-height) - 1em)/2);
24248
+ }
24249
+ [ui-form~="@c"][ui-form~="type:textarea"]:not(textarea)[ui-form~=auto-height]>textarea{
24250
+ overflow-y:hidden;
24251
+ }
24252
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=disabled]{
24253
+ cursor:not-allowed;
24254
+ opacity:.5;
24255
+ }
24256
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=disabled]>textarea{
24257
+ cursor:not-allowed;
24258
+ }
24259
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=readonly]>textarea{
24260
+ cursor:text;
24261
+ }
24262
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=":block"]{
24263
+ display:flex;
24264
+ flex-grow:1;
24265
+ flex-shrink:1;
24266
+ width:100%;
24267
+ }
24268
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview]:hover{
24269
+ background-color:transparent !important;
24270
+ border-color:transparent !important;
24271
+ box-shadow:none !important;
24272
+ cursor:default;
24273
+ }
24274
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview]>textarea{
24275
+ cursor:default;
24276
+ }
24277
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:xs"]{
24278
+ --form-textarea-control-height:1.5em;
24279
+ }
24280
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:s"]{
24281
+ --form-textarea-control-height:2em;
24282
+ }
24283
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:m"]{
24284
+ --form-textarea-control-height:2.5em;
24285
+ }
24286
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:l"]{
24287
+ --form-textarea-control-height:3em;
24288
+ }
24289
+ [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:xl"]{
24290
+ --form-textarea-control-height:3.5em;
24291
+ }
24292
+ [ui-form~="@c"][ui-form~="type:textarea"]{
24293
+ background-color:var(--bg-weak, transparent);
24294
+ border:1px solid var(--bg-weak, transparent);
24550
24295
  }
24551
24296
  [ui-form~="@c"][ui-form~="type:textarea"].form-focus,[ui-form~="@c"][ui-form~="type:textarea"]:focus-within{
24552
- background-color:var(--bg-weak);
24297
+ background-color:var(--bg-weak, transparent);
24553
24298
  border-color:var(--co-main-o-mm);
24554
24299
  box-shadow:0 0 0 2px var(--co-main-o-ss);
24555
24300
  }
@@ -24653,54 +24398,6 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
24653
24398
  box-shadow:0 0 0 2px var(--co-risk-o-ss);
24654
24399
  color:var(--co-risk-text);
24655
24400
  }
24656
- [ui-form~="@c"][ui-form~="type:textarea"] textarea{
24657
- width:100%;
24658
- }
24659
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=disabled]{
24660
- cursor:not-allowed;
24661
- opacity:.5;
24662
- }
24663
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
24664
- cursor:not-allowed;
24665
- }
24666
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
24667
- cursor:text;
24668
- }
24669
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=":block"]{
24670
- display:flex;
24671
- flex-grow:1;
24672
- flex-shrink:1;
24673
- width:100%;
24674
- }
24675
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview]:hover{
24676
- background-color:transparent !important;
24677
- border-color:transparent !important;
24678
- box-shadow:none !important;
24679
- cursor:default;
24680
- }
24681
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~=preview] textarea{
24682
- cursor:default;
24683
- }
24684
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
24685
- height:1.5em;
24686
- min-height:1.5em;
24687
- }
24688
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
24689
- height:2em;
24690
- min-height:2em;
24691
- }
24692
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
24693
- height:2.5em;
24694
- min-height:2.5em;
24695
- }
24696
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
24697
- height:3em;
24698
- min-height:3em;
24699
- }
24700
- [ui-form~="@c"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
24701
- height:3.5em;
24702
- min-height:3.5em;
24703
- }
24704
24401
  @keyframes am-radio{
24705
24402
  0%{
24706
24403
  transform:scaleX(1);
@@ -25334,14 +25031,90 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
25334
25031
  padding:0 .25em;
25335
25032
  }
25336
25033
  [ui-form~="@d"][ui-form~="type:textarea"]{
25337
- background-color:var(--co-fore);
25338
- border:1px solid var(--co-case);
25034
+ --form-textarea-control-height:2.5em;
25035
+ --form-textarea-line-height:min(1.5em, calc(var(--form-textarea-control-height) - 2px));
25036
+ --form-textarea-padding-block:max(
25037
+ 0px,
25038
+ calc(var(--form-textarea-control-height)/2 - var(--form-textarea-line-height)/2 - 1px)
25039
+ );
25339
25040
  border-radius:.35em;
25340
- line-height:1.5em;
25041
+ line-height:var(--form-textarea-line-height);
25341
25042
  min-width:2.5em;
25342
- padding:.5em;
25343
25043
  position:relative;
25344
- transition:all .5s;
25044
+ resize:none;
25045
+ transition:border-color .5s,background-color .5s,box-shadow .5s,color .5s;
25046
+ }
25047
+ [ui-form~="@d"][ui-form~="type:textarea"]:is(textarea){
25048
+ display:block;
25049
+ padding:var(--form-textarea-padding-block) .75em;
25050
+ resize:none;
25051
+ width:100%;
25052
+ }
25053
+ [ui-form~="@d"][ui-form~="type:textarea"]:not(textarea){
25054
+ align-items:flex-start;
25055
+ display:inline-flex;
25056
+ padding:0 .5em var(--form-textarea-padding-block);
25057
+ }
25058
+ [ui-form~="@d"][ui-form~="type:textarea"]:not(textarea)>textarea{
25059
+ background-color:transparent;
25060
+ border:0;
25061
+ flex:1 1 auto;
25062
+ line-height:inherit;
25063
+ min-width:0;
25064
+ padding:var(--form-textarea-padding-block) .25em 0;
25065
+ resize:none;
25066
+ width:100%;
25067
+ }
25068
+ [ui-form~="@d"][ui-form~="type:textarea"]:not(textarea)>[ui-form-prefix],[ui-form~="@d"][ui-form~="type:textarea"]:not(textarea)>[ui-form-suffix]{
25069
+ align-self:flex-start;
25070
+ margin-top:calc(var(--form-textarea-padding-block) + (var(--form-textarea-line-height) - 1em)/2);
25071
+ }
25072
+ [ui-form~="@d"][ui-form~="type:textarea"]:not(textarea)[ui-form~=auto-height]>textarea{
25073
+ overflow-y:hidden;
25074
+ }
25075
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=disabled]{
25076
+ cursor:not-allowed;
25077
+ opacity:.5;
25078
+ }
25079
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=disabled]>textarea{
25080
+ cursor:not-allowed;
25081
+ }
25082
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=readonly]>textarea{
25083
+ cursor:text;
25084
+ }
25085
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=":block"]{
25086
+ display:flex;
25087
+ flex-grow:1;
25088
+ flex-shrink:1;
25089
+ width:100%;
25090
+ }
25091
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview]:hover{
25092
+ background-color:transparent !important;
25093
+ border-color:transparent !important;
25094
+ box-shadow:none !important;
25095
+ cursor:default;
25096
+ }
25097
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview]>textarea{
25098
+ cursor:default;
25099
+ }
25100
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:xs"]{
25101
+ --form-textarea-control-height:1.5em;
25102
+ }
25103
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:s"]{
25104
+ --form-textarea-control-height:2em;
25105
+ }
25106
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:m"]{
25107
+ --form-textarea-control-height:2.5em;
25108
+ }
25109
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:l"]{
25110
+ --form-textarea-control-height:3em;
25111
+ }
25112
+ [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:xl"]{
25113
+ --form-textarea-control-height:3.5em;
25114
+ }
25115
+ [ui-form~="@d"][ui-form~="type:textarea"]{
25116
+ background-color:var(--co-fore);
25117
+ border:1px solid var(--co-case);
25345
25118
  }
25346
25119
  [ui-form~="@d"][ui-form~="type:textarea"]:hover{
25347
25120
  border:1px solid var(--co-main-o-mm);
@@ -25399,62 +25172,14 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
25399
25172
  box-shadow:inset 0 0 0 1px var(--co-risk-o-ml), 0 0 0 2px var(--co-risk-o-ss) !important;
25400
25173
  color:var(--co-risk-text);
25401
25174
  }
25402
- [ui-form~="@d"][ui-form~="type:textarea"] textarea:-webkit-autofill,[ui-form~="@d"][ui-form~="type:textarea"]:-webkit-autofill{
25175
+ [ui-form~="@d"][ui-form~="type:textarea"]:-webkit-autofill,[ui-form~="@d"][ui-form~="type:textarea"]>textarea:-webkit-autofill{
25403
25176
  box-shadow:0 0 0 1000px var(--co-fore) inset;
25404
25177
  color:var(--co-read);
25405
25178
  -webkit-text-fill-color:var(--co-read);
25406
25179
  }
25407
- [ui-form~="@d"][ui-form~="type:textarea"] textarea::-webkit-input-placeholder,[ui-form~="@d"][ui-form~="type:textarea"]::-webkit-input-placeholder{
25180
+ [ui-form~="@d"][ui-form~="type:textarea"]::-webkit-input-placeholder,[ui-form~="@d"][ui-form~="type:textarea"]>textarea::-webkit-input-placeholder{
25408
25181
  color:var(--co-read-o-mm);
25409
25182
  }
25410
- [ui-form~="@d"][ui-form~="type:textarea"] textarea{
25411
- width:100%;
25412
- }
25413
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=disabled]{
25414
- cursor:not-allowed;
25415
- opacity:.5;
25416
- }
25417
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=disabled] textarea{
25418
- cursor:not-allowed;
25419
- }
25420
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=readonly],[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=readonly] textarea{
25421
- cursor:text;
25422
- }
25423
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=":block"]{
25424
- display:flex;
25425
- flex-grow:1;
25426
- flex-shrink:1;
25427
- width:100%;
25428
- }
25429
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview],[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview]:focus-within,[ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview]:hover{
25430
- background-color:transparent !important;
25431
- border-color:transparent !important;
25432
- box-shadow:none !important;
25433
- cursor:default;
25434
- }
25435
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~=preview] textarea{
25436
- cursor:default;
25437
- }
25438
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:xs"] textarea{
25439
- height:1.5em;
25440
- min-height:1.5em;
25441
- }
25442
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:s"] textarea{
25443
- height:2em;
25444
- min-height:2em;
25445
- }
25446
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:m"] textarea{
25447
- height:2.5em;
25448
- min-height:2.5em;
25449
- }
25450
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:l"] textarea{
25451
- height:3em;
25452
- min-height:3em;
25453
- }
25454
- [ui-form~="@d"][ui-form~="type:textarea"][ui-form~="sz:xl"] textarea{
25455
- height:3.5em;
25456
- min-height:3.5em;
25457
- }
25458
25183
  @keyframes am-radio-a{
25459
25184
  0%{
25460
25185
  transform:scale3d(0, 0, 1);
@@ -27904,6 +27629,10 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
27904
27629
  [ui-table~="@d"]{
27905
27630
  border-collapse:separate;
27906
27631
  border-spacing:0 .5em;
27632
+ margin-block-start:-.5em;
27633
+ }
27634
+ [ui-table~="@d"] .table-head-fixed{
27635
+ background-color:var(--co-fore);
27907
27636
  }
27908
27637
  [ui-table~="@d"] tbody tr,[ui-table~="@d"] thead tr{
27909
27638
  border-radius:.35em;