@transferwise/neptune-css 14.24.4 → 14.24.6

package/dist/css/popovers.css

@@ -1,32 +1,38 @@
-@media (min-width: 768px) {
-}@media (min-width: 768px) {
-}.close {
+.close {
   float: right;
   color: #0097c7;
   color: var(--color-content-accent);
   -webkit-text-decoration: none;
   text-decoration: none;
-}[dir="rtl"] .close {
+}
+[dir="rtl"] .close {
   float: left;
-}.np-theme-personal .close {
+}
+.np-theme-personal .close {
   color: var(--color-interactive-primary);
-}.close:hover {
+}
+.close:hover {
   color: #0084b3;
   color: var(--color-content-accent-hover);
   -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
-}.np-theme-personal .close:hover {
+}
+.np-theme-personal .close:hover {
   color: var(--color-interactive-primary-hover);
-}.close:focus {
+}
+.close:focus {
   outline: none;
-}.close:focus-visible {
+}
+.close:focus-visible {
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
-}.close:active {
+}
+.close:active {
   color: #0077a5;
   color: var(--color-content-accent-active);
-}button.close {
+}
+button.close {
   padding: 0;
   cursor: pointer;
   background: transparent;
@@ -34,10 +40,12 @@
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-}.np-theme-personal button.close:hover {
+}
+.np-theme-personal button.close:hover {
   background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
   background: initial;
-}.popover {
+}
+.popover {
   top: 0;
   left: 0;
   z-index: 1060;
@@ -72,81 +80,105 @@
   border-radius: 3px;
   box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
   position: absolute;
-}[dir="rtl"] .popover {
+}
+[dir="rtl"] .popover {
   right: 0;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover {
+}
+[dir="rtl"] .popover {
   text-align: right;
-}.np-theme-personal--forest-green .popover,
+}
+.np-theme-personal--forest-green .popover,
 .np-theme-personal--bright-green .popover,
 .np-theme-personal--dark .popover {
   box-shadow: none;
-}.popover.animate {
+}
+.popover.animate {
   transition: transform 0.25s;
-}.popover.scale-down {
+}
+.popover.scale-down {
   transform: scale(0);
-}.popover.top {
+}
+.popover.top {
   margin-top: -14px;
   transform-origin: 50% 100%;
-}.popover.top-left {
+}
+.popover.top-left {
   margin-top: -14px;
   transform-origin: calc(100% - 29px) 100%;
-}.popover.top-right {
+}
+.popover.top-right {
   margin-top: -14px;
   transform-origin: 29px 100%;
-}.popover.right {
+}
+.popover.right {
   margin-left: 14px;
   transform-origin: 0% 50%;
-}[dir="rtl"] .popover.right {
+}
+[dir="rtl"] .popover.right {
   margin-right: 14px;
   margin-left: 0;
   margin-left: initial;
-}.popover.right-top {
+}
+.popover.right-top {
   margin-left: 14px;
   transform-origin: 0% 29px;
-}[dir="rtl"] .popover.right-top {
+}
+[dir="rtl"] .popover.right-top {
   margin-right: 14px;
   margin-left: 0;
   margin-left: initial;
-}.popover.right-bottom {
+}
+.popover.right-bottom {
   margin-left: 14px;
   transform-origin: 0% calc(100% - 29px);
-}[dir="rtl"] .popover.right-bottom {
+}
+[dir="rtl"] .popover.right-bottom {
   margin-right: 14px;
   margin-left: 0;
   margin-left: initial;
-}.popover.bottom {
+}
+.popover.bottom {
   margin-top: 14px;
   transform-origin: 50% 0%;
-}.popover.bottom-left {
+}
+.popover.bottom-left {
   margin-top: 14px;
   transform-origin: calc(100% - 29px) 0%;
-}.popover.bottom-right {
+}
+.popover.bottom-right {
   margin-top: 14px;
   transform-origin: 29px 0%;
-}.popover.left {
+}
+.popover.left {
   margin-left: -14px;
   transform-origin: 100% 50%;
-}[dir="rtl"] .popover.left {
+}
+[dir="rtl"] .popover.left {
   margin-right: -14px;
   margin-left: 0;
   margin-left: initial;
-}.popover.left-top {
+}
+.popover.left-top {
   margin-left: -14px;
   transform-origin: 100% 29px;
-}[dir="rtl"] .popover.left-top {
+}
+[dir="rtl"] .popover.left-top {
   margin-right: -14px;
   margin-left: 0;
   margin-left: initial;
-}.popover.left-bottom {
+}
+.popover.left-bottom {
   margin-left: -14px;
   transform-origin: 100% calc(100% - 29px);
-}[dir="rtl"] .popover.left-bottom {
+}
+[dir="rtl"] .popover.left-bottom {
   margin-right: -14px;
   margin-left: 0;
   margin-left: initial;
-}.popover::before {
+}
+.popover::before {
   content: " ";
   position: absolute;
   display: block;
@@ -156,176 +188,216 @@
   top: -7px;
   transform: rotate(45deg);
   background-color: inherit;
-}[dir="rtl"] .popover::before {
+}
+[dir="rtl"] .popover::before {
   right: 28px;
   left: auto;
   left: initial;
-}.popover.top::before {
+}
+.popover.top::before {
   top: auto;
   bottom: -7px;
   left: 50%;
   margin-left: -7px;
-}[dir="rtl"] .popover.top::before {
+}
+[dir="rtl"] .popover.top::before {
   right: 50%;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.top::before {
+}
+[dir="rtl"] .popover.top::before {
   margin-right: -7px;
   margin-left: 0;
   margin-left: initial;
-}.popover.top-left::before {
+}
+.popover.top-left::before {
   top: auto;
   bottom: -7px;
   right: 29px;
   left: auto;
   margin-left: -7px;
-}[dir="rtl"] .popover.top-left::before {
+}
+[dir="rtl"] .popover.top-left::before {
   left: 29px;
   right: auto;
   right: initial;
-}[dir="rtl"] .popover.top-left::before {
+}
+[dir="rtl"] .popover.top-left::before {
   right: auto;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.top-left::before {
+}
+[dir="rtl"] .popover.top-left::before {
   margin-right: -7px;
   margin-left: 0;
   margin-left: initial;
-}.popover.top-right::before {
+}
+.popover.top-right::before {
   top: auto;
   bottom: -7px;
   left: 29px;
   right: auto;
   margin-left: -7px;
-}[dir="rtl"] .popover.top-right::before {
+}
+[dir="rtl"] .popover.top-right::before {
   right: 29px;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.top-right::before {
+}
+[dir="rtl"] .popover.top-right::before {
   left: auto;
   right: auto;
   right: initial;
-}[dir="rtl"] .popover.top-right::before {
+}
+[dir="rtl"] .popover.top-right::before {
   margin-right: -7px;
   margin-left: 0;
   margin-left: initial;
-}.popover.right::before {
+}
+.popover.right::before {
   top: 50%;
   margin-top: -7px;
   left: -7px;
-}[dir="rtl"] .popover.right::before {
+}
+[dir="rtl"] .popover.right::before {
   right: -7px;
   left: auto;
   left: initial;
-}.popover.right-top::before {
+}
+.popover.right-top::before {
   top: 29px;
   margin-top: -7px;
   left: -7px;
-}[dir="rtl"] .popover.right-top::before {
+}
+[dir="rtl"] .popover.right-top::before {
   right: -7px;
   left: auto;
   left: initial;
-}.popover.right-bottom::before {
+}
+.popover.right-bottom::before {
   top: calc(100% - 29px);
   margin-top: -7px;
   left: -7px;
-}[dir="rtl"] .popover.right-bottom::before {
+}
+[dir="rtl"] .popover.right-bottom::before {
   right: -7px;
   left: auto;
   left: initial;
-}.popover.bottom::before {
+}
+.popover.bottom::before {
   top: -7px;
   bottom: auto;
   left: 50%;
   margin-left: -7px;
-}[dir="rtl"] .popover.bottom::before {
+}
+[dir="rtl"] .popover.bottom::before {
   right: 50%;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.bottom::before {
+}
+[dir="rtl"] .popover.bottom::before {
   margin-right: -7px;
   margin-left: 0;
   margin-left: initial;
-}.popover.bottom-left::before {
+}
+.popover.bottom-left::before {
   top: -7px;
   bottom: auto;
   right: 29px;
   left: auto;
   margin-left: -7px;
-}[dir="rtl"] .popover.bottom-left::before {
+}
+[dir="rtl"] .popover.bottom-left::before {
   left: 29px;
   right: auto;
   right: initial;
-}[dir="rtl"] .popover.bottom-left::before {
+}
+[dir="rtl"] .popover.bottom-left::before {
   right: auto;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.bottom-left::before {
+}
+[dir="rtl"] .popover.bottom-left::before {
   margin-right: -7px;
   margin-left: 0;
   margin-left: initial;
-}.popover.bottom-right::before {
+}
+.popover.bottom-right::before {
   top: -7px;
   bottom: auto;
   right: 29px;
   left: auto;
   margin-left: -7px;
-}[dir="rtl"] .popover.bottom-right::before {
+}
+[dir="rtl"] .popover.bottom-right::before {
   left: 29px;
   right: auto;
   right: initial;
-}[dir="rtl"] .popover.bottom-right::before {
+}
+[dir="rtl"] .popover.bottom-right::before {
   right: auto;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.bottom-right::before {
+}
+[dir="rtl"] .popover.bottom-right::before {
   margin-right: -7px;
   margin-left: 0;
   margin-left: initial;
-}.popover.left::before {
+}
+.popover.left::before {
   top: 50%;
   margin-top: -7px;
   left: auto;
   right: -7px;
-}[dir="rtl"] .popover.left::before {
+}
+[dir="rtl"] .popover.left::before {
   right: auto;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.left::before {
+}
+[dir="rtl"] .popover.left::before {
   left: -7px;
   right: auto;
   right: initial;
-}.popover.left-top::before {
+}
+.popover.left-top::before {
   top: 29px;
   margin-top: -7px;
   left: auto;
   right: -7px;
-}[dir="rtl"] .popover.left-top::before {
+}
+[dir="rtl"] .popover.left-top::before {
   right: auto;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.left-top::before {
+}
+[dir="rtl"] .popover.left-top::before {
   left: -7px;
   right: auto;
   right: initial;
-}.popover.left-bottom::before {
+}
+.popover.left-bottom::before {
   top: calc(100% - 29px);
   margin-top: -7px;
   left: auto;
   right: -7px;
-}[dir="rtl"] .popover.left-bottom::before {
+}
+[dir="rtl"] .popover.left-bottom::before {
   right: auto;
   left: auto;
   left: initial;
-}[dir="rtl"] .popover.left-bottom::before {
+}
+[dir="rtl"] .popover.left-bottom::before {
   left: -7px;
   right: auto;
   right: initial;
-}.popover img,
+}
+.popover img,
 .popover .popover-image {
   width: 65%;
   margin: 8px 0;
-}.popover-title {
+}
+.popover-title {
   padding: 0;
   margin: 0;
   color: #37517e;
@@ -344,7 +416,8 @@
   border-bottom: 0;
   border-radius: 2px 2px 0 0;
   color: var(--color-content-primary) !important;
-}@supports (hyphenate-limit-chars: 1) {
+}
+@supports (hyphenate-limit-chars: 1) {
   .popover-title {
     -webkit-hyphens: auto;
             hyphens: auto;
@@ -360,7 +433,8 @@
       hyphenate-limit-chars: 10 4 3;
     }
   }
-}@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
   .popover-title {
     -webkit-hyphens: auto;
             hyphens: auto;
@@ -372,12 +446,14 @@
       -webkit-hyphenate-limit-before: 4;
     }
   }
-}.popover-title + p,
+}
+.popover-title + p,
 .popover-title + ul:not(.list-unstyled),
 .popover-title + ol:not(.list-unstyled) {
   margin-top: 8px;
   margin-top: var(--size-8);
-}.popover-content {
+}
+.popover-content {
   padding: 0;
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -387,35 +463,45 @@
   font-weight: var(--font-weight-regular);
   color: #5d7079;
   color: var(--color-content-secondary);
-}.popover-content > :last-child {
+}
+.popover-content > :last-child {
   margin-bottom: 0;
-}.popover-close {
+}
+.popover-close {
   float: right;
   color: #0097c7;
   color: var(--color-content-accent);
   -webkit-text-decoration: none;
   text-decoration: none;
-}[dir="rtl"] .popover-close {
+}
+[dir="rtl"] .popover-close {
   float: left;
-}.np-theme-personal .popover-close {
+}
+.np-theme-personal .popover-close {
   color: var(--color-interactive-primary);
-}.popover-close:hover {
+}
+.popover-close:hover {
   color: #0084b3;
   color: var(--color-content-accent-hover);
   -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
-}.np-theme-personal .popover-close:hover {
+}
+.np-theme-personal .popover-close:hover {
   color: var(--color-interactive-primary-hover);
-}.popover-close:focus {
+}
+.popover-close:focus {
   outline: none;
-}.popover-close:focus-visible {
+}
+.popover-close:focus-visible {
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
-}.popover-close:active {
+}
+.popover-close:active {
   color: #0077a5;
   color: var(--color-content-accent-active);
-}button.popover-close {
+}
+button.popover-close {
   padding: 0;
   cursor: pointer;
   background: transparent;
@@ -423,10 +509,12 @@
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-}.np-theme-personal button.popover-close:hover {
+}
+.np-theme-personal button.popover-close:hover {
   background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
   background: initial;
-}[data-toggle="popover"]:not(.btn) {
+}
+[data-toggle="popover"]:not(.btn) {
   color: inherit !important;
   font-weight: inherit !important;
   -webkit-text-decoration: none !important;
@@ -434,15 +522,18 @@
   border-bottom: 1px dotted #0097c7 !important;
   border-bottom: 1px dotted var(--color-content-accent) !important;
   cursor: pointer;
-}[data-toggle="popover"]:not(.btn):hover,
+}
+[data-toggle="popover"]:not(.btn):hover,
 [data-toggle="popover"]:not(.btn):focus,
 [data-toggle="popover"]:not(.btn)[aria-describedby] {
   color: #0084b3 !important;
   color: var(--color-content-accent-hover) !important;
   outline: 0;
-}.nav > li > a [data-toggle="popover"] {
+}
+.nav > li > a [data-toggle="popover"] {
   border-bottom: 0;
-}@media (max-width: 991px) {
+}
+@media (max-width: 991px) {
   .popover-modal {
     position: fixed;
     top: 0 !important;
@@ -455,7 +546,8 @@
   .popover-modal::before {
     display: none;
   }
-}@media (min-width: 992px) {
+}
+@media (min-width: 992px) {
   .popover-modal.left {
     margin-right: -var(--size-24) !important;
   }
@@ -478,14 +570,16 @@
   .popover-modal.bottom {
     margin-top: -8px !important;
   }
-}@keyframes cover-fade-in {
+}
+@keyframes cover-fade-in {
   from {
     opacity: 0;
   }
   to {
     opacity: 0.7;
   }
-}.popover-modal-cover {
+}
+.popover-modal-cover {
   position: fixed;
   top: 0;
   left: 0;
@@ -499,19 +593,23 @@
   background-color: var(--color-background-screen);
   opacity: 0.7;
   animation: cover-fade-in 0.35s 0s linear forwards;
-}[dir="rtl"] .popover-modal-cover {
+}
+[dir="rtl"] .popover-modal-cover {
   right: 0;
   left: auto;
   left: initial;
-}@media (max-width: 991px) {
+}
+@media (max-width: 991px) {
   .popover-modal-cover {
     display: block;
   }
-}.popover-promotion {
+}
+.popover-promotion {
   text-align: center;
   padding: 24px;
   padding: var(--size-24);
-}@media (max-width: 576px) {
+}
+@media (max-width: 576px) {
   .popover-promotion {
     width: auto !important;
     padding: 24px !important;
@@ -519,7 +617,8 @@
     margin: 16px !important;
     margin: var(--size-16) !important;
   }
-}@media (min-width: 566px) and (max-width: 992px) {
+}
+@media (min-width: 566px) and (max-width: 992px) {
   .popover-promotion {
     width: 540px !important;
     padding: 28px 32px !important;
@@ -527,31 +626,37 @@
     margin: 32px auto !important;
     margin: var(--size-32) auto !important;
   }
-}.popover-promotion .popover-title {
+}
+.popover-promotion .popover-title {
   font-size: 1rem;
   font-size: var(--font-size-16);
   line-height: 1.2;
   line-height: var(--line-height-title);
-}@media (min-width: 768px) {
+}
+@media (min-width: 768px) {
   .popover-promotion .popover-title {
     font-size: 1.25rem;
     font-size: var(--font-size-20);
     line-height: 1.2;
     line-height: var(--line-height-title);
   }
-}@media (max-width: 480px) {
+}
+@media (max-width: 480px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
-}@media (min-width: 480px) and (max-width: 992px) {
+}
+@media (min-width: 480px) and (max-width: 992px) {
   .popover-promotion .popover-image {
     width: 60%;
   }
-}@media (min-width: 992px) {
+}
+@media (min-width: 992px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
-}@media (max-width: 992px) {
+}
+@media (max-width: 992px) {
   .popover-promotion {
     position: absolute !important;
   }