@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.3

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 (99) hide show
  1. package/dist/ej2-splitbuttons.min.js +1 -1
  2. package/dist/ej2-splitbuttons.umd.min.js +1 -1
  3. package/dist/global/ej2-splitbuttons.min.js +1 -1
  4. package/dist/global/index.d.ts +1 -1
  5. package/package.json +3 -3
  6. package/styles/bds-lite.css +702 -702
  7. package/styles/bds.css +702 -702
  8. package/styles/bootstrap-dark-lite.css +227 -227
  9. package/styles/bootstrap-dark.css +227 -227
  10. package/styles/bootstrap-lite.css +227 -227
  11. package/styles/bootstrap.css +227 -227
  12. package/styles/bootstrap4-lite.css +235 -235
  13. package/styles/bootstrap4.css +235 -235
  14. package/styles/bootstrap5-dark-lite.css +235 -235
  15. package/styles/bootstrap5-dark.css +235 -235
  16. package/styles/bootstrap5-lite.css +235 -235
  17. package/styles/bootstrap5.3-lite.css +708 -708
  18. package/styles/bootstrap5.3.css +708 -708
  19. package/styles/bootstrap5.css +235 -235
  20. package/styles/button-group/_all.bds.scss +1 -1
  21. package/styles/button-group/_all.bootstrap-dark.scss +1 -1
  22. package/styles/button-group/_all.bootstrap.scss +1 -1
  23. package/styles/button-group/_all.bootstrap4.scss +1 -1
  24. package/styles/button-group/_all.bootstrap5-dark.scss +1 -1
  25. package/styles/button-group/_all.bootstrap5.3.scss +1 -1
  26. package/styles/button-group/_all.bootstrap5.scss +1 -1
  27. package/styles/button-group/_all.fabric-dark.scss +1 -1
  28. package/styles/button-group/_all.fabric.scss +1 -1
  29. package/styles/button-group/_all.fluent-dark.scss +1 -1
  30. package/styles/button-group/_all.fluent.scss +1 -1
  31. package/styles/button-group/_all.fluent2.scss +1 -1
  32. package/styles/button-group/_all.highcontrast-light.scss +1 -1
  33. package/styles/button-group/_all.highcontrast.scss +1 -1
  34. package/styles/button-group/_all.material-dark.scss +1 -1
  35. package/styles/button-group/_all.material.scss +1 -1
  36. package/styles/button-group/_all.material3-dark.scss +1 -1
  37. package/styles/button-group/_all.material3.scss +1 -1
  38. package/styles/button-group/_all.tailwind-dark.scss +1 -1
  39. package/styles/button-group/_all.tailwind.scss +1 -1
  40. package/styles/button-group/_all.tailwind3.scss +1 -1
  41. package/styles/button-group/_bigger.scss +1 -0
  42. package/styles/button-group/_layout.scss +1 -0
  43. package/styles/button-group/_theme.scss +1 -0
  44. package/styles/button-group/bds.css +702 -702
  45. package/styles/button-group/bootstrap-dark.css +227 -227
  46. package/styles/button-group/bootstrap.css +227 -227
  47. package/styles/button-group/bootstrap4.css +235 -235
  48. package/styles/button-group/bootstrap5-dark.css +235 -235
  49. package/styles/button-group/bootstrap5.3.css +708 -708
  50. package/styles/button-group/bootstrap5.css +235 -235
  51. package/styles/button-group/fabric-dark.css +227 -227
  52. package/styles/button-group/fabric.css +227 -227
  53. package/styles/button-group/fluent-dark.css +227 -227
  54. package/styles/button-group/fluent.css +227 -227
  55. package/styles/button-group/fluent2.css +729 -729
  56. package/styles/button-group/highcontrast-light.css +227 -227
  57. package/styles/button-group/highcontrast.css +227 -227
  58. package/styles/button-group/material-dark.css +227 -227
  59. package/styles/button-group/material.css +227 -227
  60. package/styles/button-group/material3-dark.css +850 -850
  61. package/styles/button-group/material3.css +850 -850
  62. package/styles/button-group/tailwind-dark.css +235 -235
  63. package/styles/button-group/tailwind.css +235 -235
  64. package/styles/button-group/tailwind3.css +745 -745
  65. package/styles/drop-down-button/_bigger.scss +1 -0
  66. package/styles/drop-down-button/_layout.scss +1 -0
  67. package/styles/drop-down-button/_theme.scss +1 -0
  68. package/styles/fabric-dark-lite.css +227 -227
  69. package/styles/fabric-dark.css +227 -227
  70. package/styles/fabric-lite.css +227 -227
  71. package/styles/fabric.css +227 -227
  72. package/styles/fluent-dark-lite.css +227 -227
  73. package/styles/fluent-dark.css +227 -227
  74. package/styles/fluent-lite.css +227 -227
  75. package/styles/fluent.css +227 -227
  76. package/styles/fluent2-lite.css +729 -729
  77. package/styles/fluent2.css +729 -729
  78. package/styles/highcontrast-light-lite.css +227 -227
  79. package/styles/highcontrast-light.css +227 -227
  80. package/styles/highcontrast-lite.css +227 -227
  81. package/styles/highcontrast.css +227 -227
  82. package/styles/material-dark-lite.css +227 -227
  83. package/styles/material-dark.css +227 -227
  84. package/styles/material-lite.css +227 -227
  85. package/styles/material.css +227 -227
  86. package/styles/material3-dark-lite.css +850 -850
  87. package/styles/material3-dark.css +850 -850
  88. package/styles/material3-lite.css +850 -850
  89. package/styles/material3.css +850 -850
  90. package/styles/progress-button/_bigger.scss +1 -0
  91. package/styles/split-button/_bigger.scss +1 -0
  92. package/styles/split-button/_layout.scss +1 -0
  93. package/styles/split-button/_theme.scss +1 -0
  94. package/styles/tailwind-dark-lite.css +235 -235
  95. package/styles/tailwind-dark.css +235 -235
  96. package/styles/tailwind-lite.css +235 -235
  97. package/styles/tailwind.css +235 -235
  98. package/styles/tailwind3-lite.css +745 -745
  99. package/styles/tailwind3.css +745 -745
@@ -1336,716 +1336,229 @@
1336
1336
  /* 15px */
1337
1337
  /* 16px */
1338
1338
  /* stylelint-disable */
