@transferwise/neptune-css 14.16.0 → 14.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/css/buttons.css +223 -218
  2. package/dist/css/neptune-social-media.css +12 -12
  3. package/dist/css/neptune.css +230 -224
  4. package/dist/css/progress-bars.css +6 -6
  5. package/package.json +1 -1
  6. package/src/less/buttons.less +20 -14
  7. package/src/less/mixins/_buttons.less +4 -4
  8. package/src/less/progress-bars.less +2 -2
package/dist/css/neptune.css CHANGED
@@ -7069,7 +7069,7 @@ a.badge:focus {
7069
7069
  outline-color: var(--color-sentiment-negative);
7070
7070
  }
7071
7071
 
7072
- .btn:not(.disabled):not(:disabled):hover {
7072
+ .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
7073
7073
  color: #008fc9;
7074
7074
  color: var(--color-interactive-accent-hover);
7075
7075
  -webkit-text-decoration: none;
@@ -7081,11 +7081,13 @@ a.badge:focus {
7081
7081
  fieldset[disabled] .btn {
7082
7082
  outline: none;
7083
7083
  box-shadow: none;
7084
+ cursor: not-allowed;
7084
7085
  pointer-events: none;
7085
7086
  }
7086
7087
 
7087
7088
  a.btn.disabled,
7088
7089
  fieldset[disabled] a.btn {
7090
+ cursor: not-allowed;
7089
7091
  pointer-events: none;
7090
7092
  }
7091
7093
 
@@ -7098,7 +7100,7 @@ fieldset[disabled] a.btn {
7098
7100
  transition: color, background-color 0.15s ease-in-out;
7099
7101
  }
7100
7102
 
7101
- .btn-default:not(.disabled):not(:disabled):hover {
7103
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
7102
7104
  color: #FFF;
7103
7105
  background-color: #008fc9;
7104
7106
  background-color: var(--color-interactive-accent-hover);
@@ -7106,8 +7108,8 @@ fieldset[disabled] a.btn {
7106
7108
  border-color: var(--color-interactive-accent-hover);
7107
7109
  }
7108
7110
 
7109
- .btn-default:not(.disabled):not(:disabled):active,
7110
- .btn-default:not(.disabled):not(:disabled).active,
7111
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
7112
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
7111
7113
  .open > .dropdown-toggle.btn-default {
7112
7114
  color: #FFF;
7113
7115
  background-color: #0081ba;
@@ -7116,8 +7118,8 @@ fieldset[disabled] a.btn {
7116
7118
  border-color: var(--color-interactive-accent-active);
7117
7119
  }
7118
7120
 
7119
- .btn-default:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7120
- .btn-default:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7121
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7122
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7121
7123
  .open > .dropdown-toggle.btn-default:not(.disabled):not(:disabled):hover {
7122
7124
  color: #FFF;
7123
7125
  background-color: #0081ba;
@@ -7126,7 +7128,7 @@ fieldset[disabled] a.btn {
7126
7128
  border-color: var(--color-interactive-accent-active);
7127
7129
  }
7128
7130
 
7129
- .btn-default:not(.disabled):not(:disabled).active,
7131
+ .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
7130
7132
  .open > .dropdown-toggle.btn-default {
7131
7133
  background-image: none;
7132
7134
  }
@@ -7146,7 +7148,7 @@ fieldset[disabled] a.btn {
7146
7148
  transition: color, background-color 0.15s ease-in-out;
7147
7149
  }
7148
7150
 
7149
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
7151
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
7150
7152
  color: var(--color-interactive-control);
7151
7153
  background-color: #008fc9;
7152
7154
  background-color: var(--color-interactive-accent-hover);
@@ -7154,8 +7156,8 @@ fieldset[disabled] a.btn {
7154
7156
  border-color: var(--color-interactive-accent-hover);
7155
7157
  }
7156
7158
 
7157
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):active,
7158
- .np-theme-personal .btn-default:not(.disabled):not(:disabled).active,
7159
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
7160
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
7159
7161
  .open > .dropdown-toggle.np-theme-personal .btn-default {
7160
7162
  color: var(--color-interactive-control);
7161
7163
  background-color: #0081ba;
@@ -7164,8 +7166,8 @@ fieldset[disabled] a.btn {
7164
7166
  border-color: var(--color-interactive-accent-active);
7165
7167
  }
7166
7168
 
7167
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7168
- .np-theme-personal .btn-default:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7169
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7170
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7169
7171
  .open > .dropdown-toggle.np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
7170
7172
  color: var(--color-interactive-control);
7171
7173
  background-color: #0081ba;
@@ -7174,7 +7176,7 @@ fieldset[disabled] a.btn {
7174
7176
  border-color: var(--color-interactive-accent-active);
7175
7177
  }
7176
7178
 
7177
- .np-theme-personal .btn-default:not(.disabled):not(:disabled).active,
7179
+ .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
7178
7180
  .open > .dropdown-toggle.np-theme-personal .btn-default {
7179
7181
  background-image: none;
7180
7182
  }
@@ -7192,7 +7194,7 @@ fieldset[disabled] a.btn {
7192
7194
  transition: color, background-color 0.15s ease-in-out;
7193
7195
  }
7194
7196
 
7195
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
7197
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
7196
7198
  color: var(--color-interactive-control);
7197
7199
  background-color: #008fc9;
7198
7200
  background-color: var(--color-interactive-accent-hover);
@@ -7200,8 +7202,8 @@ fieldset[disabled] a.btn {
7200
7202
  border-color: var(--color-interactive-accent-hover);
7201
7203
  }
7202
7204
 
7203
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):active,
7204
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled).active,
7205
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7206
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7205
7207
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
7206
7208
  color: var(--color-interactive-control);
7207
7209
  background-color: #0081ba;
@@ -7210,8 +7212,8 @@ fieldset[disabled] a.btn {
7210
7212
  border-color: var(--color-interactive-accent-active);
7211
7213
  }
7212
7214
 
7213
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7214
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7215
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7216
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7215
7217
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
7216
7218
  color: var(--color-interactive-control);
7217
7219
  background-color: #0081ba;
@@ -7220,7 +7222,7 @@ fieldset[disabled] a.btn {
7220
7222
  border-color: var(--color-interactive-accent-active);
7221
7223
  }
7222
7224
 
7223
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled).active,
7225
+ .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7224
7226
  .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
7225
7227
  background-image: none;
7226
7228
  }
@@ -7240,8 +7242,8 @@ fieldset[disabled] a.btn {
7240
7242
  transition: color, background-color 0.15s ease-in-out;
7241
7243
  }
7242
7244
 
7243
- .btn-accent:not(.disabled):not(:disabled):hover,
7244
- .btn-primary:not(.disabled):not(:disabled):hover {
7245
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
7246
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
7245
7247
  color: #fff;
7246
7248
  background-color: #008fc9;
7247
7249
  background-color: var(--color-interactive-accent-hover);
@@ -7249,10 +7251,10 @@ fieldset[disabled] a.btn {
7249
7251
  border-color: var(--color-interactive-accent-hover);
7250
7252
  }
7251
7253
 
7252
- .btn-accent:not(.disabled):not(:disabled):active,
7253
- .btn-primary:not(.disabled):not(:disabled):active,
7254
- .btn-accent:not(.disabled):not(:disabled).active,
7255
- .btn-primary:not(.disabled):not(:disabled).active,
7254
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
7255
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active,
7256
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
7257
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
7256
7258
  .open > .dropdown-toggle.btn-accent,
7257
7259
  .open > .dropdown-toggle.btn-primary {
7258
7260
  color: #fff;
@@ -7262,10 +7264,10 @@ fieldset[disabled] a.btn {
7262
7264
  border-color: var(--color-interactive-accent-active);
7263
7265
  }
7264
7266
 
7265
- .btn-accent:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7266
- .btn-primary:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7267
- .btn-accent:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7268
- .btn-primary:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7267
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7268
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7269
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7270
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7269
7271
  .open > .dropdown-toggle.btn-accent:not(.disabled):not(:disabled):hover,
7270
7272
  .open > .dropdown-toggle.btn-primary:not(.disabled):not(:disabled):hover {
7271
7273
  color: #fff;
@@ -7275,8 +7277,8 @@ fieldset[disabled] a.btn {
7275
7277
  border-color: var(--color-interactive-accent-active);
7276
7278
  }
7277
7279
 
7278
- .btn-accent:not(.disabled):not(:disabled).active,
7279
- .btn-primary:not(.disabled):not(:disabled).active,
7280
+ .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
7281
+ .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
7280
7282
  .open > .dropdown-toggle.btn-accent,
7281
7283
  .open > .dropdown-toggle.btn-primary {
7282
7284
  background-image: none;
@@ -7299,8 +7301,8 @@ fieldset[disabled] a.btn {
7299
7301
  transition: color, background-color 0.15s ease-in-out;
7300
7302
  }
7301
7303
 
7302
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
7303
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
7304
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
7305
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
7304
7306
  color: #fff;
7305
7307
  background-color: #008fc9;
7306
7308
  background-color: var(--color-interactive-accent-hover);
@@ -7308,10 +7310,10 @@ fieldset[disabled] a.btn {
7308
7310
  border-color: var(--color-interactive-accent-hover);
7309
7311
  }
7310
7312
 
7311
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):active,
7312
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):active,
7313
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled).active,
7314
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled).active,
7313
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7314
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7315
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7316
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7315
7317
  .open > .dropdown-toggle.btn-accent.btn-priority-2,
7316
7318
  .open > .dropdown-toggle.btn-primary.btn-priority-2 {
7317
7319
  color: #fff;
@@ -7321,10 +7323,10 @@ fieldset[disabled] a.btn {
7321
7323
  border-color: var(--color-interactive-accent-active);
7322
7324
  }
7323
7325
 
7324
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7325
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7326
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7327
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7326
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7327
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7328
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7329
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7328
7330
  .open > .dropdown-toggle.btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
7329
7331
  .open > .dropdown-toggle.btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
7330
7332
  color: #fff;
@@ -7334,8 +7336,8 @@ fieldset[disabled] a.btn {
7334
7336
  border-color: var(--color-interactive-accent-active);
7335
7337
  }
7336
7338
 
7337
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled).active,
7338
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled).active,
7339
+ .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7340
+ .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7339
7341
  .open > .dropdown-toggle.btn-accent.btn-priority-2,
