@transferwise/neptune-css 14.8.0 → 14.8.2

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 (48) hide show
  1. package/dist/css/accordion.css +235 -1
  2. package/dist/css/alerts.css +761 -1
  3. package/dist/css/background.css +20 -1
  4. package/dist/css/badge.css +90 -1
  5. package/dist/css/border-radius.css +3 -1
  6. package/dist/css/breadcrumbs.css +20 -1
  7. package/dist/css/button-groups.css +412 -1
  8. package/dist/css/buttons.css +1382 -1
  9. package/dist/css/chevron.css +35 -1
  10. package/dist/css/circles.css +284 -1
  11. package/dist/css/close.css +47 -1
  12. package/dist/css/column-layout.css +164 -1
  13. package/dist/css/currency-flags.css +45 -1
  14. package/dist/css/decision.css +95 -1
  15. package/dist/css/dropdowns.css +413 -1
  16. package/dist/css/droppable.css +207 -1
  17. package/dist/css/flex.css +598 -1
  18. package/dist/css/footer.css +118 -1
  19. package/dist/css/grid.css +2369 -1
  20. package/dist/css/input-groups.css +2706 -1
  21. package/dist/css/link-callout.css +20 -1
  22. package/dist/css/list-group.css +267 -1
  23. package/dist/css/loaders.css +76 -1
  24. package/dist/css/media.css +74 -1
  25. package/dist/css/modals.css +185 -1
  26. package/dist/css/navbar-base.css +1385 -1
  27. package/dist/css/navbar.css +2397 -1
  28. package/dist/css/navs.css +296 -1
  29. package/dist/css/neptune-addons.css +1829 -1
  30. package/dist/css/neptune-core.css +2035 -2
  31. package/dist/css/neptune-social-media.css +144 -1
  32. package/dist/css/neptune.css +24372 -2
  33. package/dist/css/panels.css +528 -1
  34. package/dist/css/popovers.css +538 -1
  35. package/dist/css/process.css +483 -1
  36. package/dist/css/progress-bars.css +76 -1
  37. package/dist/css/ring.css +59 -1
  38. package/dist/css/select.css +99 -1
  39. package/dist/css/sequences.css +855 -1
  40. package/dist/css/table.css +446 -1
  41. package/dist/css/tick.css +32 -1
  42. package/dist/css/tooltip.css +142 -1
  43. package/dist/css/utilities.css +145 -1
  44. package/dist/css/wells.css +74 -1
  45. package/package.json +3 -2
  46. package/scripts/analyze-css-selectors.js +39 -0
  47. package/src/less/buttons.less +2 -6
  48. package/src/less/navbar-base.less +1 -1