1339
- .e-btn-group .e-btn,
1340
- .e-css.e-btn-group .e-btn {
1341
- -webkit-box-shadow: none;
1342
- box-shadow: none;
1339
+ *.e-btn-group,
1340
+ *.e-css.e-btn-group {
1341
+ display: -webkit-inline-box;
1342
+ display: -ms-inline-flexbox;
1343
+ display: inline-flex;
1344
+ border-radius: 4px;
1345
+ -webkit-box-orient: horizontal;
1346
+ -webkit-box-direction: normal;
1347
+ -ms-flex-direction: row;
1348
+ flex-direction: row;
1349
+ position: relative;
1350
+ border-radius: calc(var(--e-radius) * 0.25);
1351
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1352
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1343
1353
  }
1344
- .e-btn-group .e-btn:hover,
1345
- .e-css.e-btn-group .e-btn:hover {
1346
- -webkit-box-shadow: none;
1347
- box-shadow: none;
1354
+ *.e-btn-group input + label.e-btn,
1355
+ *.e-css.e-btn-group input + label.e-btn {
1356
+ margin-bottom: 0;
1348
1357
  }
1349
- .e-btn-group .e-btn:focus-visible,
1350
- .e-btn-group input:focus-visible + label.e-btn,
1351
- .e-css.e-btn-group .e-btn:focus-visible,
1352
- .e-css.e-btn-group input:focus-visible + label.e-btn {
1353
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1354
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1355
- z-index: 1;
1358
+ *.e-btn-group input,
1359
+ *.e-css.e-btn-group input {
1360
+ -moz-appearance: none;
1361
+ height: 1px;
1362
+ margin: 0 0 0 -1px;
1363
+ opacity: 0;
1364
+ position: absolute;
1365
+ width: 1px;
1356
1366
  }
1357
- .e-btn-group .e-btn:focus-visible.e-primary, .e-btn-group .e-btn:focus-visible.e-success, .e-btn-group .e-btn:focus-visible.e-info, .e-btn-group .e-btn:focus-visible.e-warning, .e-btn-group .e-btn:focus-visible.e-danger,
1358
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
1359
- .e-btn-group input:focus-visible + label.e-btn.e-success,
1360
- .e-btn-group input:focus-visible + label.e-btn.e-info,
1361
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1362
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1363
- .e-css.e-btn-group .e-btn:focus-visible.e-primary,
1364
- .e-css.e-btn-group .e-btn:focus-visible.e-success,
1365
- .e-css.e-btn-group .e-btn:focus-visible.e-info,
1366
- .e-css.e-btn-group .e-btn:focus-visible.e-warning,
1367
- .e-css.e-btn-group .e-btn:focus-visible.e-danger,
1368
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1369
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1370
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1371
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1372
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1373
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1374
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1375
- z-index: 1;
1367
+ *.e-btn-group input:disabled + label.e-btn,
1368
+ *.e-btn-group :disabled,
1369
+ *.e-css.e-btn-group input:disabled + label.e-btn,
1370
+ *.e-css.e-btn-group :disabled {
1371
+ cursor: default;
1372
+ pointer-events: none;
1376
1373
  }
1377
- .e-btn-group .e-btn:focus-visible.e-outline,
1378
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1379
- .e-css.e-btn-group .e-btn:focus-visible.e-outline,
1380
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1381
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1382
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1383
- z-index: 1;
1374
+ *.e-btn-group .e-btn-icon,
1375
+ *.e-css.e-btn-group .e-btn-icon {
1376
+ font-size: 16px;
1384
1377
  }
1385
- .e-btn-group .e-btn:focus-visible.e-outline.e-primary, .e-btn-group .e-btn:focus-visible.e-outline.e-success, .e-btn-group .e-btn:focus-visible.e-outline.e-info, .e-btn-group .e-btn:focus-visible.e-outline.e-warning, .e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1386
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1387
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1388
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1389
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1390
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1391
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-primary,
1392
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-success,
1393
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-info,
1394
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-warning,
1395
- .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1396
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1397
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1398
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1399
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1400
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1401
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1402
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1403
- z-index: 1;
1378
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
1379
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
1380
+ border-radius: calc(var(--e-radius) * 0);
1404
1381
  }
1405
- .e-btn-group .e-btn:focus,
1406
- .e-btn-group input:focus-visible + label.e-btn,
1407
- .e-btn-group input:focus + label.e-btn,
1408
- .e-css.e-btn-group .e-btn:focus,
1409
- .e-css.e-btn-group input:focus-visible + label.e-btn,
1410
- .e-css.e-btn-group input:focus + label.e-btn {
1411
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1412
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1413
- -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1414
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1415
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1416
- color: rgba(var(--color-sf-on-surface));
1417
- outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1418
- outline-offset: 0;
1419
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1420
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1421
- -webkit-box-shadow: none;
1422
- box-shadow: none;
1423
- outline-color: inherit;
1382
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
1383
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
1384
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
1385
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1386
+ border-top-right-radius: calc(var(--e-radius) * 0);
1424
1387
  }
1425
- .e-btn-group .e-btn:focus.e-primary,
1426
- .e-btn-group input:focus-visible + label.e-btn.e-primary,
1427
- .e-btn-group input:focus + label.e-btn.e-primary,
1428
- .e-css.e-btn-group .e-btn:focus.e-primary,
1429
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1430
- .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1431
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1432
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1433
- border-color: rgba(var(--color-sf-primary));
1434
- color: rgba(var(--color-sf-on-primary));
1435
- outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1436
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1437
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1438
- -webkit-box-shadow: none;
1439
- box-shadow: none;
1440
- outline-color: inherit;
1388
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
1389
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
1390
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1391
+ border-top-left-radius: calc(var(--e-radius) * 0);
1441
1392
  }
1442
- .e-btn-group .e-btn:focus.e-success,
1443
- .e-btn-group input:focus-visible + label.e-btn.e-success,
1444
- .e-btn-group input:focus + label.e-btn.e-success,
1445
- .e-css.e-btn-group .e-btn:focus.e-success,
1446
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1447
- .e-css.e-btn-group input:focus + label.e-btn.e-success {
1448
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1449
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1450
- border-color: rgba(var(--color-sf-success));
1451
- color: rgba(var(--color-sf-success-text));
1452
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1453
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1454
- -webkit-box-shadow: none;
1455
- box-shadow: none;
1456
- outline-color: inherit;
1393
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
1394
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
1395
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1396
+ border-top-left-radius: calc(var(--e-radius) * 0);
1457
1397
  }
1458
- .e-btn-group .e-btn:focus.e-info,
1459
- .e-btn-group input:focus-visible + label.e-btn.e-info,
1460
- .e-btn-group input:focus + label.e-btn.e-info,
1461
- .e-css.e-btn-group .e-btn:focus.e-info,
1462
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1463
- .e-css.e-btn-group input:focus + label.e-btn.e-info {
1464
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1465
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1466
- border-color: rgba(var(--color-sf-info));
1467
- color: rgba(var(--color-sf-info-text));
1468
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1469
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1470
- -webkit-box-shadow: none;
1471
- box-shadow: none;
1472
- outline-color: inherit;
1398
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1399
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1400
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1401
+ border-top-right-radius: calc(var(--e-radius) * 0);
1473
1402
  }
1474
- .e-btn-group .e-btn:focus.e-warning,
1475
- .e-btn-group input:focus-visible + label.e-btn.e-warning,
1476
- .e-btn-group input:focus + label.e-btn.e-warning,
1477
- .e-css.e-btn-group .e-btn:focus.e-warning,
1478
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1479
- .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1480
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1481
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1482
- border-color: rgba(var(--color-sf-warning));
1483
- color: rgba(var(--color-sf-warning-text));
1484
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1485
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1486
- -webkit-box-shadow: none;
1487
- box-shadow: none;
1488
- outline-color: inherit;
1403
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1404
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1405
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1406
+ border-top-left-radius: calc(var(--e-radius) * 0);
1489
1407
  }
1490
- .e-btn-group .e-btn:focus.e-danger,
1491
- .e-btn-group input:focus-visible + label.e-btn.e-danger,
1492
- .e-btn-group input:focus + label.e-btn.e-danger,
1493
- .e-css.e-btn-group .e-btn:focus.e-danger,
1494
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1495
- .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1496
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1497
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1498
- border-color: rgba(var(--color-sf-error));
1499
- color: rgba(var(--color-sf-danger-text));
1500
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1501
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1502
- -webkit-box-shadow: none;
1503
- box-shadow: none;
1504
- outline-color: inherit;
1408
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
1409
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
1410
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1411
+ border-top-right-radius: calc(var(--e-radius) * 0);
1505
1412
  }
1506
- .e-btn-group .e-btn:focus.e-link,
1507
- .e-btn-group input:focus-visible + label.e-btn.e-link,
1508
- .e-btn-group input:focus + label.e-btn.e-link,
1509
- .e-css.e-btn-group .e-btn:focus.e-link,
1510
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1511
- .e-css.e-btn-group input:focus + label.e-btn.e-link {
1512
- border-radius: 0;
1513
- text-decoration: underline;
1514
- color: rgba(var(--color-sf-info));
1515
- background-color: transparent;
1516
- border-color: transparent;
1517
- -webkit-box-shadow: none;
1518
- box-shadow: none;
1519
- outline: none;
1413
+ *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
1414
+ *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
1415
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1416
+ border-top-left-radius: calc(var(--e-radius) * 0);
1520
1417
  }
1521
- .e-btn-group .e-btn:focus.e-outline,
1522
- .e-btn-group input:focus-visible + label.e-btn.e-outline,
1523
- .e-btn-group input:focus + label.e-btn.e-outline,
1524
- .e-css.e-btn-group .e-btn:focus.e-outline,
1525
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1526
- .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1527
- background: rgba(var(--color-sf-on-surface), 0.12);
1528
- border: 1px solid rgba(var(--color-sf-outline));
1529
- color: rgba(var(--color-sf-on-surface));
1530
- -webkit-box-shadow: none;
1531
- box-shadow: none;
1418
+ *.e-btn-group.e-rtl .e-btn,
1419
+ *.e-css.e-btn-group.e-rtl .e-btn {
1420
+ margin-left: -1px;
1532
1421
  }
1533
- .e-btn-group .e-btn:focus.e-outline.e-primary,
1534
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1535
- .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1536
- .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1537
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1538
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1539
- background: rgba(var(--color-sf-primary), 0.12);
1540
- border: 1px solid rgba(var(--color-sf-outline));
1541
- color: rgba(var(--color-sf-primary));
1542
- -webkit-box-shadow: none;
1543
- box-shadow: none;
1544
- }
1545
- .e-btn-group .e-btn:focus.e-outline.e-success,
1546
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1547
- .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1548
- .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1549
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1550
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1551
- background: rgba(var(--color-sf-success), 0.12);
1552
- border: 1px solid rgba(var(--color-sf-outline));
1553
- color: rgba(var(--color-sf-success));
1554
- -webkit-box-shadow: none;
1555
- box-shadow: none;
1422
+ *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
1423
+ *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
1424
+ border-radius: calc(var(--e-radius) * 0);
1556
1425
  }
1557
- .e-btn-group .e-btn:focus.e-outline.e-info,
1558
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1559
- .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1560
- .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1561
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1562
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1563
- background: rgba(var(--color-sf-info), 0.12);
1564
- border: 1px solid rgba(var(--color-sf-outline));
1565
- color: rgba(var(--color-sf-info));
1566
- -webkit-box-shadow: none;
1567
- box-shadow: none;
1426
+ *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
1427
+ *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
1428
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
1429
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1430
+ border-top-left-radius: calc(var(--e-radius) * 0);
1568
1431
  }
1569
- .e-btn-group .e-btn:focus.e-outline.e-warning,
1570
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1571
- .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1572
- .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1573
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1574
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1575
- background: rgba(var(--color-sf-warning), 0.12);
1576
- border: 1px solid rgba(var(--color-sf-outline));
1577
- color: rgba(var(--color-sf-warning));
1578
- -webkit-box-shadow: none;
1579
- box-shadow: none;
1432
+ *.e-btn-group.e-rtl .e-btn:last-of-type,
1433
+ *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
1434
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1435
+ border-top-right-radius: calc(var(--e-radius) * 0);
1580
1436
  }
1581
- .e-btn-group .e-btn:focus.e-outline.e-danger,
1582
- .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1583
- .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1584
- .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1585
- .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1586
- .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1587
- background: rgba(var(--color-sf-error), 0.12);
1588
- border: 1px solid rgba(var(--color-sf-outline));
1589
- color: rgba(var(--color-sf-error));
1590
- -webkit-box-shadow: none;
1591
- box-shadow: none;
1437
+ *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
1438
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
1439
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1440
+ border-top-right-radius: calc(var(--e-radius) * 0);
1592
1441
  }
1593
- .e-btn-group .e-btn:active,
1594
- .e-btn-group input:active + label.e-btn,
1595
- .e-btn-group input:checked + label.e-btn,
1596
- .e-css.e-btn-group .e-btn:active,
1597
- .e-css.e-btn-group input:active + label.e-btn,
1598
- .e-css.e-btn-group input:checked + label.e-btn {
1599
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1600
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1601
- -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1602
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1603
- border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1604
- color: rgba(var(--color-sf-on-surface));
1605
- outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1606
- outline-offset: 0;
1607
- -webkit-box-shadow: none;
1608
- box-shadow: none;
1442
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
1443
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
1444
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1445
+ border-top-left-radius: calc(var(--e-radius) * 0);
1609
1446
  }