7340
7342
  .open > .dropdown-toggle.btn-primary.btn-priority-2 {
7341
7343
  background-image: none;
@@ -7358,8 +7360,8 @@ fieldset[disabled] a.btn {
7358
7360
  transition: color, background-color 0.15s ease-in-out;
7359
7361
  }
7360
7362
 
7361
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
7362
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
7363
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
7364
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
7363
7365
  color: var(--color-interactive-control);
7364
7366
  background-color: #008fc9;
7365
7367
  background-color: var(--color-interactive-accent-hover);
@@ -7367,10 +7369,10 @@ fieldset[disabled] a.btn {
7367
7369
  border-color: var(--color-interactive-accent-hover);
7368
7370
  }
7369
7371
 
7370
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):active,
7371
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):active,
7372
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).active,
7373
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled).active,
7372
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
7373
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active,
7374
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
7375
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
7374
7376
  .open > .dropdown-toggle.np-theme-personal .btn-accent,
7375
7377
  .open > .dropdown-toggle.np-theme-personal .btn-primary {
7376
7378
  color: var(--color-interactive-control);
@@ -7380,10 +7382,10 @@ fieldset[disabled] a.btn {
7380
7382
  border-color: var(--color-interactive-accent-active);
7381
7383
  }
7382
7384
 
7383
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7384
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7385
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7386
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7385
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7386
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7387
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7388
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7387
7389
  .open > .dropdown-toggle.np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
7388
7390
  .open > .dropdown-toggle.np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
7389
7391
  color: var(--color-interactive-control);
@@ -7393,8 +7395,8 @@ fieldset[disabled] a.btn {
7393
7395
  border-color: var(--color-interactive-accent-active);
7394
7396
  }
7395
7397
 
7396
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).active,
7397
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled).active,
7398
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
7399
+ .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
7398
7400
  .open > .dropdown-toggle.np-theme-personal .btn-accent,
