@transferwise/neptune-css 12.3.2 → 12.3.3-beta-e22370fcd8.0

package/dist/css/alerts.css

@@ -1 +1 @@
-.alert{padding:16px;padding:var(--size-16,16px);border-radius:10px;border-radius:var(--radius-medium,10px);color:#37517e;color:var(--color-content-primary,#37517e);background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));min-width:200px;font-size:1rem;font-size:var(--font-size-16,1rem);margin-bottom:16px;margin-bottom:var(--size-16,16px)}.alert__message{margin-top:2px}.alert .close{margin-top:4px;margin-top:var(--size-4,4px)}.alert p,.alert ul{margin-bottom:0!important}.alert p+p{margin-top:8px!important}.arrow{position:relative}.arrow:before{content:" ";position:absolute;display:block;width:10px;height:10px;left:20px;top:-5px;transform:rotate(45deg);-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);background-color:inherit}[dir=rtl] .arrow:before{right:20px;left:auto}.arrow.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .arrow.arrow-center:before{right:50%;left:auto;margin-right:-5px;margin-left:0}.arrow.arrow-top:before{top:-5px;bottom:auto}.arrow.arrow-left:before{left:20px;right:auto}[dir=rtl] .arrow.arrow-left:before{right:20px;left:auto;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{top:auto;bottom:-5px;transform:rotate(225deg)}.alert-detach.arrow{border-radius:3px;border-radius:var(--radius-small,3px)}.form-group .alert{padding:4px 16px 3px;margin-top:-2px;border:1px solid rgba(0,0,0,.10196078431372549);border-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-top:0 solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-top-left-radius:0;border-top-right-radius:0;margin-bottom:0;transition:border-color .15s ease-in-out;position:relative}.form-group .alert:before{content:" ";position:absolute;display:block;width:10px;height:10px;left:20px;top:-5px;transform:rotate(45deg);-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0);background-color:inherit}[dir=rtl] .form-group .alert:before{right:20px;left:auto}.form-group .alert.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .form-group .alert.arrow-center:before{right:50%;left:auto;margin-right:-5px;margin-left:0}.form-group .alert.arrow-top:before{top:-5px;bottom:auto}.form-group .alert.arrow-left:before{left:20px;right:auto}[dir=rtl] .form-group .alert.arrow-left:before{right:20px;left:auto;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{top:auto;bottom:-5px;transform:rotate(225deg)}.form-group .alert-detach,.form-group .checkbox~.alert,.form-group .radio~.alert{border-width:0;margin-top:12px;border-radius:3px;border-radius:var(--radius-small,3px)}.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:rgba(54,199,151,.10196078431372549);background-color:var(--color-background-positive,rgba(54,199,151,.10196078431372549))}.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,#008026)}.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,#006d13)}.bg-primary .alert-positive,.bg-primary .alert-success{background-color:rgba(54,199,151,.10196078431372549);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:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.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,#37517e)}.bg-primary .alert-info,.bg-primary .alert-neutral{background-color:rgba(134,167,189,.10196078431372549);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:rgba(255,172,0,.10196078431372549);background-color:var(--color-background-warning,rgba(255,172,0,.10196078431372549))}.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,#9a6500)}.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,#855400)}.bg-primary .alert-warning{background-color:rgba(255,172,0,.10196078431372549);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:rgba(255,135,135,.10196078431372549);background-color:var(--color-background-negative,rgba(255,135,135,.10196078431372549))}.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,#cf2929)}.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,#b80419)}.bg-primary .alert-danger,.bg-primary .alert-negative{background-color:rgba(255,135,135,.10196078431372549);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{display:block;border-color:#00a2dd;border-color:var(--color-interactive-accent,#00a2dd)}.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}
+.alert{padding:16px;padding:var(--size-16,16px);border-radius:10px;border-radius:var(--radius-medium,10px);color:#37517e;color:var(--color-content-primary,#37517e);background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));min-width:200px;font-size:1rem;font-size:var(--font-size-16,1rem);margin-bottom:16px;margin-bottom:var(--size-16,16px)}.alert__message{margin-top:2px}.alert .close{margin-top:4px;margin-top:var(--size-4,4px)}.alert p,.alert ul{margin-bottom:0!important}.alert p+p{margin-top:8px!important}.arrow{position:relative;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.arrow:before{content:" ";position:absolute;display:block;width:10px;height:10px;left:20px;top:-5px;transform:rotate(45deg);background-color:inherit}[dir=rtl] .arrow:before{right:20px;left:auto}.arrow.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .arrow.arrow-center:before{right:50%;left:auto;margin-right:-5px;margin-left:0}.arrow.arrow-top:before{top:-5px;bottom:auto}.arrow.arrow-left:before{left:20px;right:auto}[dir=rtl] .arrow.arrow-left:before{right:20px;left:auto;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{top:auto;bottom:-5px}.alert-detach.arrow{border-radius:3px;border-radius:var(--radius-small,3px)}.form-group .alert{padding:4px 16px 3px;margin-top:-2px;border:1px solid rgba(0,0,0,.10196078431372549);border-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-top:0 solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-top-left-radius:0;border-top-right-radius:0;margin-bottom:0;transition:border-color .15s ease-in-out;position:relative;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}.form-group .alert:before{content:" ";position:absolute;display:block;width:10px;height:10px;left:20px;top:-5px;transform:rotate(45deg);background-color:inherit}[dir=rtl] .form-group .alert:before{right:20px;left:auto}.form-group .alert.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .form-group .alert.arrow-center:before{right:50%;left:auto;margin-right:-5px;margin-left:0}.form-group .alert.arrow-top:before{top:-5px;bottom:auto}.form-group .alert.arrow-left:before{left:20px;right:auto}[dir=rtl] .form-group .alert.arrow-left:before{right:20px;left:auto;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{top:auto;bottom:-5px}.form-group .alert-detach,.form-group .checkbox~.alert,.form-group .radio~.alert{border-width:0;margin-top:12px;border-radius:3px;border-radius:var(--radius-small,3px)}.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:rgba(54,199,151,.10196078431372549);background-color:var(--color-background-positive,rgba(54,199,151,.10196078431372549))}.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,#008026)}.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,#006d13)}.bg-primary .alert-positive,.bg-primary .alert-success{background-color:rgba(54,199,151,.10196078431372549);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:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.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,#37517e)}.bg-primary .alert-info,.bg-primary .alert-neutral{background-color:rgba(134,167,189,.10196078431372549);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:rgba(255,172,0,.10196078431372549);background-color:var(--color-background-warning,rgba(255,172,0,.10196078431372549))}.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,#9a6500)}.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,#855400)}.bg-primary .alert-warning{background-color:rgba(255,172,0,.10196078431372549);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:rgba(255,135,135,.10196078431372549);background-color:var(--color-background-negative,rgba(255,135,135,.10196078431372549))}.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,#cf2929)}.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,#b80419)}.bg-primary .alert-danger,.bg-primary .alert-negative{background-color:rgba(255,135,135,.10196078431372549);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{display:block;border-color:#00a2dd;border-color:var(--color-interactive-accent,#00a2dd)}.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}