1610
- .e-btn-group .e-btn:active.e-primary,
1611
- .e-btn-group input:active + label.e-btn.e-primary,
1612
- .e-btn-group input:checked + label.e-btn.e-primary,
1613
- .e-css.e-btn-group .e-btn:active.e-primary,
1614
- .e-css.e-btn-group input:active + label.e-btn.e-primary,
1615
- .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1616
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1617
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1618
- border-color: rgba(var(--color-sf-primary));
1619
- color: rgba(var(--color-sf-on-primary));
1620
- outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1621
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1622
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1623
- -webkit-box-shadow: none;
1624
- box-shadow: none;
1447
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
1448
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
1449
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1450
+ border-top-right-radius: calc(var(--e-radius) * 0);
1625
1451
  }
1626
- .e-btn-group .e-btn:active.e-success,
1627
- .e-btn-group input:active + label.e-btn.e-success,
1628
- .e-btn-group input:checked + label.e-btn.e-success,
1629
- .e-css.e-btn-group .e-btn:active.e-success,
1630
- .e-css.e-btn-group input:active + label.e-btn.e-success,
1631
- .e-css.e-btn-group input:checked + label.e-btn.e-success {
1632
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1633
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1634
- border-color: rgba(var(--color-sf-success));
1635
- color: rgba(var(--color-sf-success-text));
1636
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1637
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1638
- -webkit-box-shadow: none;
1639
- box-shadow: none;
1452
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
1453
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
1454
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1455
+ border-top-left-radius: calc(var(--e-radius) * 0);
1640
1456
  }
1641
- .e-btn-group .e-btn:active.e-info,
1642
- .e-btn-group input:active + label.e-btn.e-info,
1643
- .e-btn-group input:checked + label.e-btn.e-info,
1644
- .e-css.e-btn-group .e-btn:active.e-info,
1645
- .e-css.e-btn-group input:active + label.e-btn.e-info,
1646
- .e-css.e-btn-group input:checked + label.e-btn.e-info {
1647
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1648
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1649
- color: rgba(var(--color-sf-info-text));
1650
- border-color: rgba(var(--color-sf-info));
1651
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1652
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1653
- -webkit-box-shadow: none;
1654
- box-shadow: none;
1457
+ *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
1458
+ *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
1459
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1460
+ border-top-right-radius: calc(var(--e-radius) * 0);
1655
1461
  }
1656
- .e-btn-group .e-btn:active.e-warning,
1657
- .e-btn-group input:active + label.e-btn.e-warning,
1658
- .e-btn-group input:checked + label.e-btn.e-warning,
1659
- .e-css.e-btn-group .e-btn:active.e-warning,
1660
- .e-css.e-btn-group input:active + label.e-btn.e-warning,
1661
- .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1662
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1663
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1664
- border-color: rgba(var(--color-sf-warning));
1665
- color: rgba(var(--color-sf-warning-text));
1666
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1667
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1668
- -webkit-box-shadow: none;
1669
- box-shadow: none;
1462
+ *.e-btn-group.e-vertical,
1463
+ *.e-css.e-btn-group.e-vertical {
1464
+ -webkit-box-orient: vertical;
1465
+ -webkit-box-direction: normal;
1466
+ -ms-flex-direction: column;
1467
+ flex-direction: column;
1670
1468
  }
1671
- .e-btn-group .e-btn:active.e-danger,
1672
- .e-btn-group input:active + label.e-btn.e-danger,
1673
- .e-btn-group input:checked + label.e-btn.e-danger,
1674
- .e-css.e-btn-group .e-btn:active.e-danger,
1675
- .e-css.e-btn-group input:active + label.e-btn.e-danger,
1676
- .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1677
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1678
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1679
- border-color: rgba(var(--color-sf-error));
1680
- color: rgba(var(--color-sf-danger-text));
1681
- -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1682
- box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1683
- -webkit-box-shadow: none;
1684
- box-shadow: none;
1469
+ *.e-btn-group.e-vertical input,
1470
+ *.e-css.e-btn-group.e-vertical input {
1471
+ margin: -1px 0 0;
1685
1472
  }
1686
- .e-btn-group .e-btn:active.e-outline,
1687
- .e-btn-group input:active + label.e-btn.e-outline,
1688
- .e-btn-group input:checked + label.e-btn.e-outline,
1689
- .e-css.e-btn-group .e-btn:active.e-outline,
1690
- .e-css.e-btn-group input:active + label.e-btn.e-outline,
1691
- .e-css.e-btn-group input:checked + label.e-btn.e-outline {
1692
- background: rgba(var(--color-sf-on-surface), 0.12);
1693
- border-color: rgba(var(--color-sf-outline));
1694
- -webkit-box-shadow: none;
1695
- box-shadow: none;
1696
- color: rgba(var(--color-sf-on-surface));
1697
- box-shadow: none;
1473
+ *.e-btn-group.e-vertical .e-btn:not(.e-outline),
1474
+ *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
1475
+ margin-top: -1px;
1698
1476
  }
1699
- .e-btn-group .e-btn:active.e-outline.e-primary,
1700
- .e-btn-group input:active + label.e-btn.e-outline.e-primary,
1701
- .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
1702
- .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
1703
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
1704
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
1705
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1706
- background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1707
- border-color: rgba(var(--color-sf-primary));
1708
- -webkit-box-shadow: none;
1709
- box-shadow: none;
1710
- color: rgba(var(--color-sf-on-primary));
1711
- background: rgba(var(--color-sf-primary), 0.12);
1712
- border: 1px solid rgba(var(--color-sf-outline));
1713
- color: rgba(var(--color-sf-primary));
1714
- box-shadow: none;
1477
+ *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
1478
+ *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
1479
+ border-radius: calc(var(--e-radius) * 0);
1715
1480
  }
1716
- .e-btn-group .e-btn:active.e-outline.e-success,
1717
- .e-btn-group input:active + label.e-btn.e-outline.e-success,
1718
- .e-btn-group input:checked + label.e-btn.e-outline.e-success,
1719
- .e-css.e-btn-group .e-btn:active.e-outline.e-success,
1720
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
1721
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
1722
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1723
- background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1724
- border-color: rgba(var(--color-sf-success));
1725
- -webkit-box-shadow: none;
1726
- box-shadow: none;
1727
- color: rgba(var(--color-sf-success-text));
1728
- background: rgba(var(--color-sf-success), 0.12);
1729
- border: 1px solid rgba(var(--color-sf-outline));
1730
- color: rgba(var(--color-sf-success));
1731
- box-shadow: none;
1481
+ *.e-btn-group.e-vertical .e-btn:first-of-type,
1482
+ *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
1483
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1484
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1485
+ border-top-left-radius: calc(var(--e-radius) * 0.125);
1486
+ border-top-right-radius: calc(var(--e-radius) * 0.125);
1732
1487
  }
1733
- .e-btn-group .e-btn:active.e-outline.e-info,
1734
- .e-btn-group input:active + label.e-btn.e-outline.e-info,
1735
- .e-btn-group input:checked + label.e-btn.e-outline.e-info,
1736
- .e-css.e-btn-group .e-btn:active.e-outline.e-info,
1737
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
1738
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
1739
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1740
- background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1741
- border-color: rgba(var(--color-sf-info));
1742
- -webkit-box-shadow: none;
1743
- box-shadow: none;
1744
- color: rgba(var(--color-sf-info-text));
1745
- background: rgba(var(--color-sf-info), 0.12);
1746
- border: 1px solid rgba(var(--color-sf-outline));
1747
- color: rgba(var(--color-sf-info));
1748
- box-shadow: none;
1488
+ *.e-btn-group.e-vertical .e-btn:last-of-type,
1489
+ *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
1490
+ border-bottom-left-radius: calc(var(--e-radius) * 0.125);
1491
+ border-bottom-right-radius: calc(var(--e-radius) * 0.125);
1492
+ border-top-left-radius: calc(var(--e-radius) * 0);
1493
+ border-top-right-radius: calc(var(--e-radius) * 0);
1749
1494
  }