7399
7401
  .open > .dropdown-toggle.np-theme-personal .btn-primary {
7400
7402
  background-image: none;
@@ -7415,8 +7417,8 @@ fieldset[disabled] a.btn {
7415
7417
  transition: color, background-color 0.15s ease-in-out;
7416
7418
  }
7417
7419
 
7418
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
7419
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
7420
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
7421
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
7420
7422
  color: var(--color-interactive-control);
7421
7423
  background-color: #008fc9;
7422
7424
  background-color: var(--color-interactive-accent-hover);
@@ -7424,10 +7426,10 @@ fieldset[disabled] a.btn {
7424
7426
  border-color: var(--color-interactive-accent-hover);
7425
7427
  }
7426
7428
 
7427
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):active,
7428
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):active,
7429
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled).active,
7430
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled).active,
7429
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7430
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7431
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7432
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7431
7433
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
7432
7434
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
7433
7435
  color: var(--color-interactive-control);
@@ -7437,10 +7439,10 @@ fieldset[disabled] a.btn {
7437
7439
  border-color: var(--color-interactive-accent-active);
7438
7440
  }
7439
7441
 
7440
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7441
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7442
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7443
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7442
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7443
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7444
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7445
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7444
7446
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
7445
7447
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
7446
7448
  color: var(--color-interactive-control);
@@ -7450,8 +7452,8 @@ fieldset[disabled] a.btn {
7450
7452
  border-color: var(--color-interactive-accent-active);
7451
7453
  }
7452
7454
 
7453
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled).active,
7454
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled).active,
7455
+ .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7456
+ .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7455
7457
  .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
7456
7458
  .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
7457
7459
  background-image: none;
@@ -7485,8 +7487,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7485
7487
  background-color: transparent;
7486
7488
  }
7487
7489
 
7488
- .btn-link:not(.disabled):not(:disabled):hover,
7489
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):hover,
7490
+ .btn-link:not(.disabled):not(:disabled):not(.btn-loading):hover,
7491
+ .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
7490
7492
  .btn-link:not(.disabled):not(:disabled):focus-visible,
7491
7493
  .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
7492
7494
  color: #0084b3;
@@ -7497,8 +7499,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7497
7499
  background-color: transparent;
7498
7500
  }
7499
7501
 
7500
- .btn-link:not(.disabled):not(:disabled):active,
7501
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):active {
7502
+ .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
7503
+ .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
7502
7504
  color: #0077a5;
7503
7505
  color: var(--color-content-accent-active);
7504
7506
  }
@@ -7512,16 +7514,16 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7512
7514
  text-underline-offset: 0.3em;
7513
7515
  }
7514
7516
 
7515
- .np-theme-personal .btn-link:not(.disabled):not(:disabled):hover,
7516
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):hover,
7517
+ .np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):hover,
7518
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
7517
7519
  .np-theme-personal .btn-link:not(.disabled):not(:disabled):focus-visible,
7518
7520
  .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
7519
7521
  color: var(--color-interactive-primary-hover);
7520
7522
  border-color: transparent;