package/dist/css/alerts.css CHANGED
@@ -1 +1,761 @@
1
- .alert{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:10px;color:#37517e;color:var(--color-content-primary);margin-bottom:16px;margin-bottom:var(--size-16);min-width:200px;padding:16px;padding:var(--size-16)}.np-theme-personal .alert{border-radius:16px;border-radius:var(--radius-medium);padding:var(--padding-medium)}.np-theme-personal .alert .alert__message{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-top:0}.alert .alert__icon{border-radius:50%;flex:none;height:48px;height:var(--size-48);width:48px;width:var(--size-48)}.alert .alert__message{margin-top:2px;padding-left:16px;padding-left:var(--padding-small)}.alert .close{margin-top:4px;margin-top:var(--size-4)}.np-theme-personal .alert .close{margin-right:-8px;margin-right:calc(var(--size-8)*-1);margin-top:-8px;margin-top:calc(var(--size-8)*-1)}.alert p,.alert ul{margin-bottom:0}.alert p+p{margin-top:8px;margin-top:var(--padding-x-small)}.arrow{position:relative}.arrow:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .arrow:before{left:auto;right:20px}.arrow:before{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.arrow.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .arrow.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.arrow.arrow-top:before{bottom:auto;top:-5px}.arrow.arrow-left:before{left:20px;right:auto}[dir=rtl] .arrow.arrow-left:before{left:auto;right:20px;right:auto}.arrow.arrow-right:before{left:auto;right:20px}[dir=rtl] .arrow.arrow-right:before{left:auto;left:20px;right:auto}.arrow.arrow-bottom:before{bottom:-5px;top:auto}.alert-detach.arrow{border-radius:10px;border-radius:var(--radius-small)}.form-group .alert{border-color:#0000001a;border-color:var(--color-border-neutral);border-style:solid;border-top-left-radius:0;border-top-right-radius:0;border-width:0 1px 1px;margin-bottom:0;margin-top:-2px;padding:4px 16px 3px;position:relative;transition:border-color .15s ease-in-out}.form-group .alert:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .form-group .alert:before{left:auto;right:20px}.form-group .alert:before{-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.form-group .alert.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .form-group .alert.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.form-group .alert.arrow-top:before{bottom:auto;top:-5px}.form-group .alert.arrow-left:before{left:20px;right:auto}[dir=rtl] .form-group .alert.arrow-left:before{left:auto;right:20px;right:auto}.form-group .alert.arrow-right:before{left:auto;right:20px}[dir=rtl] .form-group .alert.arrow-right:before{left:auto;left:20px;right:auto}.form-group .alert.arrow-bottom:before{bottom:-5px;top:auto}.form-group .alert-detach,.form-group .checkbox~.alert,.form-group .radio~.alert{border-radius:10px;border-radius:var(--radius-small);border-width:0;margin-top:12px;margin-top:var(--size-12)}.form-group .alert-danger,.form-group .alert-focus,.form-group .alert-info,.form-group .alert-success,.form-group .alert-warning{display:none}.alert-positive,.alert-success{background-color:#36c7971a;background-color:var(--color-background-positive)}.alert-positive,.alert-positive .alert-link,.alert-positive .close,.alert-positive .icon,.alert-positive a,.alert-positive b,.alert-positive strong,.alert-success,.alert-success .alert-link,.alert-success .close,.alert-success .icon,.alert-success a,.alert-success b,.alert-success strong{color:#008026;color:var(--color-content-positive)}.alert-positive .alert-link:focus,.alert-positive .alert-link:hover,.alert-positive .close:focus,.alert-positive .close:hover,.alert-positive a:focus,.alert-positive a:hover,.alert-success .alert-link:focus,.alert-success .alert-link:hover,.alert-success .close:focus,.alert-success .close:hover,.alert-success a:focus,.alert-success a:hover{color:#006d13;color:var(--color-content-positive-hover)}.bg-primary .alert-positive,.bg-primary .alert-success{background-color:#36c7971a;color:#6fd698}.bg-primary .alert-positive .alert-link,.bg-primary .alert-positive .close,.bg-primary .alert-positive .icon,.bg-primary .alert-positive a,.bg-primary .alert-positive b,.bg-primary .alert-positive strong,.bg-primary .alert-success .alert-link,.bg-primary .alert-success .close,.bg-primary .alert-success .icon,.bg-primary .alert-success a,.bg-primary .alert-success b,.bg-primary .alert-success strong{color:#6fd698}.bg-primary .alert-positive .alert-link:focus,.bg-primary .alert-positive .alert-link:hover,.bg-primary .alert-positive .close:focus,.bg-primary .alert-positive .close:hover,.bg-primary .alert-positive a:focus,.bg-primary .alert-positive a:hover,.bg-primary .alert-success .alert-link:focus,.bg-primary .alert-success .alert-link:hover,.bg-primary .alert-success .close:focus,.bg-primary .alert-success .close:hover,.bg-primary .alert-success a:focus,.bg-primary .alert-success a:hover{color:#5ac285}.alert-info,.alert-neutral{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.alert-info,.alert-info .alert-link,.alert-info .alert-link:focus,.alert-info .alert-link:hover,.alert-info .close,.alert-info .close:focus,.alert-info .close:hover,.alert-info .icon,.alert-info a,.alert-info a:focus,.alert-info a:hover,.alert-info b,.alert-info strong,.alert-neutral,.alert-neutral .alert-link,.alert-neutral .alert-link:focus,.alert-neutral .alert-link:hover,.alert-neutral .close,.alert-neutral .close:focus,.alert-neutral .close:hover,.alert-neutral .icon,.alert-neutral a,.alert-neutral a:focus,.alert-neutral a:hover,.alert-neutral b,.alert-neutral strong{color:#37517e;color:var(--color-content-primary)}.bg-primary .alert-info,.bg-primary .alert-neutral{background-color:#86a7bd1a;color:#fff}.bg-primary .alert-info .alert-link,.bg-primary .alert-info .alert-link:focus,.bg-primary .alert-info .alert-link:hover,.bg-primary .alert-info .close,.bg-primary .alert-info .close:focus,.bg-primary .alert-info .close:hover,.bg-primary .alert-info .icon,.bg-primary .alert-info a,.bg-primary .alert-info a:focus,.bg-primary .alert-info a:hover,.bg-primary .alert-info b,.bg-primary .alert-info strong,.bg-primary .alert-neutral .alert-link,.bg-primary .alert-neutral .alert-link:focus,.bg-primary .alert-neutral .alert-link:hover,.bg-primary .alert-neutral .close,.bg-primary .alert-neutral .close:focus,.bg-primary .alert-neutral .close:hover,.bg-primary .alert-neutral .icon,.bg-primary .alert-neutral a,.bg-primary .alert-neutral a:focus,.bg-primary .alert-neutral a:hover,.bg-primary .alert-neutral b,.bg-primary .alert-neutral strong{color:#fff}.alert-warning{background-color:#ffac001a;background-color:var(--color-background-warning)}.alert-warning,.alert-warning .alert-link,.alert-warning .close,.alert-warning .icon,.alert-warning a,.alert-warning b,.alert-warning strong{color:#9a6500;color:var(--color-content-warning)}.alert-warning .alert-link:focus,.alert-warning .alert-link:hover,.alert-warning .close:focus,.alert-warning .close:hover,.alert-warning a:focus,.alert-warning a:hover{color:#855400;color:var(--color-content-warning-hover)}.bg-primary .alert-warning{background-color:#ffac001a;color:#ffd184}.bg-primary .alert-warning .alert-link,.bg-primary .alert-warning .close,.bg-primary .alert-warning .icon,.bg-primary .alert-warning a,.bg-primary .alert-warning b,.bg-primary .alert-warning strong{color:#ffd184}.bg-primary .alert-warning .alert-link:focus,.bg-primary .alert-warning .alert-link:hover,.bg-primary .alert-warning .close:focus,.bg-primary .alert-warning .close:hover,.bg-primary .alert-warning a:focus,.bg-primary .alert-warning a:hover{color:#e9bd71}.alert-danger,.alert-negative{background-color:#ff87871a;background-color:var(--color-background-negative)}.alert-danger,.alert-danger .alert-link,.alert-danger .close,.alert-danger .icon,.alert-danger a,.alert-danger b,.alert-danger strong,.alert-negative,.alert-negative .alert-link,.alert-negative .close,.alert-negative .icon,.alert-negative a,.alert-negative b,.alert-negative strong{color:#cf2929;color:var(--color-content-negative)}.alert-danger .alert-link:focus,.alert-danger .alert-link:hover,.alert-danger .close:focus,.alert-danger .close:hover,.alert-danger a:focus,.alert-danger a:hover,.alert-negative .alert-link:focus,.alert-negative .alert-link:hover,.alert-negative .close:focus,.alert-negative .close:hover,.alert-negative a:focus,.alert-negative a:hover{color:#b80419;color:var(--color-content-negative-hover)}.bg-primary .alert-danger,.bg-primary .alert-negative{background-color:#ff87871a;color:#ffa6a9}.bg-primary .alert-danger .alert-link,.bg-primary .alert-danger .close,.bg-primary .alert-danger .icon,.bg-primary .alert-danger a,.bg-primary .alert-danger b,.bg-primary .alert-danger strong,.bg-primary .alert-negative .alert-link,.bg-primary .alert-negative .close,.bg-primary .alert-negative .icon,.bg-primary .alert-negative a,.bg-primary .alert-negative b,.bg-primary .alert-negative strong{color:#ffa6a9}.bg-primary .alert-danger .alert-link:focus,.bg-primary .alert-danger .alert-link:hover,.bg-primary .alert-danger .close:focus,.bg-primary .alert-danger .close:hover,.bg-primary .alert-danger a:focus,.bg-primary .alert-danger a:hover,.bg-primary .alert-negative .alert-link:focus,.bg-primary .alert-negative .alert-link:hover,.bg-primary .alert-negative .close:focus,.bg-primary .alert-negative .close:hover,.bg-primary .alert-negative a:focus,.bg-primary .alert-negative a:hover{color:#ea9396}.btn:focus~.alert-focus,.form-group:focus-within .alert-focus,input:focus~.alert-focus{border-color:#00a2dd;border-color:var(--color-interactive-accent);display:block}.focus .alert-focus,.has-error .alert-danger,.has-error .alert-negative,.has-focus .alert-focus,.has-info .alert-info,.has-info .alert-neutral,.has-success .alert-positive,.has-success .alert-success,.has-warning .alert-warning{display:block}.has-error .alert-focus,.has-error .alert-info,.has-error .alert-neutral,.has-error .alert-positive,.has-error .alert-success,.has-error .alert-warning,.has-error .help-block,.has-info .alert-focus,.has-info .help-block,.has-success .alert-focus,.has-success .alert-info,.has-success .alert-neutral,.has-success .alert-warning,.has-success .help-block,.has-warning .alert-focus,.has-warning .alert-info,.has-warning .alert-neutral,.has-warning .help-block{display:none!important}.np-theme-personal .alert{padding:24px;padding:var(--size-24)}.np-theme-personal .alert .desktop{flex-direction:row}.np-theme-personal .alert .desktop .alert__message{padding-left:16px;padding-left:var(--padding-small);padding-top:0}.np-theme-personal .alert .mobile{flex-direction:column}.np-theme-personal .alert .mobile .alert__message{padding-left:0;padding-top:16px;padding-top:var(--padding-small)}.bg-primary .np-theme-personal .alert-danger,.bg-primary .np-theme-personal .alert-info,.bg-primary .np-theme-personal .alert-negative,.bg-primary .np-theme-personal .alert-neutral,.bg-primary .np-theme-personal .alert-positive,.bg-primary .np-theme-personal .alert-success,.bg-primary .np-theme-personal .alert-warning,.np-theme-personal .alert-danger,.np-theme-personal .alert-info,.np-theme-personal .alert-negative,.np-theme-personal .alert-neutral,.np-theme-personal .alert-positive,.np-theme-personal .alert-success,.np-theme-personal .alert-warning{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#5d7079;color:var(--color-content-secondary)}.bg-primary .np-theme-personal .alert-danger .alert-link,.bg-primary .np-theme-personal .alert-danger .close,.bg-primary .np-theme-personal .alert-danger .icon,.bg-primary .np-theme-personal .alert-danger a,.bg-primary .np-theme-personal .alert-danger b,.bg-primary .np-theme-personal .alert-danger strong,.bg-primary .np-theme-personal .alert-info .alert-link,.bg-primary .np-theme-personal .alert-info .close,.bg-primary .np-theme-personal .alert-info .icon,.bg-primary .np-theme-personal .alert-info a,.bg-primary .np-theme-personal .alert-info b,.bg-primary .np-theme-personal .alert-info strong,.bg-primary .np-theme-personal .alert-negative .alert-link,.bg-primary .np-theme-personal .alert-negative .close,.bg-primary .np-theme-personal .alert-negative .icon,.bg-primary .np-theme-personal .alert-negative a,.bg-primary .np-theme-personal .alert-negative b,.bg-primary .np-theme-personal .alert-negative strong,.bg-primary .np-theme-personal .alert-neutral .alert-link,.bg-primary .np-theme-personal .alert-neutral .close,.bg-primary .np-theme-personal .alert-neutral .icon,.bg-primary .np-theme-personal .alert-neutral a,.bg-primary .np-theme-personal .alert-neutral b,.bg-primary .np-theme-personal .alert-neutral strong,.bg-primary .np-theme-personal .alert-positive .alert-link,.bg-primary .np-theme-personal .alert-positive .close,.bg-primary .np-theme-personal .alert-positive .icon,.bg-primary .np-theme-personal .alert-positive a,.bg-primary .np-theme-personal .alert-positive b,.bg-primary .np-theme-personal .alert-positive strong,.bg-primary .np-theme-personal .alert-success .alert-link,.bg-primary .np-theme-personal .alert-success .close,.bg-primary .np-theme-personal .alert-success .icon,.bg-primary .np-theme-personal .alert-success a,.bg-primary .np-theme-personal .alert-success b,.bg-primary .np-theme-personal .alert-success strong,.bg-primary .np-theme-personal .alert-warning .alert-link,.bg-primary .np-theme-personal .alert-warning .close,.bg-primary .np-theme-personal .alert-warning .icon,.bg-primary .np-theme-personal .alert-warning a,.bg-primary .np-theme-personal .alert-warning b,.bg-primary .np-theme-personal .alert-warning strong,.np-theme-personal .alert-danger .alert-link,.np-theme-personal .alert-danger .close,.np-theme-personal .alert-danger .icon,.np-theme-personal .alert-danger a,.np-theme-personal .alert-danger b,.np-theme-personal .alert-danger strong,.np-theme-personal .alert-info .alert-link,.np-theme-personal .alert-info .close,.np-theme-personal .alert-info .icon,.np-theme-personal .alert-info a,.np-theme-personal .alert-info b,.np-theme-personal .alert-info strong,.np-theme-personal .alert-negative .alert-link,.np-theme-personal .alert-negative .close,.np-theme-personal .alert-negative .icon,.np-theme-personal .alert-negative a,.np-theme-personal .alert-negative b,.np-theme-personal .alert-negative strong,.np-theme-personal .alert-neutral .alert-link,.np-theme-personal .alert-neutral .close,.np-theme-personal .alert-neutral .icon,.np-theme-personal .alert-neutral a,.np-theme-personal .alert-neutral b,.np-theme-personal .alert-neutral strong,.np-theme-personal .alert-positive .alert-link,.np-theme-personal .alert-positive .close,.np-theme-personal .alert-positive .icon,.np-theme-personal .alert-positive a,.np-theme-personal .alert-positive b,.np-theme-personal .alert-positive strong,.np-theme-personal .alert-success .alert-link,.np-theme-personal .alert-success .close,.np-theme-personal .alert-success .icon,.np-theme-personal .alert-success a,.np-theme-personal .alert-success b,.np-theme-personal .alert-success strong,.np-theme-personal .alert-warning .alert-link,.np-theme-personal .alert-warning .close,.np-theme-personal .alert-warning .icon,.np-theme-personal .alert-warning a,.np-theme-personal .alert-warning b,.np-theme-personal .alert-warning strong{color:#5d7079;color:var(--color-content-secondary)}.bg-primary .np-theme-personal .alert-danger .alert-link:focus,.bg-primary .np-theme-personal .alert-danger .alert-link:hover,.bg-primary .np-theme-personal .alert-danger .close:focus,.bg-primary .np-theme-personal .alert-danger .close:hover,.bg-primary .np-theme-personal .alert-danger a:focus,.bg-primary .np-theme-personal .alert-danger a:hover,.bg-primary .np-theme-personal .alert-info .alert-link:focus,.bg-primary .np-theme-personal .alert-info .alert-link:hover,.bg-primary .np-theme-personal .alert-info .close:focus,.bg-primary .np-theme-personal .alert-info .close:hover,.bg-primary .np-theme-personal .alert-info a:focus,.bg-primary .np-theme-personal .alert-info a:hover,.bg-primary .np-theme-personal .alert-negative .alert-link:focus,.bg-primary .np-theme-personal .alert-negative .alert-link:hover,.bg-primary .np-theme-personal .alert-negative .close:focus,.bg-primary .np-theme-personal .alert-negative .close:hover,.bg-primary .np-theme-personal .alert-negative a:focus,.bg-primary .np-theme-personal .alert-negative a:hover,.bg-primary .np-theme-personal .alert-neutral .alert-link:focus,.bg-primary .np-theme-personal .alert-neutral .alert-link:hover,.bg-primary .np-theme-personal .alert-neutral .close:focus,.bg-primary .np-theme-personal .alert-neutral .close:hover,.bg-primary .np-theme-personal .alert-neutral a:focus,.bg-primary .np-theme-personal .alert-neutral a:hover,.bg-primary .np-theme-personal .alert-positive .alert-link:focus,.bg-primary .np-theme-personal .alert-positive .alert-link:hover,.bg-primary .np-theme-personal .alert-positive .close:focus,.bg-primary .np-theme-personal .alert-positive .close:hover,.bg-primary .np-theme-personal .alert-positive a:focus,.bg-primary .np-theme-personal .alert-positive a:hover,.bg-primary .np-theme-personal .alert-success .alert-link:focus,.bg-primary .np-theme-personal .alert-success .alert-link:hover,.bg-primary .np-theme-personal .alert-success .close:focus,.bg-primary .np-theme-personal .alert-success .close:hover,.bg-primary .np-theme-personal .alert-success a:focus,.bg-primary .np-theme-personal .alert-success a:hover,.bg-primary .np-theme-personal .alert-warning .alert-link:focus,.bg-primary .np-theme-personal .alert-warning .alert-link:hover,.bg-primary .np-theme-personal .alert-warning .close:focus,.bg-primary .np-theme-personal .alert-warning .close:hover,.bg-primary .np-theme-personal .alert-warning a:focus,.bg-primary .np-theme-personal .alert-warning a:hover,.np-theme-personal .alert-danger .alert-link:focus,.np-theme-personal .alert-danger .alert-link:hover,.np-theme-personal .alert-danger .close:focus,.np-theme-personal .alert-danger .close:hover,.np-theme-personal .alert-danger a:focus,.np-theme-personal .alert-danger a:hover,.np-theme-personal .alert-info .alert-link:focus,.np-theme-personal .alert-info .alert-link:hover,.np-theme-personal .alert-info .close:focus,.np-theme-personal .alert-info .close:hover,.np-theme-personal .alert-info a:focus,.np-theme-personal .alert-info a:hover,.np-theme-personal .alert-negative .alert-link:focus,.np-theme-personal .alert-negative .alert-link:hover,.np-theme-personal .alert-negative .close:focus,.np-theme-personal .alert-negative .close:hover,.np-theme-personal .alert-negative a:focus,.np-theme-personal .alert-negative a:hover,.np-theme-personal .alert-neutral .alert-link:focus,.np-theme-personal .alert-neutral .alert-link:hover,.np-theme-personal .alert-neutral .close:focus,.np-theme-personal .alert-neutral .close:hover,.np-theme-personal .alert-neutral a:focus,.np-theme-personal .alert-neutral a:hover,.np-theme-personal .alert-positive .alert-link:focus,.np-theme-personal .alert-positive .alert-link:hover,.np-theme-personal .alert-positive .close:focus,.np-theme-personal .alert-positive .close:hover,.np-theme-personal .alert-positive a:focus,.np-theme-personal .alert-positive a:hover,.np-theme-personal .alert-success .alert-link:focus,.np-theme-personal .alert-success .alert-link:hover,.np-theme-personal .alert-success .close:focus,.np-theme-personal .alert-success .close:hover,.np-theme-personal .alert-success a:focus,.np-theme-personal .alert-success a:hover,.np-theme-personal .alert-warning .alert-link:focus,.np-theme-personal .alert-warning .alert-link:hover,.np-theme-personal .alert-warning .close:focus,.np-theme-personal .alert-warning .close:hover,.np-theme-personal .alert-warning a:focus,.np-theme-personal .alert-warning a:hover{color:var(--color-content-link-hover)}.np-theme-personal .alert-danger .np-link,.np-theme-personal .alert-info .np-link,.np-theme-personal .alert-negative .np-link,.np-theme-personal .alert-neutral .np-link,.np-theme-personal .alert-positive .np-link,.np-theme-personal .alert-success .np-link,.np-theme-personal .alert-warning .np-link{color:var(--color-content-link)}.np-theme-personal .alert-danger .np-link:focus,.np-theme-personal .alert-danger .np-link:hover,.np-theme-personal .alert-info .np-link:focus,.np-theme-personal .alert-info .np-link:hover,.np-theme-personal .alert-negative .np-link:focus,.np-theme-personal .alert-negative .np-link:hover,.np-theme-personal .alert-neutral .np-link:focus,.np-theme-personal .alert-neutral .np-link:hover,.np-theme-personal .alert-positive .np-link:focus,.np-theme-personal .alert-positive .np-link:hover,.np-theme-personal .alert-success .np-link:focus,.np-theme-personal .alert-success .np-link:hover,.np-theme-personal .alert-warning .np-link:focus,.np-theme-personal .alert-warning .np-link:hover{color:var(--color-content-link-hover)}
1
+ .alert {
2
+ padding: 16px;
3
+ padding: var(--size-16);
4
+ border-radius: 10px;
5
+ color: #37517e;
6
+ color: var(--color-content-primary);
7
+ background-color: rgba(134,167,189,0.10196);
8
+ background-color: var(--color-background-neutral);
9
+ min-width: 200px;
10
+ margin-bottom: 16px;
11
+ margin-bottom: var(--size-16);
12
+ }
13
+ .np-theme-personal .alert {
14
+ padding: 24px;
15
+ padding: var(--padding-medium);
16
+ border-radius: 16px;
17
+ border-radius: var(--radius-medium);
18
+ }
19
+ .np-theme-personal .alert .alert__message {
20
+ margin-top: 0;
21
+ display: flex;
22
+ align-items: flex-start;
23
+ flex-direction: column;
24
+ justify-content: center;
25
+ }
26
+ .alert .alert__icon {
27
+ width: 48px;
28
+ width: var(--size-48);
29
+ height: 48px;
30
+ height: var(--size-48);
31
+ border-radius: 50%;
32
+ flex: none;
33
+ }
34
+ .alert .alert__message {
35
+ padding-left: 16px;
36
+ padding-left: var(--padding-small);
37
+ margin-top: 2px;
38
+ }
39
+ .alert .close {
40
+ margin-top: 4px;
41
+ margin-top: var(--size-4);
42
+ }
43
+ .np-theme-personal .alert .close {
44
+ margin-top: calc(8px * -1);
45
+ margin-top: calc(var(--size-8) * -1);
46
+ margin-right: calc(8px * -1);
47
+ margin-right: calc(var(--size-8) * -1);
48
+ }
49
+ .alert p,
50
+ .alert ul {
51
+ margin-bottom: 0;
52
+ }
53
+ .alert p + p {
54
+ margin-top: 8px;
55
+ margin-top: var(--padding-x-small);
56
+ }
57
+ .arrow {
58
+ position: relative;
59
+ }
60
+ .arrow::before {
61
+ content: " ";
62
+ position: absolute;
63
+ display: block;
64
+ width: 10px;
65
+ height: 10px;
66
+ left: 20px;
67
+ top: -5px;
68
+ transform: rotate(45deg);
69
+ background-color: inherit;
70
+ }
71
+ [dir="rtl"] .arrow::before {
72
+ right: 20px;
73
+ left: auto;
74
+ left: initial;
75
+ }
76
+ .arrow::before {
77
+ -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
78
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
79
+ }
80
+ .arrow.arrow-center::before {
81
+ left: 50%;
82
+ margin-left: -5px;
83
+ }
84
+ [dir="rtl"] .arrow.arrow-center::before {
85
+ right: 50%;
86
+ left: auto;
87
+ left: initial;
88
+ }
89
+ [dir="rtl"] .arrow.arrow-center::before {
90
+ margin-right: -5px;
91
+ margin-left: 0;
92
+ margin-left: initial;
93
+ }
94
+ .arrow.arrow-top::before {
95
+ top: -5px;
96
+ bottom: auto;
97
+ }
98
+ .arrow.arrow-left::before {
99
+ left: 20px;
100
+ right: auto;
101
+ }
102
+ [dir="rtl"] .arrow.arrow-left::before {
103
+ right: 20px;
104
+ left: auto;
105
+ left: initial;
106
+ }
107
+ [dir="rtl"] .arrow.arrow-left::before {
108
+ left: auto;
109
+ right: auto;
110
+ right: initial;
111
+ }
112
+ .arrow.arrow-right::before {
113
+ left: auto;
114
+ right: 20px;
115
+ }
116
+ [dir="rtl"] .arrow.arrow-right::before {
117
+ right: auto;
118
+ left: auto;
119
+ left: initial;
120
+ }
121
+ [dir="rtl"] .arrow.arrow-right::before {
122
+ left: 20px;
123
+ right: auto;
124
+ right: initial;
125
+ }
126
+ .arrow.arrow-bottom::before {
127
+ top: auto;
128
+ bottom: -5px;
129
+ }
130
+ .alert-detach.arrow {
131
+ border-radius: 10px;
132
+ border-radius: var(--radius-small);
133
+ }
134
+ .form-group .alert {
135
+ padding: 4px 16px 3px;
136
+ margin-top: -2px;
137
+ border-style: solid;
138
+ border-color: rgba(0,0,0,0.10196);
139
+ border-color: var(--color-border-neutral);
140
+ border-width: 0 1px 1px;
141
+ border-top-left-radius: 0;
142
+ border-top-right-radius: 0;
143
+ margin-bottom: 0;
144
+ transition: border-color 0.15s ease-in-out;
145
+ position: relative;
146
+ }
147
+ .form-group .alert::before {
148
+ content: " ";
149
+ position: absolute;
150
+ display: block;
151
+ width: 10px;
152
+ height: 10px;
153
+ left: 20px;
154
+ top: -5px;
155
+ transform: rotate(45deg);
156
+ background-color: inherit;
157
+ }
158
+ [dir="rtl"] .form-group .alert::before {
159
+ right: 20px;
160
+ left: auto;
161
+ left: initial;
162
+ }
163
+ .form-group .alert::before {
164
+ -webkit-clip-path: polygon(0% 0%, 0 100%, 100% 0);
165
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
166
+ }
167
+ .form-group .alert.arrow-center::before {
168
+ left: 50%;
169
+ margin-left: -5px;
170
+ }
171
+ [dir="rtl"] .form-group .alert.arrow-center::before {
172
+ right: 50%;
173
+ left: auto;
174
+ left: initial;
175
+ }
176
+ [dir="rtl"] .form-group .alert.arrow-center::before {
177
+ margin-right: -5px;
178
+ margin-left: 0;
179
+ margin-left: initial;
180
+ }
181
+ .form-group .alert.arrow-top::before {
182
+ top: -5px;
183
+ bottom: auto;
184
+ }
185
+ .form-group .alert.arrow-left::before {
186
+ left: 20px;
187
+ right: auto;
188
+ }
189
+ [dir="rtl"] .form-group .alert.arrow-left::before {
190
+ right: 20px;
191
+ left: auto;
192
+ left: initial;
193
+ }
194
+ [dir="rtl"] .form-group .alert.arrow-left::before {
195
+ left: auto;
196
+ right: auto;
197
+ right: initial;
198
+ }
199
+ .form-group .alert.arrow-right::before {
200
+ left: auto;
201
+ right: 20px;
202
+ }
203
+ [dir="rtl"] .form-group .alert.arrow-right::before {
204
+ right: auto;
205
+ left: auto;
206
+ left: initial;
207
+ }
208
+ [dir="rtl"] .form-group .alert.arrow-right::before {
209
+ left: 20px;
210
+ right: auto;
211
+ right: initial;
212
+ }
213
+ .form-group .alert.arrow-bottom::before {
214
+ top: auto;
215
+ bottom: -5px;
216
+ }
217
+ .form-group .radio ~ .alert,
218
+ .form-group .checkbox ~ .alert,
219
+ .form-group .alert-detach {
220
+ border-width: 0;
221
+ margin-top: 12px;
222
+ margin-top: var(--size-12);
223
+ border-radius: 10px;
224
+ border-radius: var(--radius-small);
225
+ }
226
+ .form-group .alert-focus,
227
+ .form-group .alert-info,
228
+ .form-group .alert-success,
229
+ .form-group .alert-warning,
230
+ .form-group .alert-danger {
231
+ display: none;
232
+ }
233
+ .alert-success,
234
+ .alert-positive {
235
+ background-color: rgba(54,199,151,0.10196);
236
+ background-color: var(--color-background-positive);
237
+ color: #008026;
238
+ color: var(--color-content-positive);
239
+ }
240
+ .alert-success a,
241
+ .alert-positive a,
242
+ .alert-success b,
243
+ .alert-positive b,
244
+ .alert-success strong,
245
+ .alert-positive strong,
246
+ .alert-success .close,
247
+ .alert-positive .close,
248
+ .alert-success .alert-link,
249
+ .alert-positive .alert-link,
250
+ .alert-success .icon,
251
+ .alert-positive .icon {
252
+ color: #008026;
253
+ color: var(--color-content-positive);
254
+ }
255
+ .alert-success a:hover,
256
+ .alert-positive a:hover,
257
+ .alert-success a:focus,
258
+ .alert-positive a:focus,
259
+ .alert-success .alert-link:hover,
260
+ .alert-positive .alert-link:hover,
261
+ .alert-success .alert-link:focus,
262
+ .alert-positive .alert-link:focus,
263
+ .alert-success .close:hover,
264
+ .alert-positive .close:hover,
265
+ .alert-success .close:focus,
266
+ .alert-positive .close:focus {
267
+ color: #006d13;
268
+ color: var(--color-content-positive-hover);
269
+ }
270
+ .bg-primary .alert-success,
271
+ .bg-primary .alert-positive {
272
+ background-color: rgba(54,199,151,0.10196);
273
+ color: #6fd698;
274
+ }
275
+ .bg-primary .alert-success a,
276
+ .bg-primary .alert-positive a,
277
+ .bg-primary .alert-success b,
278
+ .bg-primary .alert-positive b,
279
+ .bg-primary .alert-success strong,
280
+ .bg-primary .alert-positive strong,
281
+ .bg-primary .alert-success .close,
282
+ .bg-primary .alert-positive .close,
283
+ .bg-primary .alert-success .alert-link,
284
+ .bg-primary .alert-positive .alert-link,
285
+ .bg-primary .alert-success .icon,
286
+ .bg-primary .alert-positive .icon {
287
+ color: #6fd698;
288
+ }
289
+ .bg-primary .alert-success a:hover,
290
+ .bg-primary .alert-positive a:hover,
291
+ .bg-primary .alert-success a:focus,
292
+ .bg-primary .alert-positive a:focus,
293
+ .bg-primary .alert-success .alert-link:hover,
294
+ .bg-primary .alert-positive .alert-link:hover,
295
+ .bg-primary .alert-success .alert-link:focus,
296
+ .bg-primary .alert-positive .alert-link:focus,
297
+ .bg-primary .alert-success .close:hover,
298
+ .bg-primary .alert-positive .close:hover,
299
+ .bg-primary .alert-success .close:focus,
300
+ .bg-primary .alert-positive .close:focus {
301
+ color: #5ac285;
302
+ }
303
+ .alert-info,
304
+ .alert-neutral {
305
+ background-color: rgba(134,167,189,0.10196);
306
+ background-color: var(--color-background-neutral);
307
+ color: #37517e;
308
+ color: var(--color-content-primary);
309
+ }
310
+ .alert-info a,
311
+ .alert-neutral a,
312
+ .alert-info b,
313
+ .alert-neutral b,
314
+ .alert-info strong,
315
+ .alert-neutral strong,
316
+ .alert-info .close,
317
+ .alert-neutral .close,
318
+ .alert-info .alert-link,
319
+ .alert-neutral .alert-link,
320
+ .alert-info .icon,
321
+ .alert-neutral .icon {
322
+ color: #37517e;
323
+ color: var(--color-content-primary);
324
+ }
325
+ .alert-info a:hover,
326
+ .alert-neutral a:hover,
327
+ .alert-info a:focus,
328
+ .alert-neutral a:focus,
329
+ .alert-info .alert-link:hover,
330
+ .alert-neutral .alert-link:hover,
331
+ .alert-info .alert-link:focus,
332
+ .alert-neutral .alert-link:focus,
333
+ .alert-info .close:hover,
334
+ .alert-neutral .close:hover,
335
+ .alert-info .close:focus,
336
+ .alert-neutral .close:focus {
337
+ color: #37517e;
338
+ color: var(--color-content-primary);
339
+ }
340
+ .bg-primary .alert-info,
341
+ .bg-primary .alert-neutral {
342
+ background-color: rgba(134,167,189,0.10196);
343
+ color: #ffffff;
344
+ }
345
+ .bg-primary .alert-info a,
346
+ .bg-primary .alert-neutral a,
347
+ .bg-primary .alert-info b,
348
+ .bg-primary .alert-neutral b,
349
+ .bg-primary .alert-info strong,
350
+ .bg-primary .alert-neutral strong,
351
+ .bg-primary .alert-info .close,
352
+ .bg-primary .alert-neutral .close,
353
+ .bg-primary .alert-info .alert-link,
354
+ .bg-primary .alert-neutral .alert-link,
355
+ .bg-primary .alert-info .icon,
356
+ .bg-primary .alert-neutral .icon {
357
+ color: #ffffff;
358
+ }
359
+ .bg-primary .alert-info a:hover,
360
+ .bg-primary .alert-neutral a:hover,
361
+ .bg-primary .alert-info a:focus,
362
+ .bg-primary .alert-neutral a:focus,
363
+ .bg-primary .alert-info .alert-link:hover,
364
+ .bg-primary .alert-neutral .alert-link:hover,
365
+ .bg-primary .alert-info .alert-link:focus,
366
+ .bg-primary .alert-neutral .alert-link:focus,
367
+ .bg-primary .alert-info .close:hover,
368
+ .bg-primary .alert-neutral .close:hover,
369
+ .bg-primary .alert-info .close:focus,
370
+ .bg-primary .alert-neutral .close:focus {
371
+ color: #ffffff;
372
+ }
373
+ .alert-warning {
374
+ background-color: rgba(255,172,0,0.10196);
375
+ background-color: var(--color-background-warning);
376
+ color: #9a6500;
377
+ color: var(--color-content-warning);
378
+ }
379
+ .alert-warning a,
380
+ .alert-warning b,
381
+ .alert-warning strong,
382
+ .alert-warning .close,
383
+ .alert-warning .alert-link,
384
+ .alert-warning .icon {
385
+ color: #9a6500;
386
+ color: var(--color-content-warning);
387
+ }
388
+ .alert-warning a:hover,
389
+ .alert-warning a:focus,
390
+ .alert-warning .alert-link:hover,
391
+ .alert-warning .alert-link:focus,
392
+ .alert-warning .close:hover,
393
+ .alert-warning .close:focus {
394
+ color: #855400;
395
+ color: var(--color-content-warning-hover);
396
+ }
397
+ .bg-primary .alert-warning {
398
+ background-color: rgba(255,172,0,0.10196);
399
+ color: #ffd184;
400
+ }
401
+ .bg-primary .alert-warning a,
402
+ .bg-primary .alert-warning b,
403
+ .bg-primary .alert-warning strong,
404
+ .bg-primary .alert-warning .close,
405
+ .bg-primary .alert-warning .alert-link,
406
+ .bg-primary .alert-warning .icon {
407
+ color: #ffd184;
408
+ }
409
+ .bg-primary .alert-warning a:hover,
410
+ .bg-primary .alert-warning a:focus,
411
+ .bg-primary .alert-warning .alert-link:hover,
412
+ .bg-primary .alert-warning .alert-link:focus,
413
+ .bg-primary .alert-warning .close:hover,
414
+ .bg-primary .alert-warning .close:focus {
415
+ color: #e9bd71;
416
+ }
417
+ .alert-danger,
418
+ .alert-negative {
419
+ background-color: rgba(255,135,135,0.10196);
420
+ background-color: var(--color-background-negative);
421
+ color: #cf2929;
422
+ color: var(--color-content-negative);
423
+ }
424
+ .alert-danger a,
425
+ .alert-negative a,
426
+ .alert-danger b,
427
+ .alert-negative b,
428
+ .alert-danger strong,
429
+ .alert-negative strong,
430
+ .alert-danger .close,
431
+ .alert-negative .close,
432
+ .alert-danger .alert-link,
433
+ .alert-negative .alert-link,
434
+ .alert-danger .icon,
435
+ .alert-negative .icon {
436
+ color: #cf2929;
437
+ color: var(--color-content-negative);
438
+ }
439
+ .alert-danger a:hover,
440
+ .alert-negative a:hover,
441
+ .alert-danger a:focus,
442
+ .alert-negative a:focus,
443
+ .alert-danger .alert-link:hover,
444
+ .alert-negative .alert-link:hover,
445
+ .alert-danger .alert-link:focus,
446
+ .alert-negative .alert-link:focus,
447
+ .alert-danger .close:hover,
448
+ .alert-negative .close:hover,
449
+ .alert-danger .close:focus,
450
+ .alert-negative .close:focus {
451
+ color: #b80419;
452
+ color: var(--color-content-negative-hover);
453
+ }
454
+ .bg-primary .alert-danger,
455
+ .bg-primary .alert-negative {
456
+ background-color: rgba(255,135,135,0.10196);
457
+ color: #ffa6a9;
458
+ }
459
+ .bg-primary .alert-danger a,
460
+ .bg-primary .alert-negative a,
461
+ .bg-primary .alert-danger b,
462
+ .bg-primary .alert-negative b,
463
+ .bg-primary .alert-danger strong,
464
+ .bg-primary .alert-negative strong,
465
+ .bg-primary .alert-danger .close,
466
+ .bg-primary .alert-negative .close,
467
+ .bg-primary .alert-danger .alert-link,
468
+ .bg-primary .alert-negative .alert-link,
469
+ .bg-primary .alert-danger .icon,
470
+ .bg-primary .alert-negative .icon {
471
+ color: #ffa6a9;
472
+ }
473
+ .bg-primary .alert-danger a:hover,
474
+ .bg-primary .alert-negative a:hover,
475
+ .bg-primary .alert-danger a:focus,
476
+ .bg-primary .alert-negative a:focus,
477
+ .bg-primary .alert-danger .alert-link:hover,
478
+ .bg-primary .alert-negative .alert-link:hover,
479
+ .bg-primary .alert-danger .alert-link:focus,
480
+ .bg-primary .alert-negative .alert-link:focus,
481
+ .bg-primary .alert-danger .close:hover,
482
+ .bg-primary .alert-negative .close:hover,
483
+ .bg-primary .alert-danger .close:focus,
484
+ .bg-primary .alert-negative .close:focus {
485
+ color: #ea9396;
486
+ }
487
+ .form-group:focus-within .alert-focus,
488
+ input:focus ~ .alert-focus,
489
+ .btn:focus ~ .alert-focus {
490
+ display: block;
491
+ border-color: #00a2dd;
492
+ border-color: var(--color-interactive-accent);
493
+ }
494
+ .focus .alert-focus,
495
+ .has-focus .alert-focus,
496
+ .has-info .alert-info,
497
+ .has-info .alert-neutral,
498
+ .has-warning .alert-warning,
499
+ .has-success .alert-success,
500
+ .has-success .alert-positive,
501
+ .has-error .alert-danger,
502
+ .has-error .alert-negative {
503
+ display: block;
504
+ }
505
+ .has-info .help-block,
506
+ .has-info .alert-focus,
507
+ .has-warning .help-block,
508
+ .has-warning .alert-focus,
509
+ .has-warning .alert-info,
510
+ .has-warning .alert-neutral,
511
+ .has-success .help-block,
512
+ .has-success .alert-focus,
513
+ .has-success .alert-info,
514
+ .has-success .alert-neutral,
515
+ .has-success .alert-warning,
516
+ .has-error .help-block,
517
+ .has-error .alert-focus,
518
+ .has-error .alert-info,
519
+ .has-error .alert-neutral,
520
+ .has-error .alert-warning,
521
+ .has-error .alert-success,
522
+ .has-error .alert-positive {
523
+ display: none !important;
524
+ }
525
+ .np-theme-personal .alert {
526
+ padding: 24px;
527
+ padding: var(--size-24);
528
+ }
529
+ .np-theme-personal .alert .desktop {
530
+ flex-direction: row;
531
+ }
532
+ .np-theme-personal .alert .desktop .alert__message {
533
+ padding-left: 16px;
534
+ padding-left: var(--padding-small);
535
+ padding-top: 0;
536
+ }
537
+ .np-theme-personal .alert .mobile {
538
+ flex-direction: column;
539
+ }
540
+ .np-theme-personal .alert .mobile .alert__message {
541
+ padding-left: 0;
542
+ padding-top: 16px;
543
+ padding-top: var(--padding-small);
544
+ }
545
+ .np-theme-personal .alert-success,
546
+ .np-theme-personal .alert-positive,
547
+ .np-theme-personal .alert-info,
548
+ .np-theme-personal .alert-neutral,
549
+ .np-theme-personal .alert-warning,
550
+ .np-theme-personal .alert-danger,
551
+ .np-theme-personal .alert-negative,
552
+ .bg-primary .np-theme-personal .alert-success,
553
+ .bg-primary .np-theme-personal .alert-positive,
554
+ .bg-primary .np-theme-personal .alert-info,
555
+ .bg-primary .np-theme-personal .alert-neutral,
556
+ .bg-primary .np-theme-personal .alert-warning,
557
+ .bg-primary .np-theme-personal .alert-danger,
558
+ .bg-primary .np-theme-personal .alert-negative {
559
+ background-color: rgba(134,167,189,0.10196);
560
+ background-color: var(--color-background-neutral);
561
+ color: #5d7079;
562
+ color: var(--color-content-secondary);
563
+ }
564
+ .np-theme-personal .alert-success a,
565
+ .np-theme-personal .alert-positive a,
566
+ .np-theme-personal .alert-info a,
567
+ .np-theme-personal .alert-neutral a,
568
+ .np-theme-personal .alert-warning a,
569
+ .np-theme-personal .alert-danger a,
570
+ .np-theme-personal .alert-negative a,
571
+ .bg-primary .np-theme-personal .alert-success a,
572
+ .bg-primary .np-theme-personal .alert-positive a,
573
+ .bg-primary .np-theme-personal .alert-info a,
574
+ .bg-primary .np-theme-personal .alert-neutral a,
575
+ .bg-primary .np-theme-personal .alert-warning a,
576
+ .bg-primary .np-theme-personal .alert-danger a,
577
+ .bg-primary .np-theme-personal .alert-negative a,
578
+ .np-theme-personal .alert-success b,
579
+ .np-theme-personal .alert-positive b,
580
+ .np-theme-personal .alert-info b,
581
+ .np-theme-personal .alert-neutral b,
582
+ .np-theme-personal .alert-warning b,
583
+ .np-theme-personal .alert-danger b,
584
+ .np-theme-personal .alert-negative b,
585
+ .bg-primary .np-theme-personal .alert-success b,
586
+ .bg-primary .np-theme-personal .alert-positive b,
587
+ .bg-primary .np-theme-personal .alert-info b,
588
+ .bg-primary .np-theme-personal .alert-neutral b,
589
+ .bg-primary .np-theme-personal .alert-warning b,
590
+ .bg-primary .np-theme-personal .alert-danger b,
591
+ .bg-primary .np-theme-personal .alert-negative b,
592
+ .np-theme-personal .alert-success strong,
593
+ .np-theme-personal .alert-positive strong,
594
+ .np-theme-personal .alert-info strong,
595
+ .np-theme-personal .alert-neutral strong,
596
+ .np-theme-personal .alert-warning strong,
597
+ .np-theme-personal .alert-danger strong,
598
+ .np-theme-personal .alert-negative strong,
599
+ .bg-primary .np-theme-personal .alert-success strong,
600
+ .bg-primary .np-theme-personal .alert-positive strong,
601
+ .bg-primary .np-theme-personal .alert-info strong,
602
+ .bg-primary .np-theme-personal .alert-neutral strong,
603
+ .bg-primary .np-theme-personal .alert-warning strong,
604
+ .bg-primary .np-theme-personal .alert-danger strong,
605
+ .bg-primary .np-theme-personal .alert-negative strong,
606
+ .np-theme-personal .alert-success .close,
607
+ .np-theme-personal .alert-positive .close,
608
+ .np-theme-personal .alert-info .close,
609
+ .np-theme-personal .alert-neutral .close,
610
+ .np-theme-personal .alert-warning .close,
611
+ .np-theme-personal .alert-danger .close,
612
+ .np-theme-personal .alert-negative .close,
613
+ .bg-primary .np-theme-personal .alert-success .close,
614
+ .bg-primary .np-theme-personal .alert-positive .close,
615
+ .bg-primary .np-theme-personal .alert-info .close,
616
+ .bg-primary .np-theme-personal .alert-neutral .close,
617
+ .bg-primary .np-theme-personal .alert-warning .close,
618
+ .bg-primary .np-theme-personal .alert-danger .close,
619
+ .bg-primary .np-theme-personal .alert-negative .close,
620
+ .np-theme-personal .alert-success .alert-link,
621
+ .np-theme-personal .alert-positive .alert-link,
622
+ .np-theme-personal .alert-info .alert-link,
623
+ .np-theme-personal .alert-neutral .alert-link,
624
+ .np-theme-personal .alert-warning .alert-link,
625
+ .np-theme-personal .alert-danger .alert-link,
626
+ .np-theme-personal .alert-negative .alert-link,
627
+ .bg-primary .np-theme-personal .alert-success .alert-link,
628
+ .bg-primary .np-theme-personal .alert-positive .alert-link,
629
+ .bg-primary .np-theme-personal .alert-info .alert-link,
630
+ .bg-primary .np-theme-personal .alert-neutral .alert-link,
631
+ .bg-primary .np-theme-personal .alert-warning .alert-link,
632
+ .bg-primary .np-theme-personal .alert-danger .alert-link,
633
+ .bg-primary .np-theme-personal .alert-negative .alert-link,
634
+ .np-theme-personal .alert-success .icon,
635
+ .np-theme-personal .alert-positive .icon,
636
+ .np-theme-personal .alert-info .icon,
637
+ .np-theme-personal .alert-neutral .icon,
638
+ .np-theme-personal .alert-warning .icon,
639
+ .np-theme-personal .alert-danger .icon,
640
+ .np-theme-personal .alert-negative .icon,
641
+ .bg-primary .np-theme-personal .alert-success .icon,
642
+ .bg-primary .np-theme-personal .alert-positive .icon,
643
+ .bg-primary .np-theme-personal .alert-info .icon,
644
+ .bg-primary .np-theme-personal .alert-neutral .icon,
645
+ .bg-primary .np-theme-personal .alert-warning .icon,
646
+ .bg-primary .np-theme-personal .alert-danger .icon,
647
+ .bg-primary .np-theme-personal .alert-negative .icon {
648
+ color: #5d7079;
649
+ color: var(--color-content-secondary);
650
+ }
651
+ .np-theme-personal .alert-success a:hover,
652
+ .np-theme-personal .alert-positive a:hover,
653
+ .np-theme-personal .alert-info a:hover,
654
+ .np-theme-personal .alert-neutral a:hover,
655
+ .np-theme-personal .alert-warning a:hover,
656
+ .np-theme-personal .alert-danger a:hover,
657
+ .np-theme-personal .alert-negative a:hover,
658
+ .bg-primary .np-theme-personal .alert-success a:hover,
659
+ .bg-primary .np-theme-personal .alert-positive a:hover,
660
+ .bg-primary .np-theme-personal .alert-info a:hover,
661
+ .bg-primary .np-theme-personal .alert-neutral a:hover,
662
+ .bg-primary .np-theme-personal .alert-warning a:hover,
663
+ .bg-primary .np-theme-personal .alert-danger a:hover,
664
+ .bg-primary .np-theme-personal .alert-negative a:hover,
665
+ .np-theme-personal .alert-success a:focus,
666
+ .np-theme-personal .alert-positive a:focus,
667
+ .np-theme-personal .alert-info a:focus,
668
+ .np-theme-personal .alert-neutral a:focus,
669
+ .np-theme-personal .alert-warning a:focus,
670
+ .np-theme-personal .alert-danger a:focus,
671
+ .np-theme-personal .alert-negative a:focus,
672
+ .bg-primary .np-theme-personal .alert-success a:focus,
673
+ .bg-primary .np-theme-personal .alert-positive a:focus,
674
+ .bg-primary .np-theme-personal .alert-info a:focus,
675
+ .bg-primary .np-theme-personal .alert-neutral a:focus,
676
+ .bg-primary .np-theme-personal .alert-warning a:focus,
677
+ .bg-primary .np-theme-personal .alert-danger a:focus,
678
+ .bg-primary .np-theme-personal .alert-negative a:focus,
679
+ .np-theme-personal .alert-success .alert-link:hover,
680
+ .np-theme-personal .alert-positive .alert-link:hover,
681
+ .np-theme-personal .alert-info .alert-link:hover,
682
+ .np-theme-personal .alert-neutral .alert-link:hover,
683
+ .np-theme-personal .alert-warning .alert-link:hover,
684
+ .np-theme-personal .alert-danger .alert-link:hover,
685
+ .np-theme-personal .alert-negative .alert-link:hover,
686
+ .bg-primary .np-theme-personal .alert-success .alert-link:hover,
687
+ .bg-primary .np-theme-personal .alert-positive .alert-link:hover,
688
+ .bg-primary .np-theme-personal .alert-info .alert-link:hover,
689
+ .bg-primary .np-theme-personal .alert-neutral .alert-link:hover,
690
+ .bg-primary .np-theme-personal .alert-warning .alert-link:hover,
691
+ .bg-primary .np-theme-personal .alert-danger .alert-link:hover,
692
+ .bg-primary .np-theme-personal .alert-negative .alert-link:hover,
693
+ .np-theme-personal .alert-success .alert-link:focus,
694
+ .np-theme-personal .alert-positive .alert-link:focus,
695
+ .np-theme-personal .alert-info .alert-link:focus,
696
+ .np-theme-personal .alert-neutral .alert-link:focus,
697
+ .np-theme-personal .alert-warning .alert-link:focus,
698
+ .np-theme-personal .alert-danger .alert-link:focus,
699
+ .np-theme-personal .alert-negative .alert-link:focus,
700
+ .bg-primary .np-theme-personal .alert-success .alert-link:focus,
701
+ .bg-primary .np-theme-personal .alert-positive .alert-link:focus,
702
+ .bg-primary .np-theme-personal .alert-info .alert-link:focus,
703
+ .bg-primary .np-theme-personal .alert-neutral .alert-link:focus,
704
+ .bg-primary .np-theme-personal .alert-warning .alert-link:focus,
705
+ .bg-primary .np-theme-personal .alert-danger .alert-link:focus,
706
+ .bg-primary .np-theme-personal .alert-negative .alert-link:focus,
707
+ .np-theme-personal .alert-success .close:hover,
708
+ .np-theme-personal .alert-positive .close:hover,
709
+ .np-theme-personal .alert-info .close:hover,
710
+ .np-theme-personal .alert-neutral .close:hover,
711
+ .np-theme-personal .alert-warning .close:hover,
712
+ .np-theme-personal .alert-danger .close:hover,
713
+ .np-theme-personal .alert-negative .close:hover,
714
+ .bg-primary .np-theme-personal .alert-success .close:hover,
715
+ .bg-primary .np-theme-personal .alert-positive .close:hover,
716
+ .bg-primary .np-theme-personal .alert-info .close:hover,
717
+ .bg-primary .np-theme-personal .alert-neutral .close:hover,
718
+ .bg-primary .np-theme-personal .alert-warning .close:hover,
719
+ .bg-primary .np-theme-personal .alert-danger .close:hover,
720
+ .bg-primary .np-theme-personal .alert-negative .close:hover,
721
+ .np-theme-personal .alert-success .close:focus,
722
+ .np-theme-personal .alert-positive .close:focus,
723
+ .np-theme-personal .alert-info .close:focus,
724
+ .np-theme-personal .alert-neutral .close:focus,
725
+ .np-theme-personal .alert-warning .close:focus,
726
+ .np-theme-personal .alert-danger .close:focus,
727
+ .np-theme-personal .alert-negative .close:focus,
728
+ .bg-primary .np-theme-personal .alert-success .close:focus,
729
+ .bg-primary .np-theme-personal .alert-positive .close:focus,
730
+ .bg-primary .np-theme-personal .alert-info .close:focus,
731
+ .bg-primary .np-theme-personal .alert-neutral .close:focus,
732
+ .bg-primary .np-theme-personal .alert-warning .close:focus,
733
+ .bg-primary .np-theme-personal .alert-danger .close:focus,
734
+ .bg-primary .np-theme-personal .alert-negative .close:focus {
735
+ color: var(--color-content-link-hover);
736
+ }
737
+ .np-theme-personal .alert-success .np-link,
738
+ .np-theme-personal .alert-positive .np-link,
739
+ .np-theme-personal .alert-info .np-link,
740
+ .np-theme-personal .alert-neutral .np-link,
741
+ .np-theme-personal .alert-warning .np-link,
742
+ .np-theme-personal .alert-danger .np-link,
743
+ .np-theme-personal .alert-negative .np-link {
744
+ color: var(--color-content-link);
745
+ }
746
+ .np-theme-personal .alert-success .np-link:hover,
747
+ .np-theme-personal .alert-positive .np-link:hover,
748
+ .np-theme-personal .alert-info .np-link:hover,
749
+ .np-theme-personal .alert-neutral .np-link:hover,
750
+ .np-theme-personal .alert-warning .np-link:hover,
751
+ .np-theme-personal .alert-danger .np-link:hover,
752
+ .np-theme-personal .alert-negative .np-link:hover,
753
+ .np-theme-personal .alert-success .np-link:focus,
754
+ .np-theme-personal .alert-positive .np-link:focus,
755
+ .np-theme-personal .alert-info .np-link:focus,
756
+ .np-theme-personal .alert-neutral .np-link:focus,
757
+ .np-theme-personal .alert-warning .np-link:focus,
758
+ .np-theme-personal .alert-danger .np-link:focus,
759
+ .np-theme-personal .alert-negative .np-link:focus {
760
+ color: var(--color-content-link-hover);
761
+ }