1750
- .e-btn-group .e-btn:active.e-outline.e-warning,
1751
- .e-btn-group input:active + label.e-btn.e-outline.e-warning,
1752
- .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
1753
- .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
1754
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
1755
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
1756
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1757
- background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1758
- border-color: rgba(var(--color-sf-warning));
1759
- -webkit-box-shadow: none;
1760
- box-shadow: none;
1761
- color: rgba(var(--color-sf-warning-text));
1762
- background: rgba(var(--color-sf-warning), 0.12);
1763
- border: 1px solid rgba(var(--color-sf-outline));
1764
- color: rgba(var(--color-sf-warning));
1765
- box-shadow: none;
1766
- }
1767
- .e-btn-group .e-btn:active.e-outline.e-danger,
1768
- .e-btn-group input:active + label.e-btn.e-outline.e-danger,
1769
- .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
1770
- .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
1771
- .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
1772
- .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
1773
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1774
- background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1775
- border-color: rgba(var(--color-sf-error));
1776
- -webkit-box-shadow: none;
1777
- box-shadow: none;
1778
- color: rgba(var(--color-sf-danger-text));
1779
- background: rgba(var(--color-sf-error), 0.12);
1780
- border: 1px solid rgba(var(--color-sf-outline));
1781
- color: rgba(var(--color-sf-error));
1782
- box-shadow: none;
1783
- }
1784
- .e-btn-group .e-btn:disabled,
1785
- .e-btn-group input:disabled + label.e-btn,
1786
- .e-css.e-btn-group .e-btn:disabled,
1787
- .e-css.e-btn-group input:disabled + label.e-btn {
1788
- background-color: rgba(var(--color-sf-secondary), 0.12);
1789
- border-color: rgba(var(--color-sf-secondary), 0);
1790
- -webkit-box-shadow: none;
1791
- box-shadow: none;
1792
- color: rgba(var(--color-sf-on-surface), 0.38);
1793
- border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
1794
- }
1795
- .e-btn-group .e-btn:disabled.e-primary,
1796
- .e-btn-group input:disabled + label.e-btn.e-primary,
1797
- .e-css.e-btn-group .e-btn:disabled.e-primary,
1798
- .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
1799
- background: rgba(var(--color-sf-secondary), 0.12);
1800
- border-color: rgba(var(--color-sf-secondary), 0);
1801
- -webkit-box-shadow: none;
1802
- box-shadow: none;
1803
- color: rgba(var(--color-sf-on-surface), 0.38);
1804
- border-color: rgba(var(--color-sf-primary));
1805
- }
1806
- .e-btn-group .e-btn:disabled.e-success,
1807
- .e-btn-group input:disabled + label.e-btn.e-success,
1808
- .e-css.e-btn-group .e-btn:disabled.e-success,
1809
- .e-css.e-btn-group input:disabled + label.e-btn.e-success {
1810
- background: rgba(var(--color-sf-secondary), 0.12);
1811
- border-color: rgba(var(--color-sf-secondary), 0);
1812
- -webkit-box-shadow: none;
1813
- box-shadow: none;
1814
- color: rgba(var(--color-sf-on-surface), 0.38);
1815
- border-color: rgba(var(--color-sf-success));
1816
- }
1817
- .e-btn-group .e-btn:disabled.e-info,
1818
- .e-btn-group input:disabled + label.e-btn.e-info,
1819
- .e-css.e-btn-group .e-btn:disabled.e-info,
1820
- .e-css.e-btn-group input:disabled + label.e-btn.e-info {
1821
- background: rgba(var(--color-sf-secondary), 0.12);
1822
- border-color: rgba(var(--color-sf-secondary), 0);
1823
- -webkit-box-shadow: none;
1824
- box-shadow: none;
1825
- color: rgba(var(--color-sf-on-surface), 0.38);
1826
- border-color: rgba(var(--color-sf-info));
1827
- }
1828
- .e-btn-group .e-btn:disabled.e-warning,
1829
- .e-btn-group input:disabled + label.e-btn.e-warning,
1830
- .e-css.e-btn-group .e-btn:disabled.e-warning,
1831
- .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
1832
- background: rgba(var(--color-sf-secondary), 0.12);
1833
- border-color: rgba(var(--color-sf-secondary), 0);
1834
- -webkit-box-shadow: none;
1835
- box-shadow: none;
1836
- color: rgba(var(--color-sf-on-surface), 0.38);
1837
- border-color: rgba(var(--color-sf-warning));
1838
- }
1839
- .e-btn-group .e-btn:disabled.e-danger,
1840
- .e-btn-group input:disabled + label.e-btn.e-danger,
1841
- .e-css.e-btn-group .e-btn:disabled.e-danger,
1842
- .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
1843
- background: rgba(var(--color-sf-secondary), 0.12);
1844
- border-color: rgba(var(--color-sf-secondary), 0);
1845
- -webkit-box-shadow: none;
1846
- box-shadow: none;
1847
- color: rgba(var(--color-sf-on-surface), 0.38);
1848
- border-color: rgba(var(--color-sf-error));
1495
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
1496
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
1497
+ border-radius: calc(var(--e-radius) * 1.25);
1849
1498
  }
1850
- .e-btn-group .e-btn:disabled.e-link,
1851
- .e-btn-group input:disabled + label.e-btn.e-link,
1852
- .e-css.e-btn-group .e-btn:disabled.e-link,
1853
- .e-css.e-btn-group input:disabled + label.e-btn.e-link {
1854
- color: rgba(var(--color-sf-on-surface), 0.38);
1855
- background: transparent;
1856
- -webkit-box-shadow: none;
1857
- box-shadow: none;
1858
- text-decoration: none;
1859
- border-color: transparent;
1499
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
1500
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
1501
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1502
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1860
1503
  }
1861
- .e-btn-group .e-btn:disabled.e-outline,
1862
- .e-btn-group input:disabled + label.e-btn.e-outline,
1863
- .e-css.e-btn-group .e-btn:disabled.e-outline,
1864
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
1865
- background: transparent;
1866
- border-color: rgba(var(--color-sf-secondary), 0.12);
1867
- -webkit-box-shadow: none;
1868
- box-shadow: none;
1869
- color: rgba(var(--color-sf-on-surface), 0.38);
1870
- border-color: rgba(var(--color-sf-outline));
1504
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
1505
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
1506
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1507
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1871
1508
  }
1872
- .e-btn-group .e-btn:disabled.e-outline.e-primary,
1873
- .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
1874
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
1875
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
1876
- background: transparent;
1877
- border-color: rgba(var(--color-sf-secondary), 0.12);
1878
- -webkit-box-shadow: none;
1879
- box-shadow: none;
1880
- color: rgba(var(--color-sf-on-surface), 0.38);
1881
- border-color: rgba(var(--color-sf-primary));
1509
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
1510
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
1511
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1512
+ border-top-right-radius: calc(var(--e-radius) * 0);
1882
1513
  }
1883
- .e-btn-group .e-btn:disabled.e-outline.e-success,
1884
- .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
1885
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
1886
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
1887
- background: transparent;
1888
- border-color: rgba(var(--color-sf-secondary), 0.12);
1889
- -webkit-box-shadow: none;
1890
- box-shadow: none;
1891
- color: rgba(var(--color-sf-on-surface), 0.38);
1892
- border-color: rgba(var(--color-sf-success));
1514
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
1515
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
1516
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1517
+ border-top-left-radius: calc(var(--e-radius) * 0);
1893
1518
  }
1894
- .e-btn-group .e-btn:disabled.e-outline.e-info,
1895
- .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
1896
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
1897
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
1898
- background: transparent;
1899
- border-color: rgba(var(--color-sf-secondary), 0.12);
1900
- -webkit-box-shadow: none;
1901
- box-shadow: none;
1902
- color: rgba(var(--color-sf-on-surface), 0.38);
1903
- border-color: rgba(var(--color-sf-info));
1519
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
1520
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
1521
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1522
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1904
1523
  }
1905
- .e-btn-group .e-btn:disabled.e-outline.e-warning,
1906
- .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
1907
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
1908
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
1909
- background: transparent;
1910
- border-color: rgba(var(--color-sf-secondary), 0.12);
1911
- -webkit-box-shadow: none;
1912
- box-shadow: none;
1913
- color: rgba(var(--color-sf-on-surface), 0.38);
1914
- border-color: rgba(var(--color-sf-warning));
1524
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
1525
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
1526
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1527
+ border-top-right-radius: calc(var(--e-radius) * 0);
1915
1528
  }
1916
- .e-btn-group .e-btn:disabled.e-outline.e-danger,
1917
- .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
1918
- .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
1919
- .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
1920
- background: transparent;
1921
- border-color: rgba(var(--color-sf-secondary), 0.12);
1922
- -webkit-box-shadow: none;
1923
- box-shadow: none;
1924
- color: rgba(var(--color-sf-on-surface), 0.38);
1925
- border-color: rgba(var(--color-sf-error));
1529
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
1530
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
1531
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1532
+ border-top-left-radius: calc(var(--e-radius) * 0);
1926
1533
  }
1927
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1928
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1929
- border-left: transparent;
1930
- border-right: transparent;
1534
+ *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
1535
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
1536
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1537
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1931
1538
  }
1932
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
1933
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
1934
- border-right: transparent;
1539
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
1540
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
1541
+ border-radius: calc(var(--e-radius) * 1.25);
1935
1542
  }
1936
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
1937
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
1938
- border-left: transparent;
1543
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
1544
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
1545
+ border-bottom-right-radius: calc(var(--e-radius) * 1.25);
1546
+ border-top-right-radius: calc(var(--e-radius) * 1.25);
1939
1547
  }
1940
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1941
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
1942
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
1943
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
1944
- border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
1945
- outline-color: inherit;
1548
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
1549
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
1550
+ border-bottom-left-radius: calc(var(--e-radius) * 1.25);
1551
+ border-top-left-radius: calc(var(--e-radius) * 1.25);
1946
1552
  }
1947
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1948
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
1949
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
1950
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
1951
- border-color: rgba(var(--color-sf-primary));
1952
- outline-color: inherit;
1553
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
1554
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
1555
+ border-bottom-left-radius: calc(var(--e-radius) * 0);
1556
+ border-top-left-radius: calc(var(--e-radius) * 0);
1953
1557
  }
1954
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1955
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
1956
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
1957
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
1958
- border-color: rgba(var(--color-sf-success));
1959
- outline-color: inherit;
1960
- }
1961
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1962
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
1963
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
1964
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
1965
- border-color: rgba(var(--color-sf-info));
1966
- outline-color: inherit;
1967
- }
1968
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1969
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
1970
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
1971
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
1972
- border-color: rgba(var(--color-sf-warning));
1973
- outline-color: inherit;
1974
- }
1975
- .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1976
- .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
1977
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
1978
- .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
1979
- border-color: rgba(var(--color-sf-error));
1980
- outline-color: inherit;
1981
- }
1982
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
1983
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
1984
- border-bottom: transparent;
1985
- border-top: transparent;
1986
- }
1987
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
1988
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
1989
- border-bottom: transparent;
1990
- }
1991
- .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
1992
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
1993
- border-top: transparent;
1994
- }
1995
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1996
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
1997
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
1998
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
1999
- border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
2000
- outline-color: inherit;
2001
- }
2002
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2003
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2004
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2005
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2006
- border-color: rgba(var(--color-sf-primary));
2007
- outline-color: inherit;
2008
- }
2009
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2010
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2011
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2012
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2013
- border-color: rgba(var(--color-sf-success));
2014
- outline-color: inherit;
2015
- }
2016
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2017
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2018
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2019
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2020
- border-color: rgba(var(--color-sf-info));
2021
- outline-color: inherit;
2022
- }
2023
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2024
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2025
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2026
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2027
- border-color: rgba(var(--color-sf-warning));
2028
- outline-color: inherit;
2029
- }
2030
- .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2031
- .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2032
- .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2033
- .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2034
- border-color: rgba(var(--color-sf-error));
2035
- outline-color: inherit;
2036
- }
2037
- .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2038
- .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2039
- border-left: transparent;
2040
- border-right: transparent;
2041
- }
2042
- .e-btn-group.e-rtl .e-btn:first-of-type,
2043
- .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
2044
- border-left: transparent;
2045
- }
2046
- .e-btn-group.e-rtl .e-btn:last-of-type,
2047
- .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2048
- border-right: transparent;
1558
+ *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
1559
+ *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
1560
+ border-bottom-right-radius: calc(var(--e-radius) * 0);
1561
+ border-top-right-radius: calc(var(--e-radius) * 0);
2049
1562
  }