7521
7523
  }
7522
7524
 
7523
- .np-theme-personal .btn-link:not(.disabled):not(:disabled):active,
7524
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):active {
7525
+ .np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
7526
+ .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
7525
7527
  color: var(--color-interactive-primary-active);
7526
7528
  background-color: var(--color-background-screen-active) !important;
7527
7529
  }
@@ -7553,8 +7555,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7553
7555
  transition: color, background-color 0.15s ease-in-out;
7554
7556
  }
7555
7557
 
7556
- .btn-positive:not(.disabled):not(:disabled):hover,
7557
- .btn-success:not(.disabled):not(:disabled):hover {
7558
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
7559
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
7558
7560
  color: #fff;
7559
7561
  background-color: #069939;
7560
7562
  background-color: var(--color-interactive-positive-hover);
@@ -7562,10 +7564,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7562
7564
  border-color: var(--color-interactive-positive-hover);
7563
7565
  }
7564
7566
 
7565
- .btn-positive:not(.disabled):not(:disabled):active,
7566
- .btn-success:not(.disabled):not(:disabled):active,
7567
- .btn-positive:not(.disabled):not(:disabled).active,
7568
- .btn-success:not(.disabled):not(:disabled).active,
7567
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
7568
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active,
7569
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
7570
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
7569
7571
  .open > .dropdown-toggle.btn-positive,
7570
7572
  .open > .dropdown-toggle.btn-success {
7571
7573
  color: #fff;
@@ -7575,10 +7577,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7575
7577
  border-color: var(--color-interactive-positive-active);
7576
7578
  }
7577
7579
 
7578
- .btn-positive:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7579
- .btn-success:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7580
- .btn-positive:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7581
- .btn-success:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7580
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7581
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7582
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7583
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7582
7584
  .open > .dropdown-toggle.btn-positive:not(.disabled):not(:disabled):hover,
7583
7585
  .open > .dropdown-toggle.btn-success:not(.disabled):not(:disabled):hover {
7584
7586
  color: #fff;
@@ -7588,8 +7590,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7588
7590
  border-color: var(--color-interactive-positive-active);
7589
7591
  }
7590
7592
 
7591
- .btn-positive:not(.disabled):not(:disabled).active,
7592
- .btn-success:not(.disabled):not(:disabled).active,
7593
+ .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
7594
+ .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
7593
7595
  .open > .dropdown-toggle.btn-positive,
7594
7596
  .open > .dropdown-toggle.btn-success {
7595
7597
  background-image: none;
@@ -7612,8 +7614,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7612
7614
  transition: color, background-color 0.15s ease-in-out;
7613
7615
  }
7614
7616
 
7615
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
7616
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
7617
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
7618
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
7617
7619
  color: #fff;
7618
7620
  background-color: #069939;
7619
7621
  background-color: var(--color-interactive-positive-hover);
@@ -7621,10 +7623,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7621
7623
  border-color: var(--color-interactive-positive-hover);
7622
7624
  }
7623
7625
 
7624
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):active,
7625
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):active,
7626
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled).active,
7627
- .btn-success.btn-priority-2:not(.disabled):not(:disabled).active,
7626
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7627
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7628
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7629
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7628
7630
  .open > .dropdown-toggle.btn-positive.btn-priority-2,
7629
7631
  .open > .dropdown-toggle.btn-success.btn-priority-2 {
7630
7632
  color: #fff;
@@ -7634,10 +7636,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7634
7636
  border-color: var(--color-interactive-positive-active);
7635
7637
  }
7636
7638
 
7637
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7638
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7639
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7640
- .btn-success.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7639
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7640
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7641
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7642
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7641
7643
  .open > .dropdown-toggle.btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
7642
7644
  .open > .dropdown-toggle.btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
7643
7645
  color: #fff;
@@ -7647,8 +7649,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7647
7649
  border-color: var(--color-interactive-positive-active);
7648
7650
  }
7649
7651
 
7650
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled).active,
7651
- .btn-success.btn-priority-2:not(.disabled):not(:disabled).active,
7652
+ .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7653
+ .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7652
7654
  .open > .dropdown-toggle.btn-positive.btn-priority-2,
7653
7655
  .open > .dropdown-toggle.btn-success.btn-priority-2 {
7654
7656
  background-image: none;
@@ -7671,8 +7673,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7671
7673
  transition: color, background-color 0.15s ease-in-out;
7672
7674
  }
7673
7675
 
7674
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
7675
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
7676
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
7677
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
7676
7678
  color: var(--color-interactive-control);
7677
7679
  background-color: #008fc9;
7678
7680
  background-color: var(--color-interactive-accent-hover);
@@ -7680,10 +7682,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7680
7682
  border-color: var(--color-interactive-accent);
7681
7683
  }
7682
7684
 
7683
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):active,
7684
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):active,
7685
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled).active,
7686
- .np-theme-personal .btn-success:not(.disabled):not(:disabled).active,
7685
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
7686
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active,
7687
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
7688
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
7687
7689
  .open > .dropdown-toggle.np-theme-personal .btn-positive,