2050
1563
 
2051
1564
 
@@ -2131,229 +1644,716 @@
2131
1644
  /* 15px */
2132
1645
  /* 16px */
2133
1646
  /* stylelint-disable */
2134
- *.e-btn-group,
2135
- *.e-css.e-btn-group {
2136
- display: -webkit-inline-box;
2137
- display: -ms-inline-flexbox;
2138
- display: inline-flex;
2139
- border-radius: 4px;
2140
- -webkit-box-orient: horizontal;
2141
- -webkit-box-direction: normal;
2142
- -ms-flex-direction: row;
2143
- flex-direction: row;
2144
- position: relative;
2145
- border-radius: calc(var(--e-radius) * 0.25);
1647
+ .e-btn-group .e-btn,
1648
+ .e-css.e-btn-group .e-btn {
1649
+ -webkit-box-shadow: none;
1650
+ box-shadow: none;
1651
+ }
1652
+ .e-btn-group .e-btn:hover,
1653
+ .e-css.e-btn-group .e-btn:hover {
1654
+ -webkit-box-shadow: none;
1655
+ box-shadow: none;
1656
+ }
1657
+ .e-btn-group .e-btn:focus-visible,
1658
+ .e-btn-group input:focus-visible + label.e-btn,
1659
+ .e-css.e-btn-group .e-btn:focus-visible,
1660
+ .e-css.e-btn-group input:focus-visible + label.e-btn {
1661
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1662
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1663
+ z-index: 1;
1664
+ }
1665
+ .e-btn-group .e-btn:focus-visible.e-primary, .e-btn-group .e-btn:focus-visible.e-success, .e-btn-group .e-btn:focus-visible.e-info, .e-btn-group .e-btn:focus-visible.e-warning, .e-btn-group .e-btn:focus-visible.e-danger,
1666
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1667
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1668
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1669
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1670
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1671
+ .e-css.e-btn-group .e-btn:focus-visible.e-primary,
1672
+ .e-css.e-btn-group .e-btn:focus-visible.e-success,
1673
+ .e-css.e-btn-group .e-btn:focus-visible.e-info,
1674
+ .e-css.e-btn-group .e-btn:focus-visible.e-warning,
1675
+ .e-css.e-btn-group .e-btn:focus-visible.e-danger,
1676
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1677
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1678
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1679
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1680
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
1681
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1682
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1683
+ z-index: 1;
1684
+ }
1685
+ .e-btn-group .e-btn:focus-visible.e-outline,
1686
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1687
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline,
1688
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
1689
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1690
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1691
+ z-index: 1;
1692
+ }
1693
+ .e-btn-group .e-btn:focus-visible.e-outline.e-primary, .e-btn-group .e-btn:focus-visible.e-outline.e-success, .e-btn-group .e-btn:focus-visible.e-outline.e-info, .e-btn-group .e-btn:focus-visible.e-outline.e-warning, .e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1694
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1695
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1696
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1697
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1698
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1699
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-primary,
1700
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-success,
1701
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-info,
1702
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-warning,
1703
+ .e-css.e-btn-group .e-btn:focus-visible.e-outline.e-danger,
1704
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1705
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1706
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1707
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1708
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
1709
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1710
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important;
1711
+ z-index: 1;
1712
+ }
1713
+ .e-btn-group .e-btn:focus,
1714
+ .e-btn-group input:focus-visible + label.e-btn,
1715
+ .e-btn-group input:focus + label.e-btn,
1716
+ .e-css.e-btn-group .e-btn:focus,
1717
+ .e-css.e-btn-group input:focus-visible + label.e-btn,
1718
+ .e-css.e-btn-group input:focus + label.e-btn {
1719
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1720
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1721
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1722
+ border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08)));
1723
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
1724
+ color: rgba(var(--color-sf-on-surface));
1725
+ outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1726
+ outline-offset: 0;
1727
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1728
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1729
+ -webkit-box-shadow: none;
1730
+ box-shadow: none;
1731
+ outline-color: inherit;
1732
+ }
1733
+ .e-btn-group .e-btn:focus.e-primary,
1734
+ .e-btn-group input:focus-visible + label.e-btn.e-primary,
1735
+ .e-btn-group input:focus + label.e-btn.e-primary,
1736
+ .e-css.e-btn-group .e-btn:focus.e-primary,
1737
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
1738
+ .e-css.e-btn-group input:focus + label.e-btn.e-primary {
1739
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
1740
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
1741
+ border-color: rgba(var(--color-sf-primary));
1742
+ color: rgba(var(--color-sf-on-primary));
1743
+ outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1744
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1745
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1746
+ -webkit-box-shadow: none;
1747
+ box-shadow: none;
1748
+ outline-color: inherit;
1749
+ }
1750
+ .e-btn-group .e-btn:focus.e-success,
1751
+ .e-btn-group input:focus-visible + label.e-btn.e-success,
1752
+ .e-btn-group input:focus + label.e-btn.e-success,
1753
+ .e-css.e-btn-group .e-btn:focus.e-success,
1754
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
1755
+ .e-css.e-btn-group input:focus + label.e-btn.e-success {
1756
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.08)), to(rgba(var(--color-sf-success-text), 0.08))), rgba(var(--color-sf-success));
1757
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.08), rgba(var(--color-sf-success-text), 0.08)), rgba(var(--color-sf-success));
1758
+ border-color: rgba(var(--color-sf-success));
1759
+ color: rgba(var(--color-sf-success-text));
1760
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1761
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1762
+ -webkit-box-shadow: none;
1763
+ box-shadow: none;
1764
+ outline-color: inherit;
1765
+ }
1766
+ .e-btn-group .e-btn:focus.e-info,
1767
+ .e-btn-group input:focus-visible + label.e-btn.e-info,
1768
+ .e-btn-group input:focus + label.e-btn.e-info,
1769
+ .e-css.e-btn-group .e-btn:focus.e-info,
1770
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
1771
+ .e-css.e-btn-group input:focus + label.e-btn.e-info {
1772
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.08)), to(rgba(var(--color-sf-info-text), 0.08))), rgba(var(--color-sf-info));
1773
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.08), rgba(var(--color-sf-info-text), 0.08)), rgba(var(--color-sf-info));
1774
+ border-color: rgba(var(--color-sf-info));
1775
+ color: rgba(var(--color-sf-info-text));
1776
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1777
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1778
+ -webkit-box-shadow: none;
1779
+ box-shadow: none;
1780
+ outline-color: inherit;
1781
+ }
1782
+ .e-btn-group .e-btn:focus.e-warning,
1783
+ .e-btn-group input:focus-visible + label.e-btn.e-warning,
1784
+ .e-btn-group input:focus + label.e-btn.e-warning,
1785
+ .e-css.e-btn-group .e-btn:focus.e-warning,
1786
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
1787
+ .e-css.e-btn-group input:focus + label.e-btn.e-warning {
1788
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.08)), to(rgba(var(--color-sf-warning-text), 0.08))), rgba(var(--color-sf-warning));
1789
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.08), rgba(var(--color-sf-warning-text), 0.08)), rgba(var(--color-sf-warning));
1790
+ border-color: rgba(var(--color-sf-warning));
1791
+ color: rgba(var(--color-sf-warning-text));
1792
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1793
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1794
+ -webkit-box-shadow: none;
1795
+ box-shadow: none;
1796
+ outline-color: inherit;
1797
+ }
1798
+ .e-btn-group .e-btn:focus.e-danger,
1799
+ .e-btn-group input:focus-visible + label.e-btn.e-danger,
1800
+ .e-btn-group input:focus + label.e-btn.e-danger,
1801
+ .e-css.e-btn-group .e-btn:focus.e-danger,
1802
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
1803
+ .e-css.e-btn-group input:focus + label.e-btn.e-danger {
1804
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.08)), to(rgba(var(--color-sf-danger-text), 0.08))), rgba(var(--color-sf-error));
1805
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.08), rgba(var(--color-sf-danger-text), 0.08)), rgba(var(--color-sf-error));
1806
+ border-color: rgba(var(--color-sf-error));
1807
+ color: rgba(var(--color-sf-danger-text));
1808
+ -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1809
+ box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1810
+ -webkit-box-shadow: none;
1811
+ box-shadow: none;
1812
+ outline-color: inherit;
1813
+ }
1814
+ .e-btn-group .e-btn:focus.e-link,
1815
+ .e-btn-group input:focus-visible + label.e-btn.e-link,
1816
+ .e-btn-group input:focus + label.e-btn.e-link,
1817
+ .e-css.e-btn-group .e-btn:focus.e-link,
1818
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
1819
+ .e-css.e-btn-group input:focus + label.e-btn.e-link {
1820
+ border-radius: 0;
1821
+ text-decoration: underline;
1822
+ color: rgba(var(--color-sf-info));
1823
+ background-color: transparent;
1824
+ border-color: transparent;
1825
+ -webkit-box-shadow: none;
1826
+ box-shadow: none;
1827
+ outline: none;
1828
+ }
1829
+ .e-btn-group .e-btn:focus.e-outline,
1830
+ .e-btn-group input:focus-visible + label.e-btn.e-outline,
1831
+ .e-btn-group input:focus + label.e-btn.e-outline,
1832
+ .e-css.e-btn-group .e-btn:focus.e-outline,
1833
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
1834
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline {
1835
+ background: rgba(var(--color-sf-on-surface), 0.12);
1836
+ border: 1px solid rgba(var(--color-sf-outline));
1837
+ color: rgba(var(--color-sf-on-surface));
1838
+ -webkit-box-shadow: none;
1839
+ box-shadow: none;
1840
+ }
1841
+ .e-btn-group .e-btn:focus.e-outline.e-primary,
1842
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1843
+ .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
1844
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
1845
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
1846
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
1847
+ background: rgba(var(--color-sf-primary), 0.12);
1848
+ border: 1px solid rgba(var(--color-sf-outline));
1849
+ color: rgba(var(--color-sf-primary));
1850
+ -webkit-box-shadow: none;
1851
+ box-shadow: none;
1852
+ }
1853
+ .e-btn-group .e-btn:focus.e-outline.e-success,
1854
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1855
+ .e-btn-group input:focus + label.e-btn.e-outline.e-success,
1856
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
1857
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
1858
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
1859
+ background: rgba(var(--color-sf-success), 0.12);
1860
+ border: 1px solid rgba(var(--color-sf-outline));
1861
+ color: rgba(var(--color-sf-success));
1862
+ -webkit-box-shadow: none;
1863
+ box-shadow: none;
1864
+ }
1865
+ .e-btn-group .e-btn:focus.e-outline.e-info,
1866
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1867
+ .e-btn-group input:focus + label.e-btn.e-outline.e-info,
1868
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
1869
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
1870
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
1871
+ background: rgba(var(--color-sf-info), 0.12);
1872
+ border: 1px solid rgba(var(--color-sf-outline));
1873
+ color: rgba(var(--color-sf-info));
1874
+ -webkit-box-shadow: none;
1875
+ box-shadow: none;
1876
+ }
1877
+ .e-btn-group .e-btn:focus.e-outline.e-warning,
1878
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1879
+ .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
1880
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
1881
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
1882
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
1883
+ background: rgba(var(--color-sf-warning), 0.12);
1884
+ border: 1px solid rgba(var(--color-sf-outline));
1885
+ color: rgba(var(--color-sf-warning));
1886
+ -webkit-box-shadow: none;
1887
+ box-shadow: none;
1888
+ }
1889
+ .e-btn-group .e-btn:focus.e-outline.e-danger,
1890
+ .e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1891
+ .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
1892
+ .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
1893
+ .e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
1894
+ .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
1895
+ background: rgba(var(--color-sf-error), 0.12);
1896
+ border: 1px solid rgba(var(--color-sf-outline));
1897
+ color: rgba(var(--color-sf-error));
1898
+ -webkit-box-shadow: none;
1899
+ box-shadow: none;
1900
+ }
1901
+ .e-btn-group .e-btn:active,
1902
+ .e-btn-group input:active + label.e-btn,
1903
+ .e-btn-group input:checked + label.e-btn,
1904
+ .e-css.e-btn-group .e-btn:active,
1905
+ .e-css.e-btn-group input:active + label.e-btn,
1906
+ .e-css.e-btn-group input:checked + label.e-btn {
1907
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1908
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1909
+ -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1910
+ border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12)));
1911
+ border-image: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
1912
+ color: rgba(var(--color-sf-on-surface));
1913
+ outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1914
+ outline-offset: 0;
1915
+ -webkit-box-shadow: none;
1916
+ box-shadow: none;
1917
+ }
1918
+ .e-btn-group .e-btn:active.e-primary,
1919
+ .e-btn-group input:active + label.e-btn.e-primary,
1920
+ .e-btn-group input:checked + label.e-btn.e-primary,
1921
+ .e-css.e-btn-group .e-btn:active.e-primary,
1922
+ .e-css.e-btn-group input:active + label.e-btn.e-primary,
1923
+ .e-css.e-btn-group input:checked + label.e-btn.e-primary {
1924
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
1925
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
1926
+ border-color: rgba(var(--color-sf-primary));
1927
+ color: rgba(var(--color-sf-on-primary));
1928
+ outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
1929
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1930
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1931
+ -webkit-box-shadow: none;
1932
+ box-shadow: none;
1933
+ }
1934
+ .e-btn-group .e-btn:active.e-success,
1935
+ .e-btn-group input:active + label.e-btn.e-success,
1936
+ .e-btn-group input:checked + label.e-btn.e-success,
1937
+ .e-css.e-btn-group .e-btn:active.e-success,
1938
+ .e-css.e-btn-group input:active + label.e-btn.e-success,
1939
+ .e-css.e-btn-group input:checked + label.e-btn.e-success {
1940
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
1941
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
1942
+ border-color: rgba(var(--color-sf-success));
1943
+ color: rgba(var(--color-sf-success-text));
1944
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1945
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1946
+ -webkit-box-shadow: none;
1947
+ box-shadow: none;
1948
+ }
1949
+ .e-btn-group .e-btn:active.e-info,
1950
+ .e-btn-group input:active + label.e-btn.e-info,
1951
+ .e-btn-group input:checked + label.e-btn.e-info,
1952
+ .e-css.e-btn-group .e-btn:active.e-info,
1953
+ .e-css.e-btn-group input:active + label.e-btn.e-info,
1954
+ .e-css.e-btn-group input:checked + label.e-btn.e-info {
1955
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
1956
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
1957
+ color: rgba(var(--color-sf-info-text));
1958
+ border-color: rgba(var(--color-sf-info));
1959
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1960
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1961
+ -webkit-box-shadow: none;
1962
+ box-shadow: none;
1963
+ }
1964
+ .e-btn-group .e-btn:active.e-warning,
1965
+ .e-btn-group input:active + label.e-btn.e-warning,
1966
+ .e-btn-group input:checked + label.e-btn.e-warning,
1967
+ .e-css.e-btn-group .e-btn:active.e-warning,
1968
+ .e-css.e-btn-group input:active + label.e-btn.e-warning,
1969
+ .e-css.e-btn-group input:checked + label.e-btn.e-warning {
1970
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
1971
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
1972
+ border-color: rgba(var(--color-sf-warning));
1973
+ color: rgba(var(--color-sf-warning-text));
2146
1974
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
2147
1975
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1976
+ -webkit-box-shadow: none;
1977
+ box-shadow: none;
2148
1978
  }