7688
7690
  .open > .dropdown-toggle.np-theme-personal .btn-success {
7689
7691
  color: var(--color-interactive-control);
@@ -7693,10 +7695,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7693
7695
  border-color: var(--color-interactive-accent);
7694
7696
  }
7695
7697
 
7696
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7697
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7698
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7699
- .np-theme-personal .btn-success:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7698
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7699
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7700
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7701
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7700
7702
  .open > .dropdown-toggle.np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
7701
7703
  .open > .dropdown-toggle.np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
7702
7704
  color: var(--color-interactive-control);
@@ -7706,8 +7708,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7706
7708
  border-color: var(--color-interactive-accent);
7707
7709
  }
7708
7710
 
7709
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled).active,
7710
- .np-theme-personal .btn-success:not(.disabled):not(:disabled).active,
7711
+ .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
7712
+ .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
7711
7713
  .open > .dropdown-toggle.np-theme-personal .btn-positive,
7712
7714
  .open > .dropdown-toggle.np-theme-personal .btn-success {
7713
7715
  background-image: none;
@@ -7728,8 +7730,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7728
7730
  transition: color, background-color 0.15s ease-in-out;
7729
7731
  }
7730
7732
 
7731
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
7732
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
7733
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
7734
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
7733
7735
  color: var(--color-interactive-control);
7734
7736
  background-color: #008fc9;
7735
7737
  background-color: var(--color-interactive-accent-hover);
@@ -7737,10 +7739,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7737
7739
  border-color: var(--color-interactive-accent-hover);
7738
7740
  }
7739
7741
 
7740
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):active,
7741
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):active,
7742
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled).active,
7743
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled).active,
7742
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7743
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7744
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7745
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7744
7746
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
7745
7747
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
7746
7748
  color: var(--color-interactive-control);
@@ -7750,10 +7752,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7750
7752
  border-color: var(--color-interactive-accent-active);
7751
7753
  }
7752
7754
 
7753
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7754
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7755
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7756
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7755
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7756
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7757
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7758
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7757
7759
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
7758
7760
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
7759
7761
  color: var(--color-interactive-control);
@@ -7763,8 +7765,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7763
7765
  border-color: var(--color-interactive-accent-active);
7764
7766
  }
7765
7767
 
7766
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled).active,
7767
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled).active,
7768
+ .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7769
+ .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7768
7770
  .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
7769
7771
  .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
7770
7772
  background-image: none;
@@ -7783,29 +7785,29 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7783
7785
  transition: color, background-color 0.15s ease-in-out;
7784
7786
  }
7785
7787
 
7786
- .btn-info:not(.disabled):not(:disabled):hover {
7788
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading):hover {
7787
7789
  color: #FFF;
7788
7790
  background-color: #00b9ff;
7789
7791
  border-color: #00b9ff;
7790
7792
  }
7791
7793
 
7792
- .btn-info:not(.disabled):not(:disabled):active,
7793
- .btn-info:not(.disabled):not(:disabled).active,
7794
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading):active,
7795
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active,
7794
7796
  .open > .dropdown-toggle.btn-info {
7795
7797
  color: #FFF;
7796
7798
  background-color: #008ec0;
7797
7799
  border-color: #008ec0;
7798
7800
  }
7799
7801
 
7800
- .btn-info:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7801
- .btn-info:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7802
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7803
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7802
7804
  .open > .dropdown-toggle.btn-info:not(.disabled):not(:disabled):hover {
7803
7805
  color: #FFF;
7804
7806
  background-color: #008ec0;
7805
7807
  border-color: #008ec0;
7806
7808
  }
7807
7809
 
7808
- .btn-info:not(.disabled):not(:disabled).active,
7810
+ .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active,
7809
7811
  .open > .dropdown-toggle.btn-info {
7810
7812
  background-image: none;
7811
7813
  }
@@ -7822,29 +7824,29 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7822
7824
  transition: color, background-color 0.15s ease-in-out;
7823
7825
  }
7824
7826
 
7825
- .btn-warning:not(.disabled):not(:disabled):hover {
7827
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):hover {
7826
7828
  color: #FFF;
7827
7829
  background-color: #DF8700;
7828
7830
  border-color: #DF8700;
7829
7831
  }
7830
7832
 
7831
- .btn-warning:not(.disabled):not(:disabled):active,
7832
- .btn-warning:not(.disabled):not(:disabled).active,
7833
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):active,
7834
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active,
7833
7835
  .open > .dropdown-toggle.btn-warning {
7834
7836
  color: #FFF;
7835
7837
  background-color: #9E5F00;
7836
7838
  border-color: #9E5F00;
7837
7839
  }
7838
7840
 
7839
- .btn-warning:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7840
- .btn-warning:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7841
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7842
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7841
7843
  .open > .dropdown-toggle.btn-warning:not(.disabled):not(:disabled):hover {
7842
7844
  color: #FFF;
7843
7845
  background-color: #9E5F00;
7844
7846
  border-color: #9E5F00;
7845
7847
  }
7846
7848
 
7847
- .btn-warning:not(.disabled):not(:disabled).active,
7849
+ .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active,
7848
7850
  .open > .dropdown-toggle.btn-warning {
7849
7851
  background-image: none;
7850
7852
  }