2149
- *.e-btn-group input + label.e-btn,
2150
- *.e-css.e-btn-group input + label.e-btn {
2151
- margin-bottom: 0;
2152
- }
2153
- *.e-btn-group input,
2154
- *.e-css.e-btn-group input {
2155
- -moz-appearance: none;
2156
- height: 1px;
2157
- margin: 0 0 0 -1px;
2158
- opacity: 0;
2159
- position: absolute;
2160
- width: 1px;
1979
+ .e-btn-group .e-btn:active.e-danger,
1980
+ .e-btn-group input:active + label.e-btn.e-danger,
1981
+ .e-btn-group input:checked + label.e-btn.e-danger,
1982
+ .e-css.e-btn-group .e-btn:active.e-danger,
1983
+ .e-css.e-btn-group input:active + label.e-btn.e-danger,
1984
+ .e-css.e-btn-group input:checked + label.e-btn.e-danger {
1985
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
1986
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
1987
+ border-color: rgba(var(--color-sf-error));
1988
+ color: rgba(var(--color-sf-danger-text));
1989
+ -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1990
+ box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1991
+ -webkit-box-shadow: none;
1992
+ box-shadow: none;
2161
1993
  }
2162
- *.e-btn-group input:disabled + label.e-btn,
2163
- *.e-btn-group :disabled,
2164
- *.e-css.e-btn-group input:disabled + label.e-btn,
2165
- *.e-css.e-btn-group :disabled {
2166
- cursor: default;
2167
- pointer-events: none;
1994
+ .e-btn-group .e-btn:active.e-outline,
1995
+ .e-btn-group input:active + label.e-btn.e-outline,
1996
+ .e-btn-group input:checked + label.e-btn.e-outline,
1997
+ .e-css.e-btn-group .e-btn:active.e-outline,
1998
+ .e-css.e-btn-group input:active + label.e-btn.e-outline,
1999
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline {
2000
+ background: rgba(var(--color-sf-on-surface), 0.12);
2001
+ border-color: rgba(var(--color-sf-outline));
2002
+ -webkit-box-shadow: none;
2003
+ box-shadow: none;
2004
+ color: rgba(var(--color-sf-on-surface));
2005
+ box-shadow: none;
2168
2006
  }
2169
- *.e-btn-group .e-btn-icon,
2170
- *.e-css.e-btn-group .e-btn-icon {
2171
- font-size: 16px;
2007
+ .e-btn-group .e-btn:active.e-outline.e-primary,
2008
+ .e-btn-group input:active + label.e-btn.e-outline.e-primary,
2009
+ .e-btn-group input:checked + label.e-btn.e-outline.e-primary,
2010
+ .e-css.e-btn-group .e-btn:active.e-outline.e-primary,
2011
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-primary,
2012
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
2013
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
2014
+ background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
2015
+ border-color: rgba(var(--color-sf-primary));
2016
+ -webkit-box-shadow: none;
2017
+ box-shadow: none;
2018
+ color: rgba(var(--color-sf-on-primary));
2019
+ background: rgba(var(--color-sf-primary), 0.12);
2020
+ border: 1px solid rgba(var(--color-sf-outline));
2021
+ color: rgba(var(--color-sf-primary));
2022
+ box-shadow: none;
2172
2023
  }
2173
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type),
2174
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
2175
- border-radius: calc(var(--e-radius) * 0);
2024
+ .e-btn-group .e-btn:active.e-outline.e-success,
2025
+ .e-btn-group input:active + label.e-btn.e-outline.e-success,
2026
+ .e-btn-group input:checked + label.e-btn.e-outline.e-success,
2027
+ .e-css.e-btn-group .e-btn:active.e-outline.e-success,
2028
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-success,
2029
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
2030
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-success-text), 0.12)), to(rgba(var(--color-sf-success-text), 0.12))), rgba(var(--color-sf-success));
2031
+ background: linear-gradient(0deg, rgba(var(--color-sf-success-text), 0.12), rgba(var(--color-sf-success-text), 0.12)), rgba(var(--color-sf-success));
2032
+ border-color: rgba(var(--color-sf-success));
2033
+ -webkit-box-shadow: none;
2034
+ box-shadow: none;
2035
+ color: rgba(var(--color-sf-success-text));
2036
+ background: rgba(var(--color-sf-success), 0.12);
2037
+ border: 1px solid rgba(var(--color-sf-outline));
2038
+ color: rgba(var(--color-sf-success));
2039
+ box-shadow: none;
2176
2040
  }
2177
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
2178
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
2179
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
2180
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2181
- border-top-right-radius: calc(var(--e-radius) * 0);
2041
+ .e-btn-group .e-btn:active.e-outline.e-info,
2042
+ .e-btn-group input:active + label.e-btn.e-outline.e-info,
2043
+ .e-btn-group input:checked + label.e-btn.e-outline.e-info,
2044
+ .e-css.e-btn-group .e-btn:active.e-outline.e-info,
2045
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-info,
2046
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
2047
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-info-text), 0.12)), to(rgba(var(--color-sf-info-text), 0.12))), rgba(var(--color-sf-info));
2048
+ background: linear-gradient(0deg, rgba(var(--color-sf-info-text), 0.12), rgba(var(--color-sf-info-text), 0.12)), rgba(var(--color-sf-info));
2049
+ border-color: rgba(var(--color-sf-info));
2050
+ -webkit-box-shadow: none;
2051
+ box-shadow: none;
2052
+ color: rgba(var(--color-sf-info-text));
2053
+ background: rgba(var(--color-sf-info), 0.12);
2054
+ border: 1px solid rgba(var(--color-sf-outline));
2055
+ color: rgba(var(--color-sf-info));
2056
+ box-shadow: none;
2182
2057
  }
2183
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type,
2184
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
2185
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2186
- border-top-left-radius: calc(var(--e-radius) * 0);
2058
+ .e-btn-group .e-btn:active.e-outline.e-warning,
2059
+ .e-btn-group input:active + label.e-btn.e-outline.e-warning,
2060
+ .e-btn-group input:checked + label.e-btn.e-outline.e-warning,
2061
+ .e-css.e-btn-group .e-btn:active.e-outline.e-warning,
2062
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-warning,
2063
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
2064
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-warning-text), 0.12)), to(rgba(var(--color-sf-warning-text), 0.12))), rgba(var(--color-sf-warning));
2065
+ background: linear-gradient(0deg, rgba(var(--color-sf-warning-text), 0.12), rgba(var(--color-sf-warning-text), 0.12)), rgba(var(--color-sf-warning));
2066
+ border-color: rgba(var(--color-sf-warning));
2067
+ -webkit-box-shadow: none;
2068
+ box-shadow: none;
2069
+ color: rgba(var(--color-sf-warning-text));
2070
+ background: rgba(var(--color-sf-warning), 0.12);
2071
+ border: 1px solid rgba(var(--color-sf-outline));
2072
+ color: rgba(var(--color-sf-warning));
2073
+ box-shadow: none;
2187
2074
  }
2188
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
2189
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
2190
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2191
- border-top-left-radius: calc(var(--e-radius) * 0);
2075
+ .e-btn-group .e-btn:active.e-outline.e-danger,
2076
+ .e-btn-group input:active + label.e-btn.e-outline.e-danger,
2077
+ .e-btn-group input:checked + label.e-btn.e-outline.e-danger,
2078
+ .e-css.e-btn-group .e-btn:active.e-outline.e-danger,
2079
+ .e-css.e-btn-group input:active + label.e-btn.e-outline.e-danger,
2080
+ .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
2081
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-danger-text), 0.12)), to(rgba(var(--color-sf-danger-text), 0.12))), rgba(var(--color-sf-error));
2082
+ background: linear-gradient(0deg, rgba(var(--color-sf-danger-text), 0.12), rgba(var(--color-sf-danger-text), 0.12)), rgba(var(--color-sf-error));
2083
+ border-color: rgba(var(--color-sf-error));
2084
+ -webkit-box-shadow: none;
2085
+ box-shadow: none;
2086
+ color: rgba(var(--color-sf-danger-text));
2087
+ background: rgba(var(--color-sf-error), 0.12);
2088
+ border: 1px solid rgba(var(--color-sf-outline));
2089
+ color: rgba(var(--color-sf-error));
2090
+ box-shadow: none;
2192
2091
  }
2193
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
2194
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
2195
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2196
- border-top-right-radius: calc(var(--e-radius) * 0);
2092
+ .e-btn-group .e-btn:disabled,
2093
+ .e-btn-group input:disabled + label.e-btn,
2094
+ .e-css.e-btn-group .e-btn:disabled,
2095
+ .e-css.e-btn-group input:disabled + label.e-btn {
2096
+ background-color: rgba(var(--color-sf-secondary), 0.12);
2097
+ border-color: rgba(var(--color-sf-secondary), 0);
2098
+ -webkit-box-shadow: none;
2099
+ box-shadow: none;
2100
+ color: rgba(var(--color-sf-on-surface), 0.38);
2101
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
2197
2102
  }
2198
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
2199
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
2200
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2201
- border-top-left-radius: calc(var(--e-radius) * 0);
2103
+ .e-btn-group .e-btn:disabled.e-primary,
2104
+ .e-btn-group input:disabled + label.e-btn.e-primary,
2105
+ .e-css.e-btn-group .e-btn:disabled.e-primary,
2106
+ .e-css.e-btn-group input:disabled + label.e-btn.e-primary {
2107
+ background: rgba(var(--color-sf-secondary), 0.12);
2108
+ border-color: rgba(var(--color-sf-secondary), 0);
2109
+ -webkit-box-shadow: none;
2110
+ box-shadow: none;
2111
+ color: rgba(var(--color-sf-on-surface), 0.38);
2112
+ border-color: rgba(var(--color-sf-primary));
2202
2113
  }