@@ -7864,8 +7866,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7864
7866
  transition: color, background-color 0.15s ease-in-out;
7865
7867
  }
7866
7868
 
7867
- .btn-danger:not(.disabled):not(:disabled):hover,
7868
- .btn-negative:not(.disabled):not(:disabled):hover {
7869
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
7870
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
7869
7871
  color: #fff;
7870
7872
  background-color: #d03238;
7871
7873
  background-color: var(--color-interactive-negative-hover);
@@ -7873,10 +7875,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7873
7875
  border-color: var(--color-interactive-negative-hover);
7874
7876
  }
7875
7877
 
7876
- .btn-danger:not(.disabled):not(:disabled):active,
7877
- .btn-negative:not(.disabled):not(:disabled):active,
7878
- .btn-danger:not(.disabled):not(:disabled).active,
7879
- .btn-negative:not(.disabled):not(:disabled).active,
7878
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
7879
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active,
7880
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
7881
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
7880
7882
  .open > .dropdown-toggle.btn-danger,
7881
7883
  .open > .dropdown-toggle.btn-negative {
7882
7884
  color: #fff;
@@ -7886,10 +7888,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7886
7888
  border-color: var(--color-interactive-negative-active);
7887
7889
  }
7888
7890
 
7889
- .btn-danger:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7890
- .btn-negative:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7891
- .btn-danger:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7892
- .btn-negative:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7891
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7892
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7893
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7894
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7893
7895
  .open > .dropdown-toggle.btn-danger:not(.disabled):not(:disabled):hover,
7894
7896
  .open > .dropdown-toggle.btn-negative:not(.disabled):not(:disabled):hover {
7895
7897
  color: #fff;
@@ -7899,8 +7901,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7899
7901
  border-color: var(--color-interactive-negative-active);
7900
7902
  }
7901
7903
 
7902
- .btn-danger:not(.disabled):not(:disabled).active,
7903
- .btn-negative:not(.disabled):not(:disabled).active,
7904
+ .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
7905
+ .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
7904
7906
  .open > .dropdown-toggle.btn-danger,
7905
7907
  .open > .dropdown-toggle.btn-negative {
7906
7908
  background-image: none;
@@ -7923,8 +7925,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7923
7925
  transition: color, background-color 0.15s ease-in-out;
7924
7926
  }
7925
7927
 
7926
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
7927
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
7928
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
7929
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
7928
7930
  color: #fff;
7929
7931
  background-color: #d03238;
7930
7932
  background-color: var(--color-interactive-negative-hover);
@@ -7932,10 +7934,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7932
7934
  border-color: var(--color-interactive-negative-hover);
7933
7935
  }
7934
7936
 
7935
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):active,
7936
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):active,
7937
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled).active,
7938
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled).active,
7937
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7938
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
7939
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7940
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7939
7941
  .open > .dropdown-toggle.btn-danger.btn-priority-2,
7940
7942
  .open > .dropdown-toggle.btn-negative.btn-priority-2 {
7941
7943
  color: #fff;
@@ -7945,10 +7947,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7945
7947
  border-color: var(--color-interactive-negative-active);
7946
7948
  }
7947
7949
 
7948
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7949
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
7950
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7951
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
7950
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7951
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
7952
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7953
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
7952
7954
  .open > .dropdown-toggle.btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
7953
7955
  .open > .dropdown-toggle.btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
7954
7956
  color: #fff;
@@ -7958,8 +7960,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7958
7960
  border-color: var(--color-interactive-negative-active);
7959
7961
  }
7960
7962
 
7961
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled).active,
7962
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled).active,
7963
+ .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7964
+ .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
7963
7965
  .open > .dropdown-toggle.btn-danger.btn-priority-2,
7964
7966
  .open > .dropdown-toggle.btn-negative.btn-priority-2 {
7965
7967
  background-image: none;
@@ -7980,17 +7982,17 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7980
7982
  transition: color, background-color 0.15s ease-in-out;
7981
7983
  }
7982
7984
 
7983
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
7984
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
7985
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
7986
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
7985
7987
  color: var(--color-contrast);
7986
7988
  background-color: var(--color-sentiment-negative-hover);
7987
7989
  border-color: var(--color-sentiment-negative-hover);
7988
7990
  }
7989
7991
 
7990
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):active,
7991
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):active,
7992
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled).active,
7993
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled).active,
7992
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
7993
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active,
7994
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
7995
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
7994
7996
  .open > .dropdown-toggle.np-theme-personal .btn-danger,
7995
7997
  .open > .dropdown-toggle.np-theme-personal .btn-negative {
7996
7998
  color: var(--color-contrast);
@@ -7998,10 +8000,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
7998
8000
  border-color: var(--color-sentiment-negative-active);
7999
8001
  }
8000
8002
 
8001
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8002
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8003
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8004
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8003
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8004
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8005
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8006
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8005
8007
  .open > .dropdown-toggle.np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
8006
8008
  .open > .dropdown-toggle.np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
8007
8009
  color: var(--color-contrast);
@@ -8009,8 +8011,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8009
8011
  border-color: var(--color-sentiment-negative-active);
8010
8012
  }
8011
8013
 
8012
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled).active,
8013
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled).active,
8014
+ .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
8015
+ .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
8014
8016
  .open > .dropdown-toggle.np-theme-personal .btn-danger,
8015
8017
  .open > .dropdown-toggle.np-theme-personal .btn-negative {
8016
8018
  background-image: none;
@@ -8030,17 +8032,17 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8030
8032
  transition: color, background-color 0.15s ease-in-out;
8031
8033
  }
8032
8034
 
8033
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
8034
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
8035
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
8036
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
8035
8037
  color: var(--color-contrast);
8036
8038
  background-color: var(--color-sentiment-negative-hover);
8037
8039
  border-color: var(--color-sentiment-negative-hover);
8038
8040
  }
8039
8041
 
8040
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):active,
8041
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):active,
8042
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled).active,
8043
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled).active,
8042
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
8043
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
8044
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
8045
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
8044
8046
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
8045
8047
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
8046
8048
  color: var(--color-contrast);
@@ -8048,10 +8050,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8048
8050
  border-color: var(--color-sentiment-negative-active);
8049
8051
  }
8050
8052
 
8051
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8052
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8053
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8054
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8053
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8054
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8055
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8056
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8055
8057
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
8056
8058
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
8057
8059
  color: var(--color-contrast);
@@ -8059,8 +8061,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8059
8061
  border-color: var(--color-sentiment-negative-active);
8060
8062
  }
8061
8063
 
8062
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled).active,
8063
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled).active,
8064
+ .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
8065
+ .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
8064
8066
  .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
8065
8067
  .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
8066
8068
  background-image: none;
@@ -8083,8 +8085,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8083
8085
  transition: color, background-color 0.15s ease-in-out;
8084
8086
  }
8085
8087
 
8086
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):hover,
8087
- .btn-input:not(.disabled):not(:disabled):hover {
8088
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover,
8089
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading):hover {
8088
8090
  color: #37517e;
8089
8091
  color: var(--color-content-primary);
8090
8092
  background-color: #ffffff;
@@ -8093,10 +8095,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8093
8095
  border-color: var(--color-interactive-secondary-hover);
8094
8096
  }
8095
8097
 
8096
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):active,
8097
- .btn-input:not(.disabled):not(:disabled):active,
8098
- .bootstrap-select .btn-default:not(.disabled):not(:disabled).active,
8099
- .btn-input:not(.disabled):not(:disabled).active,
8098
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
8099
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading):active,
8100
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
8101
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active,
8100
8102
  .open > .dropdown-toggle.bootstrap-select .btn-default,
8101
8103
  .open > .dropdown-toggle.btn-input {
8102
8104
  color: #37517e;
@@ -8107,10 +8109,10 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8107
8109
  border-color: var(--color-interactive-secondary-active);
8108
8110
  }
8109
8111
 
8110
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8111
- .btn-input:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8112
- .bootstrap-select .btn-default:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8113
- .btn-input:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8112
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8113
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8114
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8115
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8114
8116
  .open > .dropdown-toggle.bootstrap-select .btn-default:not(.disabled):not(:disabled):hover,
8115
8117
  .open > .dropdown-toggle.btn-input:not(.disabled):not(:disabled):hover {
8116
8118
  color: #37517e;
@@ -8121,8 +8123,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8121
8123
  border-color: var(--color-interactive-secondary-active);
8122
8124
  }
8123
8125
 
8124
- .bootstrap-select .btn-default:not(.disabled):not(:disabled).active,
8125
- .btn-input:not(.disabled):not(:disabled).active,
8126
+ .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
8127
+ .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active,
8126
8128
  .open > .dropdown-toggle.bootstrap-select .btn-default,
8127
8129
  .open > .dropdown-toggle.btn-input {
8128
8130
  background-image: none;
@@ -8172,29 +8174,29 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
8172
8174
  transition: color, background-color 0.15s ease-in-out;
8173
8175
  }
8174
8176
 
8175
- .btn-inverse:not(.disabled):not(:disabled):hover {
8177
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):hover {
8176
8178
  color: #5d7079;
8177
8179
  background-color: #fff;
8178
8180
  border-color: #fff;
8179
8181
  }
8180
8182
 
8181
- .btn-inverse:not(.disabled):not(:disabled):active,
8182
- .btn-inverse:not(.disabled):not(:disabled).active,
8183
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):active,
8184
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
8183
8185
  .open > .dropdown-toggle.btn-inverse {
8184
8186
  color: #5d7079;
8185
8187
  background-color: #e2e6e8;
8186
8188
  border-color: #e2e6e8;
8187
8189
  }
8188
8190
 
8189
- .btn-inverse:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8190
- .btn-inverse:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8191
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8192
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8191
8193
  .open > .dropdown-toggle.btn-inverse:not(.disabled):not(:disabled):hover {
8192
8194
  color: #5d7079;
8193
8195
  background-color: #e2e6e8;
8194
8196
  border-color: #e2e6e8;
8195
8197
  }
8196
8198
 
8197
- .btn-inverse:not(.disabled):not(:disabled).active,
8199
+ .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
8198
8200
  .open > .dropdown-toggle.btn-inverse {
8199
8201
  background-image: none;
8200
8202
  }