2203
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child,
2204
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:first-child .e-btn:last-child {
2205
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2206
- border-top-right-radius: calc(var(--e-radius) * 0);
2114
+ .e-btn-group .e-btn:disabled.e-success,
2115
+ .e-btn-group input:disabled + label.e-btn.e-success,
2116
+ .e-css.e-btn-group .e-btn:disabled.e-success,
2117
+ .e-css.e-btn-group input:disabled + label.e-btn.e-success {
2118
+ background: rgba(var(--color-sf-secondary), 0.12);
2119
+ border-color: rgba(var(--color-sf-secondary), 0);
2120
+ -webkit-box-shadow: none;
2121
+ box-shadow: none;
2122
+ color: rgba(var(--color-sf-on-surface), 0.38);
2123
+ border-color: rgba(var(--color-sf-success));
2207
2124
  }
2208
- *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child,
2209
- *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper:last-child .e-btn:first-child {
2210
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2211
- border-top-left-radius: calc(var(--e-radius) * 0);
2125
+ .e-btn-group .e-btn:disabled.e-info,
2126
+ .e-btn-group input:disabled + label.e-btn.e-info,
2127
+ .e-css.e-btn-group .e-btn:disabled.e-info,
2128
+ .e-css.e-btn-group input:disabled + label.e-btn.e-info {
2129
+ background: rgba(var(--color-sf-secondary), 0.12);
2130
+ border-color: rgba(var(--color-sf-secondary), 0);
2131
+ -webkit-box-shadow: none;
2132
+ box-shadow: none;
2133
+ color: rgba(var(--color-sf-on-surface), 0.38);
2134
+ border-color: rgba(var(--color-sf-info));
2212
2135
  }
2213
- *.e-btn-group.e-rtl .e-btn,
2214
- *.e-css.e-btn-group.e-rtl .e-btn {
2215
- margin-left: -1px;
2136
+ .e-btn-group .e-btn:disabled.e-warning,
2137
+ .e-btn-group input:disabled + label.e-btn.e-warning,
2138
+ .e-css.e-btn-group .e-btn:disabled.e-warning,
2139
+ .e-css.e-btn-group input:disabled + label.e-btn.e-warning {
2140
+ background: rgba(var(--color-sf-secondary), 0.12);
2141
+ border-color: rgba(var(--color-sf-secondary), 0);
2142
+ -webkit-box-shadow: none;
2143
+ box-shadow: none;
2144
+ color: rgba(var(--color-sf-on-surface), 0.38);
2145
+ border-color: rgba(var(--color-sf-warning));
2216
2146
  }
2217
- *.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2218
- *.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2219
- border-radius: calc(var(--e-radius) * 0);
2147
+ .e-btn-group .e-btn:disabled.e-danger,
2148
+ .e-btn-group input:disabled + label.e-btn.e-danger,
2149
+ .e-css.e-btn-group .e-btn:disabled.e-danger,
2150
+ .e-css.e-btn-group input:disabled + label.e-btn.e-danger {
2151
+ background: rgba(var(--color-sf-secondary), 0.12);
2152
+ border-color: rgba(var(--color-sf-secondary), 0);
2153
+ -webkit-box-shadow: none;
2154
+ box-shadow: none;
2155
+ color: rgba(var(--color-sf-on-surface), 0.38);
2156
+ border-color: rgba(var(--color-sf-error));
2220
2157
  }
2221
- *.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
2222
- *.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
2223
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
2224
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2225
- border-top-left-radius: calc(var(--e-radius) * 0);
2158
+ .e-btn-group .e-btn:disabled.e-link,
2159
+ .e-btn-group input:disabled + label.e-btn.e-link,
2160
+ .e-css.e-btn-group .e-btn:disabled.e-link,
2161
+ .e-css.e-btn-group input:disabled + label.e-btn.e-link {
2162
+ color: rgba(var(--color-sf-on-surface), 0.38);
2163
+ background: transparent;
2164
+ -webkit-box-shadow: none;
2165
+ box-shadow: none;
2166
+ text-decoration: none;
2167
+ border-color: transparent;
2226
2168
  }
2227
- *.e-btn-group.e-rtl .e-btn:last-of-type,
2228
- *.e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2229
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2230
- border-top-right-radius: calc(var(--e-radius) * 0);
2169
+ .e-btn-group .e-btn:disabled.e-outline,
2170
+ .e-btn-group input:disabled + label.e-btn.e-outline,
2171
+ .e-css.e-btn-group .e-btn:disabled.e-outline,
2172
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline {
2173
+ background: transparent;
2174
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2175
+ -webkit-box-shadow: none;
2176
+ box-shadow: none;
2177
+ color: rgba(var(--color-sf-on-surface), 0.38);
2178
+ border-color: rgba(var(--color-sf-outline));
2231
2179
  }
2232
- *.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
2233
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
2234
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2235
- border-top-right-radius: calc(var(--e-radius) * 0);
2180
+ .e-btn-group .e-btn:disabled.e-outline.e-primary,
2181
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
2182
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
2183
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
2184
+ background: transparent;
2185
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2186
+ -webkit-box-shadow: none;
2187
+ box-shadow: none;
2188
+ color: rgba(var(--color-sf-on-surface), 0.38);
2189
+ border-color: rgba(var(--color-sf-primary));
2236
2190
  }
2237
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child,
2238
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:last-child {
2239
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2240
- border-top-left-radius: calc(var(--e-radius) * 0);
2191
+ .e-btn-group .e-btn:disabled.e-outline.e-success,
2192
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-success,
2193
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-success,
2194
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
2195
+ background: transparent;
2196
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2197
+ -webkit-box-shadow: none;
2198
+ box-shadow: none;
2199
+ color: rgba(var(--color-sf-on-surface), 0.38);
2200
+ border-color: rgba(var(--color-sf-success));
2241
2201
  }
2242
- *.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child,
2243
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:not(:first-child):not(:last-child) .e-btn:first-child {
2244
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2245
- border-top-right-radius: calc(var(--e-radius) * 0);
2202
+ .e-btn-group .e-btn:disabled.e-outline.e-info,
2203
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-info,
2204
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-info,
2205
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
2206
+ background: transparent;
2207
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2208
+ -webkit-box-shadow: none;
2209
+ box-shadow: none;
2210
+ color: rgba(var(--color-sf-on-surface), 0.38);
2211
+ border-color: rgba(var(--color-sf-info));
2246
2212
  }
2247
- *.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child,
2248
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:first-child .e-btn:last-child {
2249
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2250
- border-top-left-radius: calc(var(--e-radius) * 0);
2213
+ .e-btn-group .e-btn:disabled.e-outline.e-warning,
2214
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-warning,
2215
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-warning,
2216
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
2217
+ background: transparent;
2218
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2219
+ -webkit-box-shadow: none;
2220
+ box-shadow: none;
2221
+ color: rgba(var(--color-sf-on-surface), 0.38);
2222
+ border-color: rgba(var(--color-sf-warning));
2251
2223
  }
2252
- *.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child,
2253
- *.e-css.e-btn-group.e-rtl .e-split-btn-wrapper:last-child .e-btn:first-child {
2254
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2255
- border-top-right-radius: calc(var(--e-radius) * 0);
2224
+ .e-btn-group .e-btn:disabled.e-outline.e-danger,
2225
+ .e-btn-group input:disabled + label.e-btn.e-outline.e-danger,
2226
+ .e-css.e-btn-group .e-btn:disabled.e-outline.e-danger,
2227
+ .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
2228
+ background: transparent;
2229
+ border-color: rgba(var(--color-sf-secondary), 0.12);
2230
+ -webkit-box-shadow: none;
2231
+ box-shadow: none;
2232
+ color: rgba(var(--color-sf-on-surface), 0.38);
2233
+ border-color: rgba(var(--color-sf-error));
2256
2234
  }
2257
- *.e-btn-group.e-vertical,
2258
- *.e-css.e-btn-group.e-vertical {
2259
- -webkit-box-orient: vertical;
2260
- -webkit-box-direction: normal;
2261
- -ms-flex-direction: column;
2262
- flex-direction: column;
2235
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
2236
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
2237
+ border-left: transparent;
2238
+ border-right: transparent;
2263
2239
  }
2264
- *.e-btn-group.e-vertical input,
2265
- *.e-css.e-btn-group.e-vertical input {
2266
- margin: -1px 0 0;
2240
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type,
2241
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:first-of-type {
2242
+ border-right: transparent;
2267
2243
  }
2268
- *.e-btn-group.e-vertical .e-btn:not(.e-outline),
2269
- *.e-css.e-btn-group.e-vertical .e-btn:not(.e-outline) {
2270
- margin-top: -1px;
2244
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type,
2245
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-outline:last-of-type {
2246
+ border-left: transparent;
2271
2247
  }
2272
- *.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type),
2273
- *.e-css.e-btn-group.e-vertical .e-btn:not(:first-of-type):not(:last-of-type) {
2274
- border-radius: calc(var(--e-radius) * 0);
2248
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
2249
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline,
2250
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline,
2251
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline {
2252
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
2253
+ outline-color: inherit;
2275
2254
  }
2276
- *.e-btn-group.e-vertical .e-btn:first-of-type,
2277
- *.e-css.e-btn-group.e-vertical .e-btn:first-of-type {
2278
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2279
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2280
- border-top-left-radius: calc(var(--e-radius) * 0.125);
2281
- border-top-right-radius: calc(var(--e-radius) * 0.125);
2255
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2256
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2257
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2258
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2259
+ border-color: rgba(var(--color-sf-primary));
2260
+ outline-color: inherit;
2282
2261
  }
2283
- *.e-btn-group.e-vertical .e-btn:last-of-type,
2284
- *.e-css.e-btn-group.e-vertical .e-btn:last-of-type {
2285
- border-bottom-left-radius: calc(var(--e-radius) * 0.125);
2286
- border-bottom-right-radius: calc(var(--e-radius) * 0.125);
2287
- border-top-left-radius: calc(var(--e-radius) * 0);
2288
- border-top-right-radius: calc(var(--e-radius) * 0);
2262
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
2263
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2264
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
2265
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2266
+ border-color: rgba(var(--color-sf-success));
2267
+ outline-color: inherit;
2289
2268
  }
2290
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl),
2291
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) {
2292
- border-radius: calc(var(--e-radius) * 1.25);
2269
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
2270
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2271
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
2272
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2273
+ border-color: rgba(var(--color-sf-info));
2274
+ outline-color: inherit;
2293
2275
  }
2294
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type,
2295
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:first-of-type {
2296
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2297
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2276
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2277
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2278
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2279
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2280
+ border-color: rgba(var(--color-sf-warning));
2281
+ outline-color: inherit;
2298
2282
  }
2299
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type,
2300
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type {
2301
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2302
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2283
+ .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2284
+ .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2285
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2286
+ .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2287
+ border-color: rgba(var(--color-sf-error));
2288
+ outline-color: inherit;
2303
2289
  }
2304
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child),
2305
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-btn:last-of-type:not(:last-child) {
2306
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2307
- border-top-right-radius: calc(var(--e-radius) * 0);
2290
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
2291
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type) {
2292
+ border-bottom: transparent;
2293
+ border-top: transparent;
2308
2294
  }
2309
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn,
2310
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper + .e-btn {
2311
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2312
- border-top-left-radius: calc(var(--e-radius) * 0);
2295
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type,
2296
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:first-of-type {
2297
+ border-bottom: transparent;
2313
2298
  }
2314
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child,
2315
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:first-child {
2316
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2317
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2299
+ .e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type,
2300
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-outline:last-of-type {
2301
+ border-top: transparent;
2318
2302
  }
2319
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child,
2320
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:first-child .e-btn:last-child {
2321
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2322
- border-top-right-radius: calc(var(--e-radius) * 0);
2303
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2304
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline,
2305
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline,
2306
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline {
2307
+ border-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05));
2308
+ outline-color: inherit;
2323
2309
  }
2324
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child,
2325
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:first-child {
2326
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2327
- border-top-left-radius: calc(var(--e-radius) * 0);
2310
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2311
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary,
2312
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-primary,
2313
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-primary {
2314
+ border-color: rgba(var(--color-sf-primary));
2315
+ outline-color: inherit;
2328
2316
  }
2329
- *.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child,
2330
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical):not(.e-rtl) .e-split-btn-wrapper:last-child .e-btn:last-child {
2331
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2332
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2317
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2318
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
2319
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
2320
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
2321
+ border-color: rgba(var(--color-sf-success));
2322
+ outline-color: inherit;
2333
2323
  }
2334
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl,
2335
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl {
2336
- border-radius: calc(var(--e-radius) * 1.25);
2324
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2325
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
2326
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
2327
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
2328
+ border-color: rgba(var(--color-sf-info));
2329
+ outline-color: inherit;
2337
2330
  }
2338
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type,
2339
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type {
2340
- border-bottom-right-radius: calc(var(--e-radius) * 1.25);
2341
- border-top-right-radius: calc(var(--e-radius) * 1.25);
2331
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2332
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
2333
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
2334
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
2335
+ border-color: rgba(var(--color-sf-warning));
2336
+ outline-color: inherit;
2342
2337
  }
2343
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type,
2344
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type {
2345
- border-bottom-left-radius: calc(var(--e-radius) * 1.25);
2346
- border-top-left-radius: calc(var(--e-radius) * 1.25);
2338
+ .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2339
+ .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
2340
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
2341
+ .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
2342
+ border-color: rgba(var(--color-sf-error));
2343
+ outline-color: inherit;
2347
2344
  }
2348
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child),
2349
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:last-of-type:not(:last-child) {
2350
- border-bottom-left-radius: calc(var(--e-radius) * 0);
2351
- border-top-left-radius: calc(var(--e-radius) * 0);
2345
+ .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),
2346
+ .e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
2347
+ border-left: transparent;
2348
+ border-right: transparent;
2352
2349
  }
2353
- *.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child),
2354
- *.e-css.e-btn-group.e-round-corner:not(.e-vertical).e-rtl .e-btn:first-of-type:not(:first-child) {
2355
- border-bottom-right-radius: calc(var(--e-radius) * 0);
2356
- border-top-right-radius: calc(var(--e-radius) * 0);
2350
+ .e-btn-group.e-rtl .e-btn:first-of-type,
2351
+ .e-css.e-btn-group.e-rtl .e-btn:first-of-type {
2352
+ border-left: transparent;
2353
+ }
2354
+ .e-btn-group.e-rtl .e-btn:last-of-type,
2355
+ .e-css.e-btn-group.e-rtl .e-btn:last-of-type {
2356
+ border-right: transparent;
2357
2357
  }
2358
2358
 
2359
2359