@@ -8420,17 +8422,17 @@ input[type="button"].btn-block {
8420
8422
  transition: color, background-color 0.15s ease-in-out;
8421
8423
  }
8422
8424
 
8423
- .btn-input-inverse:not(.disabled):not(:disabled):hover,
8424
- .btn-addon:not(.disabled):not(:disabled):hover {
8425
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):hover,
8426
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):hover {
8425
8427
  color: #ffffff;
8426
8428
  background-color: #2e4369;
8427
8429
  border-color: #2e4369;
8428
8430
  }
8429
8431
 
8430
- .btn-input-inverse:not(.disabled):not(:disabled):active,
8431
- .btn-addon:not(.disabled):not(:disabled):active,
8432
- .btn-input-inverse:not(.disabled):not(:disabled).active,
8433
- .btn-addon:not(.disabled):not(:disabled).active,
8432
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active,
8433
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active,
8434
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
8435
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
8434
8436
  .open > .dropdown-toggle.btn-input-inverse,
8435
8437
  .open > .dropdown-toggle.btn-addon {
8436
8438
  color: #ffffff;
@@ -8438,10 +8440,10 @@ input[type="button"].btn-block {
8438
8440
  border-color: #2e4369;
8439
8441
  }
8440
8442
 
8441
- .btn-input-inverse:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8442
- .btn-addon:not(.disabled):not(:disabled):active:not(.disabled):not(:disabled):hover,
8443
- .btn-input-inverse:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8444
- .btn-addon:not(.disabled):not(:disabled).active:not(.disabled):not(:disabled):hover,
8443
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8444
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
8445
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8446
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
8445
8447
  .open > .dropdown-toggle.btn-input-inverse:not(.disabled):not(:disabled):hover,
8446
8448
  .open > .dropdown-toggle.btn-addon:not(.disabled):not(:disabled):hover {
8447
8449
  color: #ffffff;
@@ -8449,8 +8451,8 @@ input[type="button"].btn-block {
8449
8451
  border-color: #2e4369;
8450
8452
  }
8451
8453
 
8452
- .btn-input-inverse:not(.disabled):not(:disabled).active,
8453
- .btn-addon:not(.disabled):not(:disabled).active,
8454
+ .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
8455
+ .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
8454
8456
  .open > .dropdown-toggle.btn-input-inverse,
8455
8457
  .open > .dropdown-toggle.btn-addon {
8456
8458
  background-image: none;
@@ -8488,11 +8490,8 @@ input[type="button"].btn-block {
8488
8490
  background-position: center;
8489
8491
  }
8490
8492
 
8491
- .np-theme-personal--dark .btn-loader .process-circle,
8492
- .np-theme-personal--bright-green .btn-loader .process-circle,
8493
- .np-theme-personal--forest-green .btn-loader .process-circle {
8494
- stroke: #e74848;
8495
- stroke: var(--color-interactive-negative);
8493
+ .btn-loading {
8494
+ cursor: wait;
8496
8495
  }
8497
8496
 
8498
8497
  .btn-loading:not(.btn-block) {
@@ -8521,6 +8520,13 @@ input[type="button"].btn-block {
8521
8520
  margin-bottom: auto;
8522
8521
  }
8523
8522
 
8523
+ .btn-loading:hover .process-circle[class],
8524
+ .btn-loading:focus .process-circle[class],
8525
+ .btn-loading:active .process-circle[class],
8526
+ .btn-loading .process-circle[class] {
8527
+ stroke: currentColor;
8528
+ }
8529
+
8524
8530
  .btn-sm .btn-loader {
8525
8531
  background-size: 16px 16px;
8526
8532
  }
@@ -22340,20 +22346,20 @@ button.popover-close {
22340
22346
  }
22341
22347
 
22342
22348
  .progress {
22343
- --progress-bar-height: 8px;
22349
+ --progress-bar-height: 4px;
22344
22350
  --progress-bar-border-width: 4px;
22345
22351
  --progress-bar-start-shift: calc(var(--progress-bar-border-width) * 2);
22346
- height: 8px;
22352
+ height: 4px;
22347
22353
  height: var(--progress-bar-height);
22348
22354
  overflow: hidden;
22349
- margin-top: calc((24px - 8px) / 2);
22355
+ margin-top: calc((24px - 4px) / 2);
22350
22356
  margin-top: calc((var(--size-24) - var(--progress-bar-height)) / 2);
22351
- margin-bottom: calc((24px - 8px) / 2);
22357
+ margin-bottom: calc((24px - 4px) / 2);
22352
22358
  margin-bottom: calc((var(--size-24) - var(--progress-bar-height)) / 2);
22353
22359
  background-color: #c9cbce;
22354
22360
  background-color: var(--color-interactive-secondary);
22355
- border-radius: 8px;
22356
- border-radius: var(--progress-bar-height);
22361
+ border-radius: calc(4px + 4px);
22362
+ border-radius: calc(var(--progress-bar-border-width) + var(--progress-bar-height));
22357
22363
  }
22358
22364
 
22359
22365
  .progress-bar {