@transferwise/components 37.4.3 → 37.6.1-beta.2

package/build/es/polyfill/snackbar/Snackbar.js

@@ -1 +1 @@
-import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import classNames from"classnames";import PropTypes from"prop-types";import{Component}from"react";import CSSTransition from"react-transition-group/CSSTransition";import{Theme}from"../common";import{DirectionContext}from"../provider/direction";import withNextPortal from"../withNextPortal/withNextPortal";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export var CSS_TRANSITION_DURATION=400;export var Snackbar=/*#__PURE__*/function(a){function b(){var a;return _classCallCheck(this,b),a=c.call(this),_defineProperty(_assertThisInitialized(a),"setLeaveTimeout",function(){var b=a.props.timeout;a.timeout=setTimeout(function(){a.setState({visible:!1})},b)}),a.state={visible:!1,text:""},a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this.timeout),clearTimeout(this.transitionTimeout)}},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(a,b){return!!a.text&&(a.timestamp!==this.props.timestamp||b.visible!==this.state.visible||b.text!==this.state.text)}},{key:"componentDidUpdate",value:function componentDidUpdate(a){var b=this,c=this.props,d=c.action,e=c.text,f=c.theme,g=c.timestamp;a.text?a.timestamp!==g&&(clearTimeout(this.timeout),this.state.visible?this.setState({visible:!1},function(){b.transitionTimeout=setTimeout(function(){b.setState({visible:!0,action:d,text:e,theme:f}),b.setLeaveTimeout()},CSS_TRANSITION_DURATION)}):(this.setState({visible:!0,action:d,text:e,theme:f}),this.setLeaveTimeout())):this.setState({visible:!0,action:d,text:e,theme:f},function(){b.setLeaveTimeout()})}},{key:"render",value:function render(){var a="rtl"===this.context,b=this.state,c=b.action,d=b.text,e=b.theme,f=b.visible,g=this.props.timeout;return/*#__PURE__*/_jsx("div",{className:classNames("snackbar",{"snackbar--rtl":a}),children:/*#__PURE__*/_jsx(CSSTransition,{in:f,classNames:"snackbar__text-container",timeout:{appear:0,enter:g,exit:CSS_TRANSITION_DURATION},unmountOnExit:!0,children:/*#__PURE__*/_jsxs("span",{className:"snackbar__text snackbar__text--".concat(e),children:[d,c?/*#__PURE__*/_jsx("button",{type:"button",className:"snackbar__text__action",onClick:c.onClick,children:c.label}):null]})})})}}]),b}(Component);Snackbar.contextType=DirectionContext,Snackbar.propTypes={action:PropTypes.shape({label:PropTypes.string.isRequired,onClick:PropTypes.func.isRequired}),text:PropTypes.node.isRequired,theme:PropTypes.oneOf(["light","dark"]),timeout:PropTypes.number.isRequired,timestamp:PropTypes.number.isRequired},Snackbar.defaultProps={action:null,theme:Theme.LIGHT};export default withNextPortal(Snackbar);
+import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import PropTypes from"prop-types";import{Component}from"react";import CSSTransition from"react-transition-group/CSSTransition";import{Theme}from"../common";import{DirectionContext}from"../provider/direction";import withNextPortal from"../withNextPortal/withNextPortal";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export var CSS_TRANSITION_DURATION=400;export var Snackbar=/*#__PURE__*/function(a){function b(){var a;return _classCallCheck(this,b),a=c.call(this),_defineProperty(_assertThisInitialized(a),"setLeaveTimeout",function(){var b=a.props.timeout;a.timeout=setTimeout(function(){a.setState({visible:!1})},b)}),a.state={visible:!1,text:""},a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this.timeout),clearTimeout(this.transitionTimeout)}},{key:"shouldComponentUpdate",value:function shouldComponentUpdate(a,b){return!!a.text&&(a.timestamp!==this.props.timestamp||b.visible!==this.state.visible||b.text!==this.state.text)}},{key:"componentDidUpdate",value:function componentDidUpdate(a){var b=this,c=this.props,d=c.action,e=c.text,f=c.theme,g=c.timestamp;a.text?a.timestamp!==g&&(clearTimeout(this.timeout),this.state.visible?this.setState({visible:!1},function(){b.transitionTimeout=setTimeout(function(){b.setState({visible:!0,action:d,text:e,theme:f}),b.setLeaveTimeout()},CSS_TRANSITION_DURATION)}):(this.setState({visible:!0,action:d,text:e,theme:f}),this.setLeaveTimeout())):this.setState({visible:!0,action:d,text:e,theme:f},function(){b.setLeaveTimeout()})}},{key:"render",value:function render(){var a=this.state,b=a.action,c=a.text,d=a.theme,e=a.visible,f=this.props.timeout;return/*#__PURE__*/_jsx("div",{className:"snackbar",children:/*#__PURE__*/_jsx(CSSTransition,{in:e,classNames:"snackbar__text-container",timeout:{appear:0,enter:f,exit:CSS_TRANSITION_DURATION},unmountOnExit:!0,children:/*#__PURE__*/_jsxs("span",{className:"snackbar__text snackbar__text--".concat(d),children:[c,b?/*#__PURE__*/_jsx("button",{type:"button",className:"snackbar__text__action",onClick:b.onClick,children:b.label}):null]})})})}}]),b}(Component);Snackbar.contextType=DirectionContext,Snackbar.propTypes={action:PropTypes.shape({label:PropTypes.string.isRequired,onClick:PropTypes.func.isRequired}),text:PropTypes.node.isRequired,theme:PropTypes.oneOf(["light","dark"]),timeout:PropTypes.number.isRequired,timestamp:PropTypes.number.isRequired},Snackbar.defaultProps={action:null,theme:Theme.LIGHT};export default withNextPortal(Snackbar);

package/build/es/polyfill/stepper/Stepper.js

@@ -1 +1 @@
-import"core-js/modules/es.array.concat.js";import"core-js/modules/es.array.map.js";import classNames from"classnames";import PropTypes from"prop-types";import{Position}from"../common";import Tooltip from"../tooltip";import{isTouchDevice}from"./deviceDetection";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";function clamp(a,b,c){return Math.max(Math.min(b,c),a)}/* eslint-disable react/no-array-index-key */var Stepper=function(a){var b=a.steps,c=a.activeStep,d=a.className;if(0===b.length)return null;var e=clamp(0,b.length-1,c),f=1/(b.length-1),g=e/(b.length-1),h=Math.max(g-f,0),i=Math.min(e,1)*f;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-stepper",d),children:[/*#__PURE__*/_jsxs("div",{className:"progress",children:[/*#__PURE__*/_jsx("div",{className:"progress-bar-filler",style:{width:"".concat(100*h,"%")}}),/*#__PURE__*/_jsx("div",{className:"progress-bar-ending",style:{width:"".concat(100*i,"%")}})]}),/*#__PURE__*/_jsx("ul",{className:"tw-stepper-steps p-t-1 m-b-0",children:b.map(function renderStep(a,b){var c=b===e,d=a.onClick&&!c,g=/*#__PURE__*/_jsx("button",{type:"button",className:"btn-unstyled tw-stepper__step-label",disabled:!d,onClick:function onClick(){return d&&a.onClick()},children:/*#__PURE__*/_jsx("small",{children:a.label})});return/*#__PURE__*/_jsx("li",{style:{left:"".concat(100*(b*f),"%")},className:"\n          hidden-xs\n          tw-stepper__step\n          ".concat(c?"tw-stepper__step--active":"","\n          ").concat(d?"tw-stepper__step--clickable":"","\n        "),children:a.hoverLabel&&!isTouchDevice()?/*#__PURE__*/_jsx(Tooltip,{position:Position.BOTTOM,label:a.hoverLabel,children:g}):g},b)})})]})};/* eslint-enable react/no-array-index-key */Stepper.propTypes={steps:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.node.isRequired,onClick:PropTypes.func,hoverLabel:PropTypes.node})).isRequired,activeStep:PropTypes.number,className:PropTypes.string},Stepper.defaultProps={activeStep:0,className:void 0};export default Stepper;
+import"core-js/modules/es.array.concat.js";import"core-js/modules/es.array.map.js";import classNames from"classnames";import PropTypes from"prop-types";import{Position}from"../common";import Tooltip from"../tooltip";import{isTouchDevice}from"./deviceDetection";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";function clamp(a,b,c){return Math.max(Math.min(b,c),a)}/* eslint-disable react/no-array-index-key */var Stepper=function(a){var b=a.steps,c=a.activeStep,d=a.className;if(0===b.length)return null;var e=clamp(0,b.length-1,c),f=1/(b.length-1),g=e/(b.length-1),h=Math.max(g-f,0),i=Math.min(e,1)*f;return/*#__PURE__*/_jsxs("div",{className:classNames("tw-stepper",d),children:[/*#__PURE__*/_jsxs("div",{className:"progress",children:[/*#__PURE__*/_jsx("div",{className:"progress-bar-filler",style:{width:"".concat(100*h,"%")}}),/*#__PURE__*/_jsx("div",{className:"progress-bar-ending",style:{width:"".concat(100*i,"%")}})]}),/*#__PURE__*/_jsx("ul",{className:"tw-stepper-steps p-t-1 m-b-0",children:b.map(function renderStep(a,b){var c=b===e,d=a.onClick&&!c,f=/*#__PURE__*/_jsx("button",{type:"button",className:"btn-unstyled tw-stepper__step-label",disabled:!d,onClick:function onClick(){return d&&a.onClick()},children:/*#__PURE__*/_jsx("small",{children:a.label})});return/*#__PURE__*/_jsx("li",{className:"\n          hidden-xs\n          tw-stepper__step\n          ".concat(c?"tw-stepper__step--active":"","\n          ").concat(d?"tw-stepper__step--clickable":"","\n        "),children:a.hoverLabel&&!isTouchDevice()?/*#__PURE__*/_jsx(Tooltip,{position:Position.BOTTOM,label:a.hoverLabel,children:f}):f},b)})})]})};/* eslint-enable react/no-array-index-key */Stepper.propTypes={steps:PropTypes.arrayOf(PropTypes.shape({label:PropTypes.node.isRequired,onClick:PropTypes.func,hoverLabel:PropTypes.node})).isRequired,activeStep:PropTypes.number,className:PropTypes.string},Stepper.defaultProps={activeStep:0,className:void 0};export default Stepper;

package/build/es/polyfill/summary/Summary.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";var _statusLabels;import"core-js/modules/es.symbol.js";import"core-js/modules/es.symbol.description.js";import{CheckCircle as CheckCircleIcon,PendingCircle as PendingCircleIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import{useIntl}from"react-intl";import requiredIf from"react-required-if";import{Status,Size}from"../common";import{useDirection}from"../common/hooks";import Info from"../info";import{deprecated}from"../utilities";import messages from"./Summary.messages";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var BadgeIcons={done:CheckCircleIcon,pending:PendingCircleIcon},statusLabels=(_statusLabels={},_defineProperty(_statusLabels,Status.NOT_DONE,"statusNotDone"),_defineProperty(_statusLabels,Status.DONE,"statusDone"),_defineProperty(_statusLabels,Status.PENDING,"statusPending"),_statusLabels),expiryDate=new Date("03-01-2021"),Summary=function(a){var b=a.action,c=a.as,d=a.className,e=a.content,f=a.description,g=void 0===f?e:f,h=a.help,i=a.icon,j=a.illustration,k=a.info,l=void 0===k?h:k,m=a.status,n=a.title,o=useIntl(),p=useDirection(),q=p.isRTL,r=j;if(i){var s,t=null===i||void 0===i||null===(s=i.props)||void 0===s?void 0:s.size;r=24===t?i:/*#__PURE__*/cloneElement(i,{size:24})}var u=m&&BadgeIcons[m];return/*#__PURE__*/_jsxs(c,{className:classNames("np-summary d-flex align-items-start",d),"aria-label":m&&o.formatMessage(messages[statusLabels[m]]),children:[/*#__PURE__*/_jsxs("div",{className:"np-summary__icon",children:[r,u&&/*#__PURE__*/_jsx(u,{size:16,filled:!0,className:"np-summary-icon__".concat(m)})]}),/*#__PURE__*/_jsxs("div",{className:classNames("np-summary__body",{"m-l-2":!q,"m-r-2":q}),children:[/*#__PURE__*/_jsxs("div",{className:"np-summary__title d-flex",children:[/*#__PURE__*/_jsx("strong",{children:n}),l&&/*#__PURE__*/_jsx(Info,{"aria-label":l["aria-label"],className:classNames({"m-l-1":!q,"m-r-1":q},"hidden-xs"),content:l.content,presentation:l.presentation,title:l.title,onClick:l.onClick})]}),g&&/*#__PURE__*/_jsx("div",{className:"np-summary__description",children:g}),b&&/*#__PURE__*/_jsx("a",{href:b.href,target:b.target,className:"np-summary__action","aria-label":b["aria-label"],onClick:b.onClick,children:b.text})]}),l&&/*#__PURE__*/_jsx(Info,{"aria-label":l["aria-label"],className:"m-l-2 hidden-sm hidden-md hidden-lg hidden-xl",content:l.content,presentation:l.presentation,size:Size.LARGE,title:l.title,onClick:l.onClick})]})};Summary.propTypes={/** Action displayed at the bottom of the Summary */action:PropTypes.shape({text:PropTypes.node.isRequired,href:PropTypes.string.isRequired,"aria-label":PropTypes.string,target:PropTypes.string,onClick:PropTypes.func}),/** Decides which html element should wrap the Summary */as:PropTypes.string,/** Extra classes applied to Summary */className:PropTypes.string,/** @deprecated please use description instead */content:deprecated(PropTypes.node,{component:"Summary",newProp:"description",expiryDate:expiryDate}),/** Summary description */description:PropTypes.node,/** @deprecated please use info instead */help:deprecated(PropTypes.shape({content:PropTypes.node.isRequired,title:PropTypes.node}),{component:"Summary",newProp:"info",expiryDate:expiryDate}),/** Infos displayed on help Icon click inside Popover or Modal */info:PropTypes.shape({"aria-label":PropTypes.string.isRequired,content:PropTypes.node.isRequired,onClick:PropTypes.func,presentation:PropTypes.oneOf(["POPOVER","MODAL"]),title:PropTypes.node}),/** @deprecated please use icon instead */illustration:deprecated(PropTypes.node,{component:"Summary",newProp:"icon",expiryDate:expiryDate}),/** Main Summary Icon */icon:requiredIf(PropTypes.node,function(a){var b=a.illustration;return!b}),/** Decides the badge applied to Icon */status:PropTypes.oneOf(["notDone","done","pending"]),/** Summary title */title:PropTypes.node.isRequired},Summary.defaultProps={action:null,as:"div",className:null,content:null,help:null,illustration:null,status:null};export default Summary;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";var _statusLabels;import"core-js/modules/es.symbol.js";import"core-js/modules/es.symbol.description.js";import{CheckCircle as CheckCircleIcon,PendingCircle as PendingCircleIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import{useIntl}from"react-intl";import requiredIf from"react-required-if";import{Status,Size}from"../common";import Info from"../info";import{deprecated}from"../utilities";import messages from"./Summary.messages";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var BadgeIcons={done:CheckCircleIcon,pending:PendingCircleIcon},statusLabels=(_statusLabels={},_defineProperty(_statusLabels,Status.NOT_DONE,"statusNotDone"),_defineProperty(_statusLabels,Status.DONE,"statusDone"),_defineProperty(_statusLabels,Status.PENDING,"statusPending"),_statusLabels),expiryDate=new Date("03-01-2021"),Summary=function(a){var b=a.action,c=a.as,d=a.className,e=a.content,f=a.description,g=void 0===f?e:f,h=a.help,i=a.icon,j=a.illustration,k=a.info,l=void 0===k?h:k,m=a.status,n=a.title,o=useIntl(),p=j;if(i){var q,r=null===i||void 0===i||null===(q=i.props)||void 0===q?void 0:q.size;p=24===r?i:/*#__PURE__*/cloneElement(i,{size:24})}var s=m&&BadgeIcons[m];return/*#__PURE__*/_jsxs(c,{className:classNames("np-summary d-flex align-items-start",d),"aria-label":m&&o.formatMessage(messages[statusLabels[m]]),children:[/*#__PURE__*/_jsxs("div",{className:"np-summary__icon",children:[p,s&&/*#__PURE__*/_jsx(s,{size:16,filled:!0,className:"np-summary-icon__".concat(m)})]}),/*#__PURE__*/_jsxs("div",{className:"np-summary__body m-l-2",children:[/*#__PURE__*/_jsxs("div",{className:"np-summary__title d-flex",children:[/*#__PURE__*/_jsx("strong",{children:n}),l&&/*#__PURE__*/_jsx(Info,{"aria-label":l["aria-label"],className:"m-l-1 hidden-xs",content:l.content,presentation:l.presentation,title:l.title,onClick:l.onClick})]}),g&&/*#__PURE__*/_jsx("div",{className:"np-summary__description",children:g}),b&&/*#__PURE__*/_jsx("a",{href:b.href,target:b.target,className:"np-summary__action","aria-label":b["aria-label"],onClick:b.onClick,children:b.text})]}),l&&/*#__PURE__*/_jsx(Info,{"aria-label":l["aria-label"],className:"m-l-2 hidden-sm hidden-md hidden-lg hidden-xl",content:l.content,presentation:l.presentation,size:Size.LARGE,title:l.title,onClick:l.onClick})]})};Summary.propTypes={/** Action displayed at the bottom of the Summary */action:PropTypes.shape({text:PropTypes.node.isRequired,href:PropTypes.string.isRequired,"aria-label":PropTypes.string,target:PropTypes.string,onClick:PropTypes.func}),/** Decides which html element should wrap the Summary */as:PropTypes.string,/** Extra classes applied to Summary */className:PropTypes.string,/** @deprecated please use description instead */content:deprecated(PropTypes.node,{component:"Summary",newProp:"description",expiryDate:expiryDate}),/** Summary description */description:PropTypes.node,/** @deprecated please use info instead */help:deprecated(PropTypes.shape({content:PropTypes.node.isRequired,title:PropTypes.node}),{component:"Summary",newProp:"info",expiryDate:expiryDate}),/** Infos displayed on help Icon click inside Popover or Modal */info:PropTypes.shape({"aria-label":PropTypes.string.isRequired,content:PropTypes.node.isRequired,onClick:PropTypes.func,presentation:PropTypes.oneOf(["POPOVER","MODAL"]),title:PropTypes.node}),/** @deprecated please use icon instead */illustration:deprecated(PropTypes.node,{component:"Summary",newProp:"icon",expiryDate:expiryDate}),/** Main Summary Icon */icon:requiredIf(PropTypes.node,function(a){var b=a.illustration;return!b}),/** Decides the badge applied to Icon */status:PropTypes.oneOf(["notDone","done","pending"]),/** Summary title */title:PropTypes.node.isRequired},Summary.defaultProps={action:null,as:"div",className:null,content:null,help:null,illustration:null,status:null};export default Summary;

package/build/es/polyfill/switch/Switch.js

@@ -1 +1 @@
-import{CheckCircle,CrossCircle}from"@transferwise/icons";import classnames from"classnames";import{useDirection}from"../common/hooks";import KeyCodes from"../common/keyCodes";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Switch=function(a){var b=useDirection(),c=b.isRTL,d=a.checked,e=a.className,f=a.id,g=a.onClick,h=a.disabled,i=a["aria-label"],j=i?void 0:a["aria-labelledby"];return logActionRequiredIf("Switch now expects either `aria-label` or `aria-labelledby`, and will soon make these props required. Please update your usage to provide one or the other.",!i&&!j),/*#__PURE__*/_jsxs("span",{className:classnames("np-switch",{"np-switch--rtl":c,"np-switch--unchecked":!d,"np-switch--checked":d,"np-switch--disabled":h},e),tabIndex:0,role:"switch","aria-checked":d,"aria-label":i,"aria-labelledby":j,id:f,"aria-disabled":h,onClick:h?void 0:g,onKeyDown:h?void 0:function handleKeyDown(a){("32"===a.code||a.keyCode===KeyCodes.SPACE)&&(a.preventDefault(),g())},children:[/*#__PURE__*/_jsx("span",{className:"np-switch--thumb",children:d?/*#__PURE__*/_jsx(CheckCircle,{filled:!0,size:24}):/*#__PURE__*/_jsx(CrossCircle,{filled:!0,size:24})}),/*#__PURE__*/_jsx("input",{type:"checkbox",checked:d,readOnly:!0})]})};export default Switch;
+import{CheckCircle,CrossCircle}from"@transferwise/icons";import classnames from"classnames";import KeyCodes from"../common/keyCodes";import{logActionRequiredIf}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Switch=function(a){var b=a.checked,c=a.className,d=a.id,e=a.onClick,f=a.disabled,g=a["aria-label"],h=g?void 0:a["aria-labelledby"];return logActionRequiredIf("Switch now expects either `aria-label` or `aria-labelledby`, and will soon make these props required. Please update your usage to provide one or the other.",!g&&!h),/*#__PURE__*/_jsxs("span",{className:classnames("np-switch",{"np-switch--unchecked":!b,"np-switch--checked":b,"np-switch--disabled":f},c),tabIndex:0,role:"switch","aria-checked":b,"aria-label":g,"aria-labelledby":h,id:d,"aria-disabled":f,onClick:f?void 0:e,onKeyDown:f?void 0:function handleKeyDown(a){("32"===a.code||a.keyCode===KeyCodes.SPACE)&&(a.preventDefault(),e())},children:[/*#__PURE__*/_jsx("span",{className:"np-switch--thumb",children:b?/*#__PURE__*/_jsx(CheckCircle,{filled:!0,size:24}):/*#__PURE__*/_jsx(CrossCircle,{filled:!0,size:24})}),/*#__PURE__*/_jsx("input",{type:"checkbox",checked:b,readOnly:!0})]})};export default Switch;

package/build/es/polyfill/tooltip/Tooltip.js

@@ -1 +1,8 @@
-import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.array.slice.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.regexp.to-string.js";import"core-js/modules/es.array.concat.js";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import PropTypes from"prop-types";import{Component}from"react";import{Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";function getTooltipStyle(a,b,c,d){return c===Position.TOP?{top:"".concat(a.offsetTop-b.offsetHeight-d,"px"),left:"".concat(a.offsetLeft+a.offsetWidth/2-b.offsetWidth/2,"px")}:c===Position.LEFT?{top:"".concat(a.offsetTop+a.offsetHeight/2-b.offsetHeight/2,"px"),left:"".concat(a.offsetLeft-b.offsetWidth-d,"px")}:c===Position.RIGHT?{top:"".concat(a.offsetTop+a.offsetHeight/2-b.offsetHeight/2,"px"),left:"".concat(a.offsetLeft+a.offsetWidth+d,"px")}:c===Position.BOTTOM?{top:"".concat(a.offsetTop+a.offsetHeight+d,"px"),left:"".concat(a.offsetLeft+a.offsetWidth/2-b.offsetWidth/2,"px")}:{}}var Tooltip=/*#__PURE__*/function(a){function b(){var a;return _classCallCheck(this,b),a=c.call(this),_defineProperty(_assertThisInitialized(a),"ensureHidden",function(b){a.state.show||(b.stopPropagation(),a.hide())}),a.state={show:!1,tooltipId:null},a}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentDidMount",value:function componentDidMount(){this.setState({tooltipId:Math.random().toString(36).slice(7)})}},{key:"show",value:function show(){this.setState(function(){return{show:!0}})}},{key:"hide",value:function hide(){this.setState(function(){return{show:!1}})}},{key:"render",value:function render(){var a=this,b=this.state.tooltipId,c=this.props,d=c.position,e=c.children,f=c.label,g=c.offset,h=this.elementReference&&this.tooltipReference?getTooltipStyle(this.elementReference,this.tooltipReference,d,g):{};return/*#__PURE__*/_jsxs("span",{ref:function ref(b){a.elementReference=b},"aria-describedby":b,className:"tw-tooltip-container",onMouseOver:function onMouseOver(){return a.show()},onFocus:function onFocus(){return a.show()},onMouseOut:function onMouseOut(){return a.hide()},onBlur:function onBlur(){return a.hide()},children:[/*#__PURE__*/_jsxs("div",{ref:function ref(b){a.tooltipReference=b},className:"tooltip fade ".concat(d," ").concat(this.state.show?"in":""),role:"tooltip",style:h,id:b,onMouseOver:this.ensureHidden,onFocus:this.ensureHidden,children:[/*#__PURE__*/_jsx("div",{className:"tooltip-arrow"}),/*#__PURE__*/_jsx("div",{className:"tooltip-inner",children:f})]}),e]})}}]),b}(Component);Tooltip.propTypes={children:PropTypes.oneOfType([PropTypes.element,PropTypes.arrayOf(PropTypes.element),PropTypes.string]).isRequired,position:PropTypes.oneOf(["top","bottom","left","right"]),label:PropTypes.node.isRequired,offset:PropTypes.number},Tooltip.defaultProps={position:Position.TOP,offset:0};export default Tooltip;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable @typescript-eslint/ban-ts-comment */import classNames from"classnames";import{cloneElement,useRef,useState,useEffect}from"react";import{usePopper}from"react-popper";import{Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";var Tooltip=function(a){var b=a.position,c=void 0===b?Position.TOP:b,d=a.children,e=void 0===d?void 0:d,f=a.label,g=a.className,h=useState(!1),i=_slicedToArray(h,2),j=i[0],k=i[1],l=useRef(null),m=useState(null),n=_slicedToArray(m,2),o=n[0],p=n[1],q=useState(null),r=_slicedToArray(q,2),s=r[0],t=r[1],u=[];u.push({name:"arrow",options:{element:o,options:{padding:8// 8px from the edges of the popper
+}}}),u.push({name:"offset",options:{offset:[0,16]}}),u.push({name:"flip",options:{fallbackPlacements:Position.TOP}});var v=usePopper(l.current,s,{placement:c,modifiers:u}),w=v.styles,x=v.attributes,y=v.forceUpdate;// If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),
+// it is most simple just to always position before opening
+return useEffect(function(){j&&y&&y()},[j]),/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("span",{ref:l,className:"d-inline-block",children:e?/*#__PURE__*/cloneElement(e,{/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call */onMouseOver:function onMouseOver(){var a;if(null!==e&&void 0!==e&&null!==(a=e.props)&&void 0!==a&&a.onMouseOver){var b;null===e||void 0===e||null===(b=e.props)||void 0===b?void 0:b.onMouseOver()}k(!0)},onFocus:function onFocus(){var a;null!==e&&void 0!==e&&null!==(a=e.props)&&void 0!==a&&a.onFocus&&e.props.onFocus(),k(!0)},onMouseOut:function onMouseOut(){var a;null!==e&&void 0!==e&&null!==(a=e.props)&&void 0!==a&&a.onMouseOver&&e.props.onMouseOver(),k(!1)},onBlur:function onBlur(){var a;null!==e&&void 0!==e&&null!==(a=e.props)&&void 0!==a&&a.onBlur&&e.props.onBlur(),k(!1)}/* eslint-enable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call */}):null}),j?/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({// @ts-expect-error
+ref:t,className:classNames("np-panel","np-panel--open",g)// eslint-disable-next-line react/forbid-dom-props
+,style:_objectSpread({},w.popper)},x.popper),{},{children:/*#__PURE__*/_jsxs("div",{className:"np-panel__content tooltip-inner",children:[f,/*#__PURE__*/_jsx("div",{// @ts-expect-error
+ref:p,className:classNames("np-panel__arrow")// eslint-disable-next-line react/forbid-dom-props
+,style:w.arrow})]})})):null]})};export default Tooltip;

package/build/es/polyfill/tooltip/Tooltip.spec.js

@@ -0,0 +1 @@
+import{render,screen,fireEvent,userEvent}from"../test-utils";import Tooltip from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Tooltip",function(){var a=/*#__PURE__*/_jsx("span",{children:"Hover over me!"});it("wraps anchor as a children and renders it",function(){render(/*#__PURE__*/_jsx(Tooltip,{label:"Tooltip",children:a})),expect(screen.getByText("Hover over me!")).toBeInTheDocument()}),it("appears onMouseOver",function(){render(/*#__PURE__*/_jsx(Tooltip,{label:"Tooltip",children:a})),expect(screen.queryByText("Tooltip")).not.toBeInTheDocument(),userEvent.hover(screen.getByText("Hover over me!")),expect(screen.getByText("Tooltip")).toBeInTheDocument()}),it("hides onMouseOut",function(){render(/*#__PURE__*/_jsx(Tooltip,{label:"Tooltip",children:a})),userEvent.hover(screen.getByText("Hover over me!")),expect(screen.getByText("Tooltip")).toBeInTheDocument(),userEvent.unhover(screen.getByText("Hover over me!"))}),it("appears onFocus",function(){render(/*#__PURE__*/_jsx(Tooltip,{label:"Tooltip",children:a})),expect(screen.queryByText("Tooltip")).not.toBeInTheDocument(),fireEvent.focus(screen.getByText("Hover over me!")),expect(screen.getByText("Tooltip")).toBeInTheDocument()}),it("hides onBlur",function(){render(/*#__PURE__*/_jsx(Tooltip,{label:"Tooltip",children:a})),fireEvent.blur(screen.getByText("Hover over me!")),expect(screen.queryByText("Tooltip")).not.toBeInTheDocument()})});

package/build/es/polyfill/tooltip/Tooltip.story.js

@@ -0,0 +1 @@
+import{select,text}from"@storybook/addon-knobs";import Button from"../button";import{Position}from"../common";import Tooltip from"./Tooltip";import{jsx as _jsx}from"react/jsx-runtime";export default{component:Tooltip,title:"Tooltip"};export var Basic=function(){var a=text("label","Hey edit me!!!!!!"),b=select("position",[Position.BOTTOM,Position.TOP,Position.LEFT,Position.RIGHT],Position.BOTTOM);return/*#__PURE__*/_jsx("div",{className:"text-xs-center",children:/*#__PURE__*/_jsx(Tooltip,{label:a,position:b,children:/*#__PURE__*/_jsx(Button,{children:"Hover me"})})})};

package/build/es/polyfill/upload/Upload.js

@@ -1,4 +1,4 @@
-import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _UPLOAD_STEP_COMPONEN;import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.function.name.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import _regeneratorRuntime from"@babel/runtime/regenerator";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{Plus as PlusIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{Component}from"react";import{injectIntl}from"react-intl";import{Status}from"../common";import messages from"./Upload.messages";import{UploadImageStep,MediaUploadStep,ProcessingStep,CompleteStep}from"./steps";import{UploadStep}from"./uploadSteps";import{postData,asyncFileRead,isSizeValid,isTypeValid,getFileType}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var PROCESS_STATE=["error","success"],ANIMATION_FIX=10,MAX_SIZE_DEFAULT=5e6,UPLOAD_STEP_COMPONENTS=(_UPLOAD_STEP_COMPONEN={},_defineProperty(_UPLOAD_STEP_COMPONEN,UploadStep.UPLOAD_IMAGE_STEP,UploadImageStep),_defineProperty(_UPLOAD_STEP_COMPONEN,UploadStep.MEDIA_UPLOAD_STEP,MediaUploadStep),_UPLOAD_STEP_COMPONEN),Upload=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"onAnimationCompleted",/*#__PURE__*/function(){var a=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function a(b){var c,e,f,g,h,i,j;return _regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:c=d.state,e=c.response,f=c.isProcessing,g=c.fileName,h=d.props.animationDelay,f&&b===Status.SUCCEEDED&&(i=d.props.onSuccess,d.timeouts=setTimeout(function(){d.setState({isProcessing:!1,isComplete:!0},function(){return i?i(e,g):{}})},h)),f&&b===Status.FAILED&&(j=d.props.onFailure,d.timeouts=setTimeout(function(){d.setState({isProcessing:!1,isComplete:!0},function(){return j?j(e):{}})},h));case 4:case"end":return a.stop();}},a)}));return function(){return a.apply(this,arguments)}}()),_defineProperty(_assertThisInitialized(d),"asyncPost",function(a){var b=d.props.httpOptions,c=b||{},e=c.fileInputName,f=void 0===e?a.name:e,g=c.data,h=void 0===g?{}:g,i=new FormData;return i.append(f,a),Object.keys(h).forEach(function(a){return i.append(a,h[a])}),postData(d.prepareHttpOptions(b),i)}),_defineProperty(_assertThisInitialized(d),"asyncResponse",function(a,b){d.timeouts=setTimeout(function(){d.setState({response:a,isError:b===PROCESS_STATE[0],isSuccess:b===PROCESS_STATE[1]})},ANIMATION_FIX)}),_defineProperty(_assertThisInitialized(d),"prepareHttpOptions",function(a){if(!a.url)throw new Error("You must supply a URL to post image data asynchronously");return a}),_defineProperty(_assertThisInitialized(d),"handleOnClear",function(a){a.preventDefault();var b=d.props.onCancel;b&&b(),d.reset()}),_defineProperty(_assertThisInitialized(d),"reset",function(){d.dragCounter=0,clearTimeout(d.timeouts),d.setState({isComplete:!1,isError:!1,isProcessing:!1,isSuccess:!1})}),_defineProperty(_assertThisInitialized(d),"showDataImage",function(a){var b=d.state.isImage;b&&d.setState({uploadedImage:a})}),_defineProperty(_assertThisInitialized(d),"fileDropped",/*#__PURE__*/function(){var a=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function a(b){var c,e,f,g,h,i,j,k,l;return _regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(c=d.props,e=c.httpOptions,f=c.maxSize,g=c.onStart,h=c.usDisabled,i=c.usAccept,!h){a.next=3;break}return a.abrupt("return",!1);case 3:if(b){a.next=5;break}throw new Error("Could not retrieve file");case 5:return d.setState({fileName:b.name,isDroppable:!1,isProcessing:!0}),g&&g(b),j=null,a.prev=8,a.next=11,asyncFileRead(b);case 11:j=a.sent,a.next=17;break;case 14:a.prev=14,a.t0=a["catch"](8),d.asyncResponse(a.t0,PROCESS_STATE[0]);case 17:if(j){a.next=19;break}return a.abrupt("return",!1);case 19:if(d.setState({isImage:getFileType(b,j).includes("image")}),isTypeValid(b,i,j)){a.next=24;break}return k={status:415,statusText:"Unsupported Media Type"},d.asyncResponse(k,PROCESS_STATE[0]),a.abrupt("return",!1);case 24:if(isSizeValid(b,f)){a.next=28;break}return l={status:413,statusText:"Request Entity Too Large"},d.asyncResponse(l,PROCESS_STATE[0]),a.abrupt("return",!1);case 28:if(!e){a.next=32;break}return a.next=31,d.asyncPost(b).then(function(a){return d.asyncResponse(a,"success")}).then(function(){return d.showDataImage(j),!0}).catch(function(a){return d.asyncResponse(a,PROCESS_STATE[0]),!1});case 31:return a.abrupt("return",a.sent);case 32:return d.showDataImage(j),d.asyncResponse(j,"success"),a.abrupt("return",!0);case 35:case"end":return a.stop();}},a,null,[[8,14]])}));return function(){return a.apply(this,arguments)}}()),d.dragCounter=0,d.timeouts=null,d.state={fileName:"",isComplete:!1,isError:!1,isImage:!1,isProcessing:!1,isSuccess:!1,response:null,uploadedImage:null},d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"getErrorMessage",value:function getErrorMessage(a){return 413===a?this.props.csTooLargeMessage||this.props.intl.formatMessage(messages.csTooLargeMessage):415===a?this.props.csWrongTypeMessage||this.props.intl.formatMessage(messages.csWrongTypeMessage):this.props.csFailureText||this.props.intl.formatMessage(messages.csFailureText)}},{key:"onDragLeave",value:function onDragLeave(a){a.preventDefault(),this.dragCounter-=1,0===this.dragCounter&&this.setState({isDroppable:!1})}},{key:"onDragEnter",value:function onDragEnter(a){a.preventDefault(),this.dragCounter+=1;var b=this.props.usDisabled;1!==this.dragCounter||b||this.setState({isDroppable:!0})}},{key:"onDrop",value:function onDrop(a){a.preventDefault(),this.reset(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&this.fileDropped(a.dataTransfer.files[0])}},{key:"render",value:function render(){var a=this,b=this.props,c=b.usDropMessage,d=b.usAccept,e=b.usButtonText,f=b.usDisabled,g=b.usHelpImage,h=b.usLabel,i=b.usPlaceholder,j=b.psButtonText,k=b.psProcessingText,l=b.csButtonText,m=b.csSuccessText,n=b.size,o=b.uploadStep,p=b.intl,q=this.state,r=q.response,s=q.fileName,t=q.isComplete,u=q.isDroppable,v=q.isError,w=q.isImage,x=q.isProcessing,y=q.isSuccess,z=q.uploadedImage,A=UPLOAD_STEP_COMPONENTS[o]||UploadImageStep;return/*#__PURE__*/_jsxs("div",{className:classNames({droppable:!0,"tw-droppable-sm droppable-sm":"sm"===n,"tw-droppable-md droppable-md":"md"===n||!n,"tw-droppable-lg droppable-lg":"lg"===n,"droppable-dropping":u,"droppable-processing":x,"droppable-complete":t}),onDragEnter:function onDragEnter(b){return a.onDragEnter(b)},onDragLeave:function onDragLeave(b){return a.onDragLeave(b)},onDrop:function onDrop(b){return a.onDrop(b)},onDragOver:function onDragOver(a){return a.preventDefault()},children:[!x&&!t&&/*#__PURE__*/_jsx(A,{fileDropped:function fileDropped(b){return a.fileDropped(b)},isComplete:t,usAccept:d,usButtonText:e||p.formatMessage(messages.usButtonText),usDisabled:f,usHelpImage:g,usLabel:h,usPlaceholder:i||p.formatMessage(messages.usPlaceholder)}),x&&/*#__PURE__*/_jsx(ProcessingStep,{isComplete:t,isError:v,isSuccess:y,psButtonText:j||p.formatMessage(messages.psButtonText),psProcessingText:k||p.formatMessage(messages.psProcessingText),onAnimationCompleted:function onAnimationCompleted(b){return a.onAnimationCompleted(b)},onClear:function onClear(b){return a.handleOnClear(b)}}),(y||v||t)&&/*#__PURE__*/_jsx(CompleteStep,{fileName:s,isComplete:t,isError:v,isImage:w,csButtonText:l||p.formatMessage(messages.csButtonText),csFailureText:this.getErrorMessage(null===r||void 0===r?void 0:r.status),csSuccessText:m||p.formatMessage(messages.csSuccessText),uploadedImage:z,onClear:function onClear(b){return a.handleOnClear(b)}}),!x&&/*#__PURE__*/_jsx("div",{className:"droppable-dropping-card droppable-card",children:/*#__PURE__*/_jsxs("div",{className:"droppable-card-content",children:[/*#__PURE__*/_jsx("div",{className:"circle circle-sm p-t-1 text-info",children:/*#__PURE__*/_jsx(PlusIcon,{})}),/*#__PURE__*/_jsx("h4",{className:"m-t-3",children:c||p.formatMessage(messages.usDropMessage)})]})})]})}}]),b}(Component);/*
+import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _UPLOAD_STEP_COMPONEN;import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.function.name.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import _regeneratorRuntime from"@babel/runtime/regenerator";function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import{Plus as PlusIcon}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{Component}from"react";import{injectIntl}from"react-intl";import{Status}from"../common";import messages from"./Upload.messages";import{UploadImageStep,MediaUploadStep,ProcessingStep,CompleteStep}from"./steps";import{UploadStep}from"./uploadSteps";import{postData,asyncFileRead,isSizeValid,isTypeValid,getFileType}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var PROCESS_STATE=["error","success"],ANIMATION_FIX=10,MAX_SIZE_DEFAULT=5e6,UPLOAD_STEP_COMPONENTS=(_UPLOAD_STEP_COMPONEN={},_defineProperty(_UPLOAD_STEP_COMPONEN,UploadStep.UPLOAD_IMAGE_STEP,UploadImageStep),_defineProperty(_UPLOAD_STEP_COMPONEN,UploadStep.MEDIA_UPLOAD_STEP,MediaUploadStep),_UPLOAD_STEP_COMPONEN),Upload=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"onAnimationCompleted",/*#__PURE__*/function(){var a=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function a(b){var c,e,f,g,h,i,j;return _regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:c=d.state,e=c.response,f=c.isProcessing,g=c.fileName,h=d.props.animationDelay,f&&b===Status.SUCCEEDED&&(i=d.props.onSuccess,d.timeouts=setTimeout(function(){d.setState({isProcessing:!1,isComplete:!0},function(){return i?i(e,g):{}})},h)),f&&b===Status.FAILED&&(j=d.props.onFailure,d.timeouts=setTimeout(function(){d.setState({isProcessing:!1,isComplete:!0},function(){return j?j(e):{}})},h));case 4:case"end":return a.stop();}},a)}));return function(){return a.apply(this,arguments)}}()),_defineProperty(_assertThisInitialized(d),"asyncPost",function(a){var b=d.props.httpOptions,c=b||{},e=c.fileInputName,f=void 0===e?a.name:e,g=c.data,h=void 0===g?{}:g,i=new FormData;return i.append(f,a),Object.keys(h).forEach(function(a){return i.append(a,h[a])}),postData(d.prepareHttpOptions(b),i)}),_defineProperty(_assertThisInitialized(d),"asyncResponse",function(a,b){d.timeouts=setTimeout(function(){d.setState({response:a,isError:b===PROCESS_STATE[0],isSuccess:b===PROCESS_STATE[1]})},ANIMATION_FIX)}),_defineProperty(_assertThisInitialized(d),"prepareHttpOptions",function(a){if(!a.url)throw new Error("You must supply a URL to post image data asynchronously");return a}),_defineProperty(_assertThisInitialized(d),"handleOnClear",function(a){a.preventDefault();var b=d.props.onCancel;b&&b(),d.reset()}),_defineProperty(_assertThisInitialized(d),"reset",function(){d.dragCounter=0,clearTimeout(d.timeouts),d.setState({isComplete:!1,isError:!1,isProcessing:!1,isSuccess:!1})}),_defineProperty(_assertThisInitialized(d),"showDataImage",function(a){var b=d.state.isImage;b&&d.setState({uploadedImage:a})}),_defineProperty(_assertThisInitialized(d),"fileDropped",/*#__PURE__*/function(){var a=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function a(b){var c,e,f,g,h,i,j,k,l;return _regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(c=d.props,e=c.httpOptions,f=c.maxSize,g=c.onStart,h=c.usDisabled,i=c.usAccept,!h){a.next=3;break}return a.abrupt("return",!1);case 3:if(b){a.next=5;break}throw new Error("Could not retrieve file");case 5:return d.setState({fileName:b.name,isDroppable:!1,isProcessing:!0}),g&&g(b),j=null,a.prev=8,a.next=11,asyncFileRead(b);case 11:j=a.sent,a.next=17;break;case 14:a.prev=14,a.t0=a["catch"](8),d.asyncResponse(a.t0,PROCESS_STATE[0]);case 17:if(j){a.next=19;break}return a.abrupt("return",!1);case 19:if(d.setState({isImage:getFileType(b,j).includes("image")}),isTypeValid(b,i,j)){a.next=24;break}return k={status:415,statusText:"Unsupported Media Type"},d.asyncResponse(k,PROCESS_STATE[0]),a.abrupt("return",!1);case 24:if(isSizeValid(b,f)){a.next=28;break}return l={status:413,statusText:"Request Entity Too Large"},d.asyncResponse(l,PROCESS_STATE[0]),a.abrupt("return",!1);case 28:if(!e){a.next=32;break}return a.next=31,d.asyncPost(b).then(function(a){return d.asyncResponse(a,"success")}).then(function(){return d.showDataImage(j),!0}).catch(function(a){return d.asyncResponse(a,PROCESS_STATE[0]),!1});case 31:return a.abrupt("return",a.sent);case 32:return d.showDataImage(j),d.asyncResponse(j,"success"),a.abrupt("return",!0);case 35:case"end":return a.stop();}},a,null,[[8,14]])}));return function(){return a.apply(this,arguments)}}()),d.dragCounter=0,d.timeouts=null,d.state={fileName:"",isComplete:!1,isError:!1,isImage:!1,isProcessing:!1,isSuccess:!1,response:null,uploadedImage:null},d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"getErrorMessage",value:function getErrorMessage(a){return 413===a?this.props.csTooLargeMessage||this.props.intl.formatMessage(messages.csTooLargeMessage):415===a?this.props.csWrongTypeMessage||this.props.intl.formatMessage(messages.csWrongTypeMessage):this.props.csFailureText||this.props.intl.formatMessage(messages.csFailureText)}},{key:"onDragLeave",value:function onDragLeave(a){a.preventDefault(),this.dragCounter-=1,0===this.dragCounter&&this.setState({isDroppable:!1})}},{key:"onDragEnter",value:function onDragEnter(a){a.preventDefault(),this.dragCounter+=1;var b=this.props.usDisabled;1!==this.dragCounter||b||this.setState({isDroppable:!0})}},{key:"onDrop",value:function onDrop(a){a.preventDefault(),this.reset(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&this.fileDropped(a.dataTransfer.files[0])}},{key:"render",value:function render(){var a=this,b=this.props,c=b.usDropMessage,d=b.usAccept,e=b.usButtonText,f=b.usDisabled,g=b.usHelpImage,h=b.usLabel,i=b.usPlaceholder,j=b.psButtonText,k=b.psProcessingText,l=b.csButtonText,m=b.csSuccessText,n=b.size,o=b.uploadStep,p=b.intl,q=this.state,r=q.response,s=q.fileName,t=q.isComplete,u=q.isDroppable,v=q.isError,w=q.isImage,x=q.isProcessing,y=q.isSuccess,z=q.uploadedImage,A=UPLOAD_STEP_COMPONENTS[o]||UploadImageStep;return/*#__PURE__*/_jsxs("div",{className:classNames({droppable:!0,"tw-droppable-sm droppable-sm":"sm"===n,"tw-droppable-md droppable-md":"md"===n||!n,"tw-droppable-lg droppable-lg":"lg"===n,"droppable-dropping":u,"droppable-processing":x,"droppable-complete":t}),onDragEnter:function onDragEnter(b){return a.onDragEnter(b)},onDragLeave:function onDragLeave(b){return a.onDragLeave(b)},onDrop:function onDrop(b){return a.onDrop(b)},onDragOver:function onDragOver(a){return a.preventDefault()},children:[!x&&!t&&/*#__PURE__*/_jsx(A,{fileDropped:function fileDropped(b){return a.fileDropped(b)},isComplete:t,usAccept:d,usButtonText:e||p.formatMessage(messages.usButtonText),usDisabled:f,usHelpImage:g,usLabel:h,usPlaceholder:i||p.formatMessage(messages.usPlaceholder)}),x&&/*#__PURE__*/_jsx(ProcessingStep,{isComplete:t,isError:v,isSuccess:y,psButtonText:j||p.formatMessage(messages.psButtonText),psProcessingText:k||p.formatMessage(messages.psProcessingText),onAnimationCompleted:function onAnimationCompleted(b){return a.onAnimationCompleted(b)},onClear:function onClear(b){return a.handleOnClear(b)}}),(y||v||t)&&/*#__PURE__*/_jsx(CompleteStep,{fileName:s,isComplete:t,isError:v,isImage:w,csButtonText:l||p.formatMessage(messages.csButtonText),csFailureText:this.getErrorMessage(null===r||void 0===r?void 0:r.status),csSuccessText:m||p.formatMessage(messages.csSuccessText),uploadedImage:z,onClear:function onClear(b){return a.handleOnClear(b)}}),!x&&/*#__PURE__*/_jsx("div",{className:"droppable-dropping-card droppable-card",children:/*#__PURE__*/_jsxs("div",{className:"droppable-card-content",children:[/*#__PURE__*/_jsx("div",{className:"circle circle-sm p-t-1 text-primary",children:/*#__PURE__*/_jsx(PlusIcon,{})}),/*#__PURE__*/_jsx("h4",{className:"m-t-3",children:c||p.formatMessage(messages.usDropMessage)})]})})]})}}]),b}(Component);/*
  * This delay is required for the isError/isSuccess to be fired after isProcessing so the processIndicator, will be
  * rendered first and then updated with the right status.
  */Upload.propTypes={animationDelay:PropTypes.number,csButtonText:PropTypes.string,csFailureText:PropTypes.string,csSuccessText:PropTypes.string,csTooLargeMessage:PropTypes.string,csWrongTypeMessage:PropTypes.string,httpOptions:PropTypes.shape({url:PropTypes.string.isRequired,method:PropTypes.oneOf(["POST","PUT","PATCH"]),fileInputName:PropTypes.string,data:PropTypes.object,headers:PropTypes.object}),maxSize:PropTypes.number,onCancel:PropTypes.func,onFailure:PropTypes.func,onStart:PropTypes.func,onSuccess:PropTypes.func,psButtonText:PropTypes.string,psProcessingText:PropTypes.string,size:PropTypes.oneOf(["sm","md","lg"]),/**

package/build/es/polyfill/upload/steps/completeStep/completeStep.js

@@ -1 +1 @@
-import{AlertCircle as AlertCircleIcon,Document as DocumentIcon}from"@transferwise/icons";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var CompleteStep=function(a){var b=a.csButtonText,c=a.csFailureText,d=a.csSuccessText,e=a.fileName,f=a.isComplete,g=a.isError,h=a.isImage,i=a.onClear,j=a.uploadedImage;return/*#__PURE__*/_jsx("div",{className:"droppable-complete-card droppable-card","aria-hidden":!f,children:/*#__PURE__*/_jsxs("div",{className:"droppable-card-content",children:[/*#__PURE__*/_jsx("div",{className:"droppable-card-content d-flex flex-column align-items-center",children:g?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(AlertCircleIcon,{size:24,className:"text-danger"}),c&&/*#__PURE__*/_jsx("p",{className:"m-t-2",children:c})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[h&&j?/*#__PURE__*/_jsx("img",{src:j,alt:"OK",className:"thumbnail "}):/*#__PURE__*/_jsx(DocumentIcon,{}),e&&/*#__PURE__*/_jsx("p",{className:"m-b-0",children:/*#__PURE__*/_jsx("small",{children:e})}),d&&/*#__PURE__*/_jsx("div",{className:"caption m-t-1",children:/*#__PURE__*/_jsx("span",{className:"h4",children:d})})]})}),b&&/*#__PURE__*/_jsx("button",{type:"button",className:"btn btn-default btn-sm m-t-3",onClick:function onClick(a){return i(a)},children:b})]})})};CompleteStep.propTypes={csButtonText:PropTypes.string.isRequired,csSuccessText:PropTypes.string.isRequired,csFailureText:PropTypes.string.isRequired,fileName:PropTypes.string.isRequired,isComplete:PropTypes.bool.isRequired,isError:PropTypes.bool.isRequired,isImage:PropTypes.bool.isRequired,onClear:PropTypes.func.isRequired,uploadedImage:PropTypes.string},CompleteStep.defaultProps={uploadedImage:null};export default CompleteStep;
+import{AlertCircle as AlertCircleIcon,Document as DocumentIcon}from"@transferwise/icons";import PropTypes from"prop-types";import{Priority,Size}from"../../..";import Button from"../../../button";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var CompleteStep=function(a){var b=a.csButtonText,c=a.csFailureText,d=a.csSuccessText,e=a.fileName,f=a.isComplete,g=a.isError,h=a.isImage,i=a.onClear,j=a.uploadedImage;return/*#__PURE__*/_jsx("div",{className:"droppable-complete-card droppable-card","aria-hidden":!f,children:/*#__PURE__*/_jsxs("div",{className:"droppable-card-content",children:[/*#__PURE__*/_jsx("div",{className:"droppable-card-content d-flex flex-column align-items-center",children:g?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(AlertCircleIcon,{size:24,className:"text-negative"}),c&&/*#__PURE__*/_jsx("p",{className:"m-t-2",children:c})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[h&&j?/*#__PURE__*/_jsx("img",{src:j,alt:"OK",className:"thumbnail "}):/*#__PURE__*/_jsx(DocumentIcon,{}),e&&/*#__PURE__*/_jsx("p",{className:"m-b-0",children:/*#__PURE__*/_jsx("small",{children:e})}),d&&/*#__PURE__*/_jsx("div",{className:"caption m-t-1",children:/*#__PURE__*/_jsx("span",{className:"h4",children:d})})]})}),b&&/*#__PURE__*/_jsx(Button,{size:Size.SMALL,priority:Priority.SECONDARY,className:"m-t-3",onClick:function onClick(a){return i(a)},children:b})]})})};CompleteStep.propTypes={csButtonText:PropTypes.string.isRequired,csSuccessText:PropTypes.string.isRequired,csFailureText:PropTypes.string.isRequired,fileName:PropTypes.string.isRequired,isComplete:PropTypes.bool.isRequired,isError:PropTypes.bool.isRequired,isImage:PropTypes.bool.isRequired,onClear:PropTypes.func.isRequired,uploadedImage:PropTypes.string},CompleteStep.defaultProps={uploadedImage:null};export default CompleteStep;

package/build/es/polyfill/upload/steps/processingStep/processingStep.js

@@ -1 +1 @@
-import PropTypes from"prop-types";import{Status,Size}from"../../../common";import ProcessIndicator from"../../../processIndicator";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ProcessingStep=function(a){var b=a.isComplete,c=a.isError,d=a.isSuccess,e=a.onAnimationCompleted,f=a.onClear,g=a.psButtonText,h=a.psProcessingText,i=Status.PROCESSING;return c&&(i=Status.FAILED),d&&(i=Status.SUCCEEDED),/*#__PURE__*/_jsx("div",{className:"droppable-processing-card droppable-card","aria-hidden":b,children:/*#__PURE__*/_jsxs("div",{className:"droppable-card-content",children:[/*#__PURE__*/_jsx(ProcessIndicator,{size:Size.Small,status:i,onAnimationCompleted:function onAnimationCompleted(a){return e(a)}}),/*#__PURE__*/_jsx("h4",{className:"m-t-3 m-b-3",children:h}),g&&/*#__PURE__*/_jsx("button",{type:"button",className:"btn btn-default btn-sm",onClick:function onClick(a){return f(a)},children:g})]})})};ProcessingStep.propTypes={isComplete:PropTypes.bool.isRequired,isError:PropTypes.bool.isRequired,isSuccess:PropTypes.bool.isRequired,onAnimationCompleted:PropTypes.func.isRequired,onClear:PropTypes.func.isRequired,psButtonText:PropTypes.string.isRequired,psProcessingText:PropTypes.string.isRequired};export default ProcessingStep;
+import PropTypes from"prop-types";import Button from"../../../button";import{Status,Size}from"../../../common";import ProcessIndicator from"../../../processIndicator";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var ProcessingStep=function(a){var b=a.isComplete,c=a.isError,d=a.isSuccess,e=a.onAnimationCompleted,f=a.onClear,g=a.psButtonText,h=a.psProcessingText,i=Status.PROCESSING;return c&&(i=Status.FAILED),d&&(i=Status.SUCCEEDED),/*#__PURE__*/_jsx("div",{className:"droppable-processing-card droppable-card","aria-hidden":b,children:/*#__PURE__*/_jsxs("div",{className:"droppable-card-content",children:[/*#__PURE__*/_jsx(ProcessIndicator,{size:Size.Small,status:i,onAnimationCompleted:function onAnimationCompleted(a){return e(a)}}),/*#__PURE__*/_jsx("h4",{className:"m-t-3 m-b-3",children:h}),g&&/*#__PURE__*/_jsx(Button,{size:Size.SMALL,onClick:function onClick(a){return f(a)},children:g})]})})};ProcessingStep.propTypes={isComplete:PropTypes.bool.isRequired,isError:PropTypes.bool.isRequired,isSuccess:PropTypes.bool.isRequired,onAnimationCompleted:PropTypes.func.isRequired,onClear:PropTypes.func.isRequired,psButtonText:PropTypes.string.isRequired,psProcessingText:PropTypes.string.isRequired};export default ProcessingStep;

package/build/es/polyfill/uploadInput/uploadButton/UploadButton.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.array.join.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import{Upload as UploadIcon,PlusCircle as PlusIcon}from"@transferwise/icons";import classNames from"classnames";import{useState,useRef}from"react";import{useIntl}from"react-intl";import{useDirection}from"../../common/hooks";import MESSAGES from"./UploadButton.messages";import{imageFileTypes,DEFAULT_SIZE_LIMIT}from"./defaults";import getAllowedFileTypes from"./getAllowedFileTypes";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export var TEST_IDS;(function(a){a.uploadInput="uploadInput",a.mediaBody="mediaBody"})(TEST_IDS||(TEST_IDS={}));var onDragOver=function(a){a.preventDefault()},UploadButton=function(a){var b=a.disabled,c=a.multiple,d=a.fileTypes,e=void 0===d?imageFileTypes:d,f=a.sizeLimit,g=void 0===f?DEFAULT_SIZE_LIMIT:f,h=a.onChange,i=useDirection(),j=i.isRTL,k=useIntl(),l=k.formatMessage,m=useRef(null),n=useState(!1),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useRef(0),s=function(){r.current=0,q(!1)},t=function getFileTypesDescription(){return Array.isArray(e)?getAllowedFileTypes(e).join(", "):"*"===e?e:getAllowedFileTypes([e]).join(", ")}(),u="*"===t,v=u?l(MESSAGES.allFileTypes):t,w=Array.isArray(e)?e.join(","):e;return/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({className:classNames("np-upload-button-container","droppable",{"droppable-dropping":p})},!b&&{onDragEnter:function onDragEnter(a){a.preventDefault(),r.current+=1,1===r.current&&q(!0)},onDragLeave:function onDragLeave(a){a.preventDefault(),r.current-=1,0===r.current&&q(!1)},onDrop:function onDrop(a){a.preventDefault(),s(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&h(a.dataTransfer.files)},onDragOver:onDragOver}),{},{children:[/*#__PURE__*/_jsx("input",_objectSpread(_objectSpread(_objectSpread({ref:m,id:"np-upload-button",type:"file"},!u&&{accept:w}),c&&{multiple:!0}),{},{className:"tw-droppable-input",disabled:b,name:"file-upload","data-testid":TEST_IDS.uploadInput,onChange:function filesSelected(a){var b=a.target.files;b&&(h(b),m.current&&(m.current.value=""))}})),/*#__PURE__*/_jsx("label",{htmlFor:"np-upload-button",className:classNames("btn","np-upload-accent","np-upload-button",{disabled:b}),children:/*#__PURE__*/_jsxs("div",{className:"media",children:[/*#__PURE__*/_jsx("div",{className:classNames("np-upload-icon",{"media-right":j,"media-left":!j}),children:/*#__PURE__*/_jsx(UploadIcon,{size:24,className:"text-link"})}),/*#__PURE__*/_jsxs("div",{className:classNames("media-body",{"text-xs-right":j,"text-xs-left":!j}),"data-testid":TEST_IDS.mediaBody,children:[/*#__PURE__*/_jsx("div",{children:l(c?MESSAGES.uploadFiles:MESSAGES.uploadFile)}),/*#__PURE__*/_jsx("small",{className:classNames("np-upload-description",{"text-primary":!b}),children:l(MESSAGES.instructions,{fileTypes:v,size:Math.round(g/1e3)})})]})]})}),p&&/*#__PURE__*/_jsxs("div",{className:"droppable-card droppable-dropping-card droppable-card-content",children:[/*#__PURE__*/_jsx(PlusIcon,{filled:!0,size:24,className:"text-info m-x-1"}),/*#__PURE__*/_jsx("div",{className:"text-info",children:l(MESSAGES.dropFile)})]})]}))};export default UploadButton;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.array.join.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import{Upload as UploadIcon,PlusCircle as PlusIcon}from"@transferwise/icons";import classNames from"classnames";import{useState,useRef}from"react";import{useIntl}from"react-intl";import{useDirection}from"../../common/hooks";import MESSAGES from"./UploadButton.messages";import{imageFileTypes,DEFAULT_SIZE_LIMIT}from"./defaults";import getAllowedFileTypes from"./getAllowedFileTypes";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export var TEST_IDS;(function(a){a.uploadInput="uploadInput",a.mediaBody="mediaBody"})(TEST_IDS||(TEST_IDS={}));var onDragOver=function(a){a.preventDefault()},UploadButton=function(a){var b=a.disabled,c=a.multiple,d=a.fileTypes,e=void 0===d?imageFileTypes:d,f=a.sizeLimit,g=void 0===f?DEFAULT_SIZE_LIMIT:f,h=a.onChange,i=useDirection(),j=i.isRTL,k=useIntl(),l=k.formatMessage,m=useRef(null),n=useState(!1),o=_slicedToArray(n,2),p=o[0],q=o[1],r=useRef(0),s=function(){r.current=0,q(!1)},t=function getFileTypesDescription(){return Array.isArray(e)?getAllowedFileTypes(e).join(", "):"*"===e?e:getAllowedFileTypes([e]).join(", ")}(),u="*"===t,v=u?l(MESSAGES.allFileTypes):t,w=Array.isArray(e)?e.join(","):e;return/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({className:classNames("np-upload-button-container","droppable",{"droppable-dropping":p})},!b&&{onDragEnter:function onDragEnter(a){a.preventDefault(),r.current+=1,1===r.current&&q(!0)},onDragLeave:function onDragLeave(a){a.preventDefault(),r.current-=1,0===r.current&&q(!1)},onDrop:function onDrop(a){a.preventDefault(),s(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&h(a.dataTransfer.files)},onDragOver:onDragOver}),{},{children:[/*#__PURE__*/_jsx("input",_objectSpread(_objectSpread(_objectSpread({ref:m,id:"np-upload-button",type:"file"},!u&&{accept:w}),c&&{multiple:!0}),{},{className:"tw-droppable-input",disabled:b,name:"file-upload","data-testid":TEST_IDS.uploadInput,onChange:function filesSelected(a){var b=a.target.files;b&&(h(b),m.current&&(m.current.value=""))}})),/*#__PURE__*/_jsx("label",{htmlFor:"np-upload-button",className:classNames("btn","np-upload-accent","np-upload-button",{disabled:b}),children:/*#__PURE__*/_jsxs("div",{className:"media",children:[/*#__PURE__*/_jsx("div",{className:"np-upload-icon media-left",children:/*#__PURE__*/_jsx(UploadIcon,{size:24,className:"text-link"})}),/*#__PURE__*/_jsxs("div",{className:"media-body text-xs-left","data-testid":TEST_IDS.mediaBody,children:[/*#__PURE__*/_jsx("div",{children:l(c?MESSAGES.uploadFiles:MESSAGES.uploadFile)}),/*#__PURE__*/_jsx("small",{className:classNames("np-upload-description",{"text-primary":!b}),children:l(MESSAGES.instructions,{fileTypes:v,size:Math.round(g/1e3)})})]})]})}),p&&/*#__PURE__*/_jsxs("div",{className:"droppable-card droppable-dropping-card droppable-card-content",children:[/*#__PURE__*/_jsx(PlusIcon,{filled:!0,size:24,className:"text-info m-x-1"}),/*#__PURE__*/_jsx("div",{className:"text-info",children:l(MESSAGES.dropFile)})]})]}))};export default UploadButton;

package/build/es/polyfill/uploadInput/uploadItem/UploadItem.js

@@ -1,2 +1,2 @@
-import _typeof from"@babel/runtime/helpers/typeof";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import{AlertCircle,CrossCircle}from"@transferwise/icons";import classNames from"classnames";import{useIntl}from"react-intl";import{Size,Status}from"../../common";import{useDirection}from"../../common/hooks";import ProcessIndicator from"../../processIndicator/ProcessIndicator";import MESSAGES from"./UploadItem.messages";import{UploadItemBody}from"./UploadItemBody";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export var TEST_IDS;(function(a){a.uploadItem="uploadItem",a.mediaBody="mediaBody"})(TEST_IDS||(TEST_IDS={}));var UploadItem=function(a){var b=a.file,c=a.canDelete,d=a.onDelete,e=a.onDownload,f=useDirection(),g=f.isRTL,h=useIntl(),i=h.formatMessage,j=b.status,k=b.filename,l=b.error,m=b.url,n=[Status.SUCCEEDED,void 0].includes(j)&&!!m,o=function(){return"object"===_typeof(l)&&l.message||l||i(MESSAGES.uploadingFailed)};return/*#__PURE__*/_jsx("div",{className:classNames("np-upload-item",{"np-upload-item__link":n}),"data-testid":TEST_IDS.uploadItem,children:/*#__PURE__*/_jsxs("div",{className:"np-upload-item__body",children:[/*#__PURE__*/_jsx(UploadItemBody,{url:n?m:void 0,onDownload:function onDownloadFile(a){e&&(a.preventDefault(),e(b))},children:/*#__PURE__*/_jsx("div",{className:"np-upload-button",children:/*#__PURE__*/_jsxs("div",{className:"media",children:[/*#__PURE__*/_jsx("div",{className:classNames("np-upload-icon",{"media-right":g,"media-left":!g}),children:function getIcon(){if(l||j===Status.FAILED)return/*#__PURE__*/_jsx(AlertCircle,{size:24,className:"text-danger"});var a;switch(j){case Status.PROCESSING:case Status.PENDING:a=/*#__PURE__*/_jsx(ProcessIndicator,{size:Size.EXTRA_SMALL,status:Status.PROCESSING});break;case Status.SUCCEEDED:case Status.DONE:default:a=/*#__PURE__*/_jsx(ProcessIndicator,{size:Size.EXTRA_SMALL,status:Status.SUCCEEDED});}return/*#__PURE__*/_jsx("span",{style:{transform:"scale(0.8335)"},children:a});// Scale down ProcessIndicator to be 20px*20px to match `icons`
-}()}),/*#__PURE__*/_jsxs("div",{className:classNames("media-body",{"text-xs-right":g,"text-xs-left":!g}),"data-testid":TEST_IDS.mediaBody,children:[/*#__PURE__*/_jsx("div",{className:"text-primary",children:function getTitle(){return k||i(MESSAGES.uploadedFile)}()}),/*#__PURE__*/_jsx("small",{className:"np-upload-description text-primary",children:function getDescription(){if(l||j===Status.FAILED)return/*#__PURE__*/_jsx("span",{className:"text-danger",children:o()});switch(j){case Status.PENDING:return/*#__PURE__*/_jsx("span",{children:i(MESSAGES.uploading)});case Status.PROCESSING:return/*#__PURE__*/_jsx("span",{children:i(MESSAGES.deleting)});case Status.SUCCEEDED:case Status.DONE:default:return/*#__PURE__*/_jsx("span",{className:"text-success",children:i(MESSAGES.uploaded)});}}()})]})]})})}),c&&/*#__PURE__*/_jsx("button",{"aria-label":i(MESSAGES.removeFile,{filename:k}),className:classNames("btn np-upload-item__remove-button",{"media-right":!g,"media-left":g}),type:"button",onClick:function onClick(){return d()},children:/*#__PURE__*/_jsx(CrossCircle,{filled:!0,size:16})})]})})};export default UploadItem;
+import _typeof from"@babel/runtime/helpers/typeof";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import{AlertCircle,CrossCircle}from"@transferwise/icons";import classNames from"classnames";import{useIntl}from"react-intl";import{Size,Status}from"../../common";import{useDirection}from"../../common/hooks";import ProcessIndicator from"../../processIndicator/ProcessIndicator";import MESSAGES from"./UploadItem.messages";import{UploadItemBody}from"./UploadItemBody";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export var TEST_IDS;(function(a){a.uploadItem="uploadItem",a.mediaBody="mediaBody"})(TEST_IDS||(TEST_IDS={}));var UploadItem=function(a){var b=a.file,c=a.canDelete,d=a.onDelete,e=a.onDownload,f=useDirection(),g=f.isRTL,h=useIntl(),i=h.formatMessage,j=b.status,k=b.filename,l=b.error,m=b.url,n=[Status.SUCCEEDED,void 0].includes(j)&&!!m,o=function(){return"object"===_typeof(l)&&l.message||l||i(MESSAGES.uploadingFailed)};return/*#__PURE__*/_jsx("div",{className:classNames("np-upload-item",{"np-upload-item__link":n}),"data-testid":TEST_IDS.uploadItem,children:/*#__PURE__*/_jsxs("div",{className:"np-upload-item__body",children:[/*#__PURE__*/_jsx(UploadItemBody,{url:n?m:void 0,onDownload:function onDownloadFile(a){e&&(a.preventDefault(),e(b))},children:/*#__PURE__*/_jsx("div",{className:"np-upload-button",children:/*#__PURE__*/_jsxs("div",{className:"media",children:[/*#__PURE__*/_jsx("div",{className:"np-upload-icon media-left",children:function getIcon(){if(l||j===Status.FAILED)return/*#__PURE__*/_jsx(AlertCircle,{size:24,className:"text-negative"});var a;switch(j){case Status.PROCESSING:case Status.PENDING:a=/*#__PURE__*/_jsx(ProcessIndicator,{size:Size.EXTRA_SMALL,status:Status.PROCESSING});break;case Status.SUCCEEDED:case Status.DONE:default:a=/*#__PURE__*/_jsx(ProcessIndicator,{size:Size.EXTRA_SMALL,status:Status.SUCCEEDED});}return/*#__PURE__*/_jsx("span",{style:{transform:"scale(0.8335)"},children:a});// Scale down ProcessIndicator to be 20px*20px to match `icons`
+}()}),/*#__PURE__*/_jsxs("div",{className:"media-body text-xs-left","data-testid":TEST_IDS.mediaBody,children:[/*#__PURE__*/_jsx("div",{className:"text-primary",children:function getTitle(){return k||i(MESSAGES.uploadedFile)}()}),/*#__PURE__*/_jsx("small",{className:"np-upload-description text-primary",children:function getDescription(){if(l||j===Status.FAILED)return/*#__PURE__*/_jsx("span",{className:"text-negative",children:o()});switch(j){case Status.PENDING:return/*#__PURE__*/_jsx("span",{children:i(MESSAGES.uploading)});case Status.PROCESSING:return/*#__PURE__*/_jsx("span",{children:i(MESSAGES.deleting)});case Status.SUCCEEDED:case Status.DONE:default:return/*#__PURE__*/_jsx("span",{className:"text-positive",children:i(MESSAGES.uploaded)});}}()})]})]})})}),c&&/*#__PURE__*/_jsx("button",{"aria-label":i(MESSAGES.removeFile,{filename:k}),className:"btn np-upload-item__remove-button media-left",type:"button",onClick:function onClick(){return d()},children:/*#__PURE__*/_jsx(CrossCircle,{filled:!0,size:16})})]})})};export default UploadItem;

package/build/es/polyfill/utilities/index.js

@@ -1 +1 @@
-export{logActionRequired,logActionRequiredIf}from"./logActionRequired";export{default as deprecated}from"./deprecatedProperty";
+export{default as deprecated}from"./deprecatedProperty";export{logActionRequired,logActionRequiredIf}from"./logActionRequired";

package/build/main.css

@@ -1 +1 @@
-@media (max-width:767px){.tw-accordion-item .accordion-content .media-body{margin-left:0!important}}.tw-accordion-item{display:block;width:100%;padding:10px 24px}.tw-accordion-item.decision:hover:not(.disabled){background-color:transparent}.tw-accordion-item .btn{border:none}.tw-accordion-item .chevron{vertical-align:middle}.tw-accordion-item .media{color:#37517e;color:var(--color-text-primary,#37517e);flex-wrap:wrap}.tw-accordion-item.decision .media-body{white-space:normal;font-size:16px}.tw-accordion-item .accordion-content{cursor:auto}.tw-accordion-item.closed .accordion-content{max-height:0;overflow:hidden}.tw-accordion-item.tw-accordion-item--dark .media-body,.tw-accordion-item.tw-accordion-item--dark .tw-accordion-item__title{color:#fff;color:var(--color-text-control,#fff)}.tw-action-option .btn{text-decoration:none!important}.tw-avatar{position:relative;border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;cursor:default}.tw-avatar .tw-avatar__content{display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7);height:100%;width:100%;max-height:100%;max-width:100%}.tw-avatar--outlined{border:1px solid #00b9ff;border:1px solid var(--color-control-accent,#00b9ff);cursor:pointer}.tw-avatar--outlined:hover{border-color:#00a4df;border-color:var(--color-control-accent-hover,#00a4df)}.tw-avatar--dark .tw-avatar__content{background:#2e4369;color:#fff}.tw-avatar--thumbnail *{width:100%;height:100%;object-fit:cover}.tw-avatar--icon *{max-height:100%;max-width:100%}.tw-avatar.tw-avatar--icon,.tw-avatar.tw-avatar--initials{color:#37517e}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-family:Arial,sans-serif}.tw-avatar--sm{min-width:24px;width:24px;height:24px}.tw-avatar--sm.tw-avatar--emoji,.tw-avatar--sm.tw-avatar--icon{font-size:12px}.tw-avatar--sm.tw-avatar--initials{font-size:8.4px;font-weight:700}.tw-avatar--sm.tw-avatar--outlined{padding:1px}.tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{top:1px;left:1px;right:1px;bottom:1px}.tw-avatar--sm.tw-avatar--thumbnail:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.08);content:"";border-radius:50%}.tw-avatar--sm.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--md{min-width:48px;width:48px;height:48px}.tw-avatar--md.tw-avatar--emoji,.tw-avatar--md.tw-avatar--icon{font-size:24px}.tw-avatar--md.tw-avatar--initials{font-size:16.8px;font-weight:700}.tw-avatar--md.tw-avatar--outlined{padding:2px}.tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{top:2px;left:2px;right:2px;bottom:2px}.tw-avatar--md.tw-avatar--thumbnail:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.08);content:"";border-radius:50%}.tw-avatar--md.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--lg{min-width:72px;width:72px;height:72px}.tw-avatar--lg.tw-avatar--emoji,.tw-avatar--lg.tw-avatar--icon{font-size:36px}.tw-avatar--lg.tw-avatar--initials{font-size:25.2px;font-weight:700}.tw-avatar--lg.tw-avatar--outlined{padding:3px}.tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{top:3px;left:3px;right:3px;bottom:3px}.tw-avatar--lg.tw-avatar--thumbnail:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.08);content:"";border-radius:50%}.tw-avatar--lg.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar img{width:100%;height:100%}.tw-badge{position:relative;display:inline-block;--badge-size:16px;--badge-mask:2px;--badge-mask-offset:calc(var(--badge-size)/2);--badge-border-color:hsla(0,0%,100%,0.08)}.tw-badge.tw-badge-md{--badge-size:20px;--badge-mask:2px}.tw-badge.tw-badge-lg{--badge-size:24px;--badge-mask:3px}.tw-badge.tw-badge-border-dark{--badge-border-color:rgba(0,0,0,0.08)}.tw-badge>.tw-badge__children{-webkit-mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px));mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px))}.tw-badge>.tw-badge__content{position:absolute;width:var(--badge-size);height:var(--badge-size);bottom:0;right:0;box-sizing:border-box;border-radius:50%;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-badge>.tw-badge__content *{max-height:100%;max-width:100%}.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-dark__children,.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-light__children,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-dark__children,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-light__children{-webkit-mask-image:none;mask-image:none}.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-dark__content,.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-light__content,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-dark__content,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-light__content{border:1px solid var(--badge-border-color);border-right-style:inset}.np-btn{position:relative}.np-btn.np-btn-block>span.btn-loader{position:absolute;left:24px;left:var(--size-24,24px)}.np-btn.np-btn-xs>span.btn-loader{background-size:16px 16px}.np-btn.np-btn-xs.btn-block>span.btn-loader{top:0}.tw-card{border-top:1px solid #e2e6e8;border-top:1px solid var(--color-border-neutral,#e2e6e8);transition:all .15s ease,border 0s!important}.tw-card.list-group-item{margin-top:0;border-left:0;background-color:transparent}.tw-card.active{margin-top:1px;border-top:0}.tw-card.active,.tw-card:hover{background-color:#fff;background-color:var(--color-background-elevated,#fff)}.tw-card:hover .tw-card__panel .circle{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.tw-card__panel .media{cursor:pointer}.tw-card__panel--inactive .media{cursor:default}.tw-card__panel:focus:not(:focus-visible){outline:none}.np-checkbox-button input[type=checkbox]{position:absolute;width:24px;width:var(--size-24,24px);height:24px;height:var(--size-24,24px);opacity:0}.np-checkbox-button input[type=checkbox]:not(:disabled){cursor:pointer}.np-checkbox-button .tw-checkbox-check{pointer-events:none}.checkbox .np-checkbox-button input[type=checkbox]{top:0;left:0;margin:0}.chip{color:#37517e;color:var(--color-text-primary,#37517e);background:#e2e6e8;margin-right:4px;margin-right:var(--size-4,4px);height:32px;height:var(--size-32,32px);border-radius:100px}.chip:active{background:#d3d5d8}.chip .chip-remove{opacity:.6;height:100%}.chip.has-error{background:#f53636;background:var(--color-control-negative,#f53636);color:#fff;color:var(--color-text-control,#fff)}.np-circular-btn{display:inline-flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative}.np-circular-btn input[type=button]{min-height:40px;min-height:var(--size-40,40px);width:40px;width:var(--size-40,40px);height:40px;height:var(--size-40,40px);padding:0;border-radius:50%;margin-bottom:8px;margin-bottom:var(--size-8,8px)}.np-circular-btn .tw-icon{position:absolute;top:8px;pointer-events:none;color:#fff;transition:color .15s ease-in-out;width:100%;left:0}.np-circular-btn .tw-icon>svg{margin:0 auto}.np-circular-btn__label{font-weight:600;font-family:inherit;transition:color .15s ease-in-out}.np-circular-btn.accent .np-circular-btn__label{color:#00b9ff;color:var(--color-control-accent,#00b9ff)}.np-circular-btn.accent:hover .np-circular-btn__label,.np-circular-btn.accent input[type=button]:focus~.np-circular-btn__label{color:#00a4df;color:var(--color-control-accent-hover,#00a4df)}.np-circular-btn.accent:active .np-circular-btn__label,.np-circular-btn.accent input[type=button]:active~.np-circular-btn__label{color:#008ec0;color:var(--color-control-accent-active,#008ec0)}.np-circular-btn.accent.secondary .tw-icon{color:#00b9ff;color:var(--color-control-accent,#00b9ff)}.np-circular-btn.accent.secondary:active input[type=button]+.tw-icon,.np-circular-btn.accent.secondary:hover .tw-icon,.np-circular-btn.accent.secondary input[type=button]:focus+.tw-icon{color:#fff}.np-circular-btn.positive .np-circular-btn__label{color:#2ed06e;color:var(--color-control-positive,#2ed06e)}.np-circular-btn.positive:hover .np-circular-btn__label,.np-circular-btn.positive input[type=button]:focus~.np-circular-btn__label{color:#28b862;color:var(--color-control-positive-hover,#28b862)}.np-circular-btn.positive:active .np-circular-btn__label,.np-circular-btn.positive input[type=button]:active~.np-circular-btn__label{color:#1d8547;color:var(--color-control-positive-active,#1d8547)}.np-circular-btn.positive.secondary .tw-icon{color:#2ed06e;color:var(--color-control-positive,#2ed06e)}.np-circular-btn.positive.secondary:active input[type=button]+.tw-icon,.np-circular-btn.positive.secondary:hover .tw-icon,.np-circular-btn.positive.secondary input[type=button]:focus+.tw-icon{color:#fff}.np-circular-btn.negative .np-circular-btn__label{color:#f53636;color:var(--color-control-negative,#f53636)}.np-circular-btn.negative:hover .np-circular-btn__label,.np-circular-btn.negative input[type=button]:focus~.np-circular-btn__label{color:#cf3131;color:var(--color-control-negative-hover,#cf3131)}.np-circular-btn.negative:active .np-circular-btn__label,.np-circular-btn.negative input[type=button]:active~.np-circular-btn__label{color:#b62a18;color:var(--color-control-negative-active,#b62a18)}.np-circular-btn.negative.secondary .tw-icon{color:#f53636;color:var(--color-control-negative,#f53636)}.np-circular-btn.negative.secondary:active input[type=button]+.tw-icon,.np-circular-btn.negative.secondary:hover .tw-icon,.np-circular-btn.negative.secondary input[type=button]:focus+.tw-icon{color:#fff}.np-circular-btn.disabled.disabled{cursor:not-allowed}.np-circular-btn.disabled.disabled input[type=button]:disabled+.tw-icon,.np-circular-btn.disabled.disabled input[type=button]:disabled~.np-circular-btn__label{color:#a8aaac;color:var(--color-text-inactive,#a8aaac)}.np-circular-btn.disabled.disabled.secondary input[type=button]{border-color:#a8aaac;border-color:var(--color-text-inactive,#a8aaac)}.tw-option__sm-media.decision .media-left{display:block}.tw-option__no-media-circle{width:48px;display:flex;justify-content:center}.tw-option__no-media-circle>*{max-height:76px}input[type=radio]:active+.tw-radio-button,input[type=radio]:focus+.tw-radio-button{border-color:#00b9ff;border-color:var(--color-border-focus,#00b9ff);outline:none}.tw-radio-button.disabled{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.radio:hover .tw-radio-button.disabled{border-color:#e2e6e8;border-color:var(--color-border-neutral,#e2e6e8)}.np-bottom-sheet{border-radius:10px 10px 0 0;border-radius:var(--radius-medium,10px) var(--radius-medium,10px) 0 0}.np-bottom-sheet--top-bar{cursor:grab;padding:8px 0 20px;display:flex;flex-direction:column;align-items:center}.np-bottom-sheet--top-bar--shadow{box-shadow:0 4px 40px rgba(34,48,73,.2)}.np-bottom-sheet--handler{width:40px;height:4px;background:#e2e6e8;background:var(--color-border-neutral,#e2e6e8);border-radius:3px;border-radius:var(--radius-small,3px)}.np-bottom-sheet--close-btn{position:absolute;right:8px;right:var(--size-8,8px)}.np-bottom-sheet--content{overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.np-close-button{transition:color .15s ease-in-out;color:#00b9ff;color:var(--color-control-accent,#00b9ff);border:none;background:none;padding:0;height:16px;height:var(--size-16,16px)}.np-close-button--large{height:24px;height:var(--size-24,24px)}.np-close-button:hover{color:#00a4df;color:var(--color-control-accent-hover,#00a4df)}.np-panel__content{opacity:0;visibility:hidden;background-color:#fff;background-color:var(--color-background-elevated,#fff);border-radius:3px;border-radius:var(--radius-small,3px);box-shadow:0 0 40px rgba(34,48,73,.2);transition:opacity .1s cubic-bezier(.6,.2,.1,1),transform .1s cubic-bezier(.6,.2,.1,1),visibility 0s linear .1s}.np-panel--open .np-panel__content{transition:opacity .1s cubic-bezier(.6,.2,.1,1),transform .1s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none!important}.np-panel__arrow,.np-panel__arrow:before{position:absolute;width:14px;height:14px}.np-panel__arrow:before{content:"";transform:rotate(45deg);background:#fff;background:var(--color-background-elevated,#fff)}.np-panel[data-popper-placement^=top]>.np-panel__content{transform:translateY(10px) scale(.95)}.np-panel[data-popper-placement^=top]>.np-panel__content .np-panel__arrow{bottom:-6px}.np-panel[data-popper-placement^=right]>.np-panel__content{transform:translateX(-10px) scale(.95)}.np-panel[data-popper-placement^=right]>.np-panel__content .np-panel__arrow{left:-6px}.np-panel[data-popper-placement^=bottom]>.np-panel__content{transform:translateY(-10px) scale(.95)}.np-panel[data-popper-placement^=bottom]>.np-panel__content .np-panel__arrow{top:-6px}.np-panel[data-popper-placement^=left]>.np-panel__content{transform:translateX(10px) scale(.95)}.np-panel[data-popper-placement^=left]>.np-panel__content .np-panel__arrow{right:-6px}.tw-date label{width:100%}.tw-date-lookup-menu{min-width:320px}.tw-date-lookup-calendar{min-width:300px;text-align:center;table-layout:fixed}.tw-date-lookup-calendar>tbody>tr>td{padding:4px;padding:var(--size-4,4px)}.tw-date-lookup-calendar>tbody>tr>td button{width:100%;padding:4px 0;padding:var(--size-4,4px) 0;color:#00b9ff;border:transparent;border-radius:3px;background-color:transparent;font-weight:600}.tw-date-lookup-calendar>tbody>tr>td button.active{color:#fff;color:var(--color-text-control,#fff);background-color:#37517e}.tw-date-lookup-calendar>tbody>tr>td button:not([disabled]):hover{color:#fff;color:var(--color-text-control,#fff);background-color:#00b9ff;background-color:var(--color-control-accent,#00b9ff)}.tw-date-lookup-calendar>tbody>tr>td button:disabled{color:#d3d5d8}.np-date-trigger.dropdown-toggle{overflow:visible!important}.np-date-trigger .clear-btn{transition:color .15s ease-in-out;color:#a8afbb;height:100%;position:absolute;top:0;right:0;padding:0 16px;padding:0 var(--size-16,16px)}.np-date-trigger .clear-btn:active,.np-date-trigger .clear-btn:focus,.np-date-trigger .clear-btn:hover{color:#707b8f}.np-date-trigger.btn .clear-btn .tw-icon{position:static}.np-decision__tile--small+.np-decision__tile--small{margin-left:16px;margin-left:var(--size-16,16px)}.np-decision.np-decision--grid .np-decision__tile--small{margin:0 16px 16px 0;margin:0 var(--size-16,16px) var(--size-16,16px) 0;margin-bottom:16px!important;margin-bottom:var(--size-16,16px)!important}.np-decision__tile+.np-decision__tile{margin-left:24px;margin-left:var(--size-24,24px)}.np-decision.np-decision--grid .np-decision__tile{margin:0 24px 24px 0;margin:0 var(--size-24,24px) var(--size-24,24px) 0;margin-bottom:24px!important;margin-bottom:var(--size-24,24px)!important}.np-decision.np-decision--grid .np-size-swapper{margin-right:-24px;margin-right:calc(0px - var(--size-24, 24px))}.np-decision.np-decision--grid.np-decision--small .np-size-swapper{margin-right:-16px;margin-right:calc(0px - var(--size-16, 16px))}.np-decision--rtl .np-decision__tile+.np-decision__tile{margin-left:0;margin-right:24px;margin-right:var(--size-24,24px)}.tw-definition-list__item dd{word-break:break-all}@media (min-width:576px){.tw-definition-list.tw-definition-list--columns{flex-wrap:wrap}.tw-definition-list.tw-definition-list--columns .tw-definition-list__item{width:50%}.tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item{display:flex}.tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dt{flex:1;min-width:150px;max-width:30%;margin-right:8px;margin-right:var(--size-8,8px)}.tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dd{flex:1;margin-bottom:8px;margin-bottom:var(--size-8,8px)}}.no-scroll{overflow:hidden}.dimmer{position:fixed;z-index:1050;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:background-color .35s cubic-bezier(0,.94,.62,1);background:rgba(0,0,0,.4)}.dimmer--scrollable{overflow-y:auto}.dimmer .np-focus-boundary{pointer-events:none}.dimmer .np-focus-boundary>*{pointer-events:all}.dimmer.dimmer--enter-done.dimmer--enter-fade>*{opacity:1}.dimmer--transparent.dimmer{background:transparent}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit-fade>*{transition:opacity .35s cubic-bezier(0,.94,.62,1)}.dimmer.dimmer--exit-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit.dimmer--exit-fade>*{opacity:0}.np-drawer{display:flex;flex-direction:column;justify-content:space-between;width:100vw;max-width:600px;height:100vh;max-height:100vh}.np-drawer .np-drawer-footer,.np-drawer .np-drawer-header{display:flex;align-items:center;flex-wrap:nowrap}.np-drawer .np-drawer-content{overflow-y:auto;flex:1}.np-drawer .np-drawer-header{min-height:56px;min-height:var(--size-56,56px);padding:24px 16px;padding:var(--size-24,24px) var(--size-16,16px)}.np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-drawer .np-drawer-header .tw-icon{display:block;cursor:pointer;fill:#00b9ff}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:16px;padding:var(--size-16,16px)}.np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #e2e6e8}.np-drawer .np-drawer-header--title{font-size:20px;line-height:24px;line-height:var(--size-24,24px);margin-left:16px;margin-left:var(--size-16,16px);margin-bottom:-2px}@media (min-width:768px){.np-drawer .np-drawer-header{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:24px;padding:var(--size-24,24px)}}.formatted-value__h3-custom-alignment{margin-bottom:16px;margin-bottom:var(--size-16,16px);line-height:24px}.emphasis{font-weight:600;font-weight:var(--font-weight-semi-bold,600);font-style:normal}.emphasis--important{color:#37517e;color:var(--color-text-important,#37517e)}.emphasis--positive{color:#2ed06e;color:var(--color-text-positive,#2ed06e)}.emphasis--negative{color:#f53636;color:var(--color-text-negative,#f53636)}.emphasis--warning{color:#ffa600;color:var(--color-text-warning,#ffa600)}.np-flow-navigation{width:100%;min-height:97px}.np-flow-navigation--border-bottom{min-height:96px;border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8)}.np-flow-navigation__content{width:100%;min-width:320px;max-width:1164px}.np-flow-navigation__stepper{padding-bottom:0!important;padding-left:0!important;padding-right:0!important}.np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps{display:none}.np-flow-navigation--xs-max .np-flow-navigation__stepper .progress{margin-bottom:0!important}.np-flow-navigation--xs-max .np-animated-label{height:auto}.np-flow-navigation--sm .np-flow-navigation__stepper{padding-left:24px!important;padding-right:24px!important;min-height:56px}.np-flow-navigation--lg .np-flow-navigation__stepper{max-width:562px}.np-flow-navigation--lg .np-header__left,.np-flow-navigation--lg .np-header__right{width:180px;justify-content:center}.np-flow-navigation .separator{margin-left:16px!important;margin-right:16px!important;height:32px;height:var(--size-32,32px);width:1px;min-width:1px;background-color:#e2e6e8;background-color:var(--color-border-neutral,#e2e6e8)}.np-flow-navigation--hidden{visibility:hidden}.np-flow-navigation--flag{width:24px;width:var(--size-24,24px);height:32px;height:var(--size-32,32px);background-repeat:no-repeat;background-position:50% 50%;background-image:url(https://wise.com/public-resources/assets/logos/wise/brand_flag.svg);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.np-flow-navigation--flag__hidden{position:absolute;opacity:0;transform:rotate(90deg);margin-top:-24px;z-index:-1}.np-flow-navigation--flag__display{opacity:1;transform:rotate(0deg)}.np-animated-label{height:24px;overflow:hidden;position:relative;padding-top:1px;font-weight:600}.np-animated-label>*{height:0;opacity:0;position:absolute;transform:translateX(-8px);transition:all .15s ease-in}.np-animated-label--in{height:auto;opacity:1;position:relative;top:auto;transform:translateX(0);transition:all .15s ease-in .15s}.np-animated-label--out{position:relative;top:-24px;transform:translateX(8px)}.np-back-button{color:#00b9ff;color:var(--color-control-accent,#00b9ff);display:flex!important}.np-back-button:hover{color:#00a4df;color:var(--color-control-accent-hover,#00a4df)}.tw-image{max-width:none;width:auto;min-width:-webkit-min-content;min-width:min-content}.tw-image__shrink{max-width:100%;min-width:auto}.tw-image__stretch{width:100%}.np-info{height:16px}.np-info [data-toggle=popover]:not(.btn),.np-info button{height:16px;overflow:hidden;display:inline-block}.np-info__large{height:24px}.np-info__large [data-toggle=popover]:not(.btn),.np-info__large button{height:24px;display:inline-block}.np-info .tw-icon{cursor:pointer;color:#00b9ff;color:var(--color-accent,#00b9ff);display:inline-block}.np-info [data-toggle=popover]:not(.btn){border-bottom:none!important}.np-info [data-toggle=popover]:not(.btn):focus{outline:revert}.tw-instructions{display:flex;flex-direction:column}.tw-instructions .instruction{display:flex}.tw-instructions .instruction .do,.tw-instructions .instruction .dont{flex-shrink:0}.tw-instructions .instruction .do{color:#2ed06e;color:var(--color-positive,#2ed06e)}.tw-instructions .instruction .dont{color:#f53636;color:var(--color-negative,#f53636)}.mobileNav{margin-top:21px;height:48px;border-top:1px solid #e2e6e8;border-top:1px solid var(--color-border-neutral,#e2e6e8);display:flex;justify-content:center;width:100%;background:#fff;background:var(--color-background-screen,#fff);position:fixed;bottom:0;left:0;right:0;z-index:8;transition:transform .08s linear .12s}@supports (transform:translate3d(0,calc(env(safe-area-inset-bottom) * -1),0)){.mobileNav{transform:translate3d(0,calc(env(safe-area-inset-bottom)*-1),0)}}.mobileNav:after{content:"";display:block;background:#fff;background:var(--color-background-screen,#fff);width:100%;height:150px;position:absolute;top:47px;left:0;right:0;z-index:0}@media (min-width:769px){.mobileNav{display:none}}.mobileNav--with-open-in-app-banner{transform:translate3d(0,-44px,0)}@supports (transform:translate3d(0,calc(-44px + env(safe-area-inset-bottom) * -1),0)){.mobileNav--with-open-in-app-banner{transform:translate3d(0,calc(-44px + env(safe-area-inset-bottom)*-1),0)}}.mobileNav__items{margin:0;padding:0;list-style-type:none;flex:0 1 414px;z-index:1}.mobileNav__items,.mobileNavItem{display:flex;justify-content:center}.mobileNavItem{align-items:center;flex:0 1 82px;background:#fff;background:var(--color-background-screen,#fff)}.mobileNavItem.mobileNavItem--active .mobileNavItem__link{color:#00b9ff;color:var(--color-accent,#00b9ff)}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link{box-sizing:border-box}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:before{content:"";width:48px;height:24px;min-height:24px;border-radius:24px 24px 0 0;border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);border-bottom:0;background:#fff;background:var(--color-background-screen,#fff);box-sizing:content-box;position:relative;top:-23px;left:0}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:after{content:"";background:#fff;background:var(--color-background-screen,#fff);width:100%;height:6px;top:0;left:0;position:absolute}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon{color:#fff;color:var(--color-background-screen,#fff);padding:10px;z-index:2;margin:-45px 0 0}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon:before{content:"";background:#2ed06e;background:var(--color-positive,#2ed06e);display:block;height:40px;width:40px;border-radius:50%;position:absolute;top:-13px;left:calc(50% - 20px);z-index:1}.mobileNavItem.mobileNavItem--call-to-action:hover .mobileNavItem__icon:before{background:#28b862;background:var(--color-control-positive-hover,#28b862)}.mobileNavItem__icon{display:flex;justify-content:center;align-items:center;width:100%}.mobileNavItem__icon .tw-icon{z-index:2;position:relative}.mobileNavItem__link{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 100%;padding-top:5px;text-decoration:none;color:#37517e;color:var(--color-primary,#37517e)}.mobileNavItem__link:active,.mobileNavItem__link:hover{color:#00b9ff;color:var(--color-accent,#00b9ff);text-decoration:none}.mobileNavItem__label{flex:0 0 auto;display:inline-block;width:100%;font-family:Averta;font-style:normal;font-weight:400;font-size:10px;line-height:16px;text-align:center;letter-spacing:.24px;padding-top:2px}.tw-pagination{display:inline-block;padding-left:0;margin-bottom:24px;margin-bottom:var(--size-24,24px)}.tw-pagination li{display:inline}.tw-pagination li:first-child>a{margin-left:0}.tw-pagination li:last-child>a{margin-right:0}.tw-pagination a{float:left;line-height:48px;line-height:var(--size-48,48px);text-decoration:none;color:#37517e;color:var(--color-text-primary,#37517e);margin:0 4px;margin:0 var(--size-4,4px);width:48px;width:var(--size-48,48px);text-align:center;border-radius:50%;font-weight:400}.tw-pagination a.active,.tw-pagination a:focus,.tw-pagination a:hover{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.tw-pagination a.active{font-weight:700;cursor:not-allowed}.tw-pagination a.disabled{color:#a8aaac;color:var(--color-text-inactive,#a8aaac);background-color:transparent;cursor:not-allowed}.tw-pagination svg{margin:16px;margin:var(--size-16,16px)}.np-link .tw-icon{margin-left:4px;margin-left:var(--size-4,4px)}.tw-loader{overflow:hidden;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.tw-loader.tw-loader--xs{width:24px;height:24px}.tw-loader.tw-loader--sm{width:48px;height:48px}.tw-loader.tw-loader--md{width:72px;height:72px}.tw-loader.tw-loader--lg{width:96px;height:96px}.tw-loader.tw-loader--xl{width:128px;height:128px}.tw-loader__stripe{position:relative;width:100%;height:11%;margin:7.5% 0;background-color:#00b9ff;background-color:var(--color-accent,#00b9ff)}.tw-loader__stripe:first-child{animation:s-1 6s linear 0s infinite,s-1-opacity 6s linear 0s infinite}@keyframes s-1-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}18%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}43%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}68%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}93%{opacity:0}to{opacity:0}}@keyframes s-1{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(-46%) skew(-23.5deg)}15%{transform:translateX(-44%) skew(-23.5deg)}18%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(39%) skew(-23.5deg)}40%{transform:translateX(41%) skew(-23.5deg)}43%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(-21%) skew(-23.5deg)}65%{transform:translateX(-19%) skew(-23.5deg)}68%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(59%) skew(-23.5deg)}90%{transform:translateX(61%) skew(-23.5deg)}93%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(2){animation:s-2 6s linear 0s infinite,s-2-opacity 6s linear 0s infinite}@keyframes s-2-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}19%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}44%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}69%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}94%{opacity:0}to{opacity:0}}@keyframes s-2{0%{transform:translateX(100%) skew(-23.5deg)}7%{transform:translateX(21%) skew(-23.5deg)}16%{transform:translateX(19%) skew(-23.5deg)}19%{transform:translateX(-100%) skew(-23.5deg)}25%{transform:translateX(80%) skew(-23.5deg)}32%{transform:translateX(-54%) skew(-23.5deg)}41%{transform:translateX(-56%) skew(-23.5deg)}44%{transform:translateX(-100%) skew(-23.5deg)}50%{transform:translateX(80%) skew(-23.5deg)}57%{transform:translateX(51%) skew(-23.5deg)}66%{transform:translateX(49%) skew(-23.5deg)}69%{transform:translateX(-100%) skew(-23.5deg)}75%{transform:translateX(80%) skew(-23.5deg)}82%{transform:translateX(-17%) skew(-23.5deg)}91%{transform:translateX(-19%) skew(-23.5deg)}94%{transform:translateX(-100%) skew(-23.5deg)}to{transform:translateX(80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(3){animation:s-3 6s linear 0s infinite,s-3-opacity 6s linear 0s infinite}@keyframes s-3-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}20%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}45%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}70%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}95%{opacity:0}to{opacity:0}}@keyframes s-3{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(-36%) skew(-23.5deg)}17%{transform:translateX(-34%) skew(-23.5deg)}20%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(17%) skew(-23.5deg)}42%{transform:translateX(19%) skew(-23.5deg)}45%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(-11%) skew(-23.5deg)}67%{transform:translateX(-9%) skew(-23.5deg)}70%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(9%) skew(-23.5deg)}92%{transform:translateX(11%) skew(-23.5deg)}95%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(4){animation:s-4 6s linear 0s infinite,s-4-opacity 6s linear 0s infinite}@keyframes s-4-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}21%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}46%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}71%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}96%{opacity:0}to{opacity:0}}@keyframes s-4{0%{transform:translateX(100%) skew(-23.5deg)}7%{transform:translateX(-17%) skew(-23.5deg)}18%{transform:translateX(-19%) skew(-23.5deg)}21%{transform:translateX(-100%) skew(-23.5deg)}25%{transform:translateX(80%) skew(-23.5deg)}32%{transform:translateX(-59%) skew(-23.5deg)}43%{transform:translateX(-61%) skew(-23.5deg)}46%{transform:translateX(-100%) skew(-23.5deg)}50%{transform:translateX(80%) skew(-23.5deg)}57%{transform:translateX(26%) skew(-23.5deg)}68%{transform:translateX(24%) skew(-23.5deg)}71%{transform:translateX(-100%) skew(-23.5deg)}75%{transform:translateX(80%) skew(-23.5deg)}82%{transform:translateX(-24%) skew(-23.5deg)}93%{transform:translateX(-26%) skew(-23.5deg)}96%{transform:translateX(-100%) skew(-23.5deg)}to{transform:translateX(80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(5){animation:s-5 6s linear 0s infinite,s-5-opacity 6s linear 0s infinite}@keyframes s-5-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}22%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}47%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}72%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes s-5{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(39%) skew(-23.5deg)}19%{transform:translateX(41%) skew(-23.5deg)}22%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(-36%) skew(-23.5deg)}44%{transform:translateX(-34%) skew(-23.5deg)}47%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(59%) skew(-23.5deg)}69%{transform:translateX(61%) skew(-23.5deg)}72%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(-26%) skew(-23.5deg)}94%{transform:translateX(-24%) skew(-23.5deg)}97%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.np-logo{height:24px;height:var(--size-24,24px)}.tw-modal.tw-modal--content{max-height:100vh}.tw-modal .tw-modal-dialog{max-height:100%;transition:transform .3s ease-out;transform:translateY(-25%);height:100%;width:100%}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{height:calc(100vh - 88px);max-height:-webkit-fill-available;overflow:hidden;background:#fff;background:var(--color-background-elevated,#fff);box-shadow:0 5px 15px rgba(0,0,0,.2);width:100%}@media (min-width:576px){.tw-modal .tw-modal-content{height:auto}}.tw-modal .tw-modal-content .tw-modal-body{z-index:1;flex:1;overflow-y:auto;word-break:break-word}.tw-modal .tw-modal-content .tw-modal-header{min-height:56px;min-height:calc(var(--size-8, 8px)*7);box-shadow:inset 0 -1px 0 0 #e2e6e8}.tw-modal .tw-modal-content .tw-modal-header.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content .tw-modal-header .tw-icon{fill:#00b9ff;cursor:pointer;display:block;margin-top:-2px}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:16px;padding:var(--size-16,16px)}.tw-modal .tw-modal-content .tw-modal-title{max-width:85%}.tw-modal .tw-modal-content .tw-modal-footer{padding-top:12px;padding-top:var(--size-12,12px);padding-bottom:12px;padding-bottom:var(--size-12,12px);box-shadow:inset 0 1px 0 0 #e2e6e8}.tw-modal .tw-modal-content .tw-modal-footer.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-body{padding-top:0!important}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-header{min-height:32px;min-height:var(--size-32,32px);padding-bottom:4px!important}@media (max-width:575px){.tw-modal-dialog{padding:16px;padding:var(--size-16,16px);max-width:528px;max-width:calc(576px - var(--size-40, 40px)*2 + var(--size-16, 16px)*2)}.tw-modal-dialog.tw-modal-sm{max-width:332px;max-width:calc(300px + var(--size-16, 16px)*2)}}@media (min-width:576px){.tw-modal .tw-modal-dialog{height:auto}.tw-modal .tw-modal-content .tw-modal-header{min-height:64px;min-height:calc(var(--size-8, 8px)*8)}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.tw-modal .tw-modal-compact .tw-modal-header{min-height:56px;min-height:calc(var(--size-8, 8px)*7)}.tw-modal .tw-modal-compact .tw-modal-body,.tw-modal .tw-modal-compact .tw-modal-footer,.tw-modal .tw-modal-compact .tw-modal-header{padding-top:16px;padding-top:var(--size-16,16px);padding-bottom:16px;padding-bottom:var(--size-16,16px)}}@media (min-width:480px){.tw-modal--content{height:auto}.tw-modal--content .tw-modal-dialog{max-height:none}.tw-modal--content .tw-modal-dialog .tw-modal-content{max-height:none;overflow:visible}.tw-modal--content .tw-modal-dialog .tw-modal-content .tw-modal-body{overflow-y:visible}.tw-modal-dialog.tw-modal-sm{width:300px}}@media (min-width:576px){.tw-modal{padding:40px;padding:var(--size-40,40px)}.tw-modal .tw-modal-dialog .tw-modal-content{border-radius:3px}.tw-modal .tw-modal-dialog.tw-modal-md{width:540px}}@media (min-width:768px){.tw-modal-dialog.tw-modal-lg{width:720px}}@media (min-width:992px){.tw-modal-dialog.tw-modal-xl{width:1000px}}@media (-ms-high-contrast:none){:root .tw-modal,:root .tw-modal .tw-modal-dialog,_:-ms-fullscreen,_:-ms-fullscreen .tw-modal-dialog{height:100%}}.tw-money-input .tw-money-input__fixed-currency{padding-left:0!important}.tw-money-input__keyline{width:2px;border:1px solid #d3d5d8;background-color:#d3d5d8;height:24px;display:inline-block;margin-right:24px;transform:translateY(4px)}.tw-money-input--disabled{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7);cursor:not-allowed}.tw-money-input__fixed-currency{position:relative}.tw-money-input__fixed-currency span{color:#6f8691}.tw-money-input .amount-currency-select-btn>.tw-select>.btn{display:flex;align-items:center}.tw-money-input .amount-currency-select-btn>.tw-select>.btn span:not(.tw-icon){min-width:2.6em}@media (min-width:576px){.tw-money-input .amount-currency-select-btn>.tw-select>.btn span:not(.tw-icon){min-width:calc(2.6em + 32px);min-width:calc(2.6em + var(--size-32, 32px))}}.tw-money-input .amount-currency-select-btn>.tw-select>.btn-addon.dropdown-toggle{padding-right:16px;padding-right:calc(var(--size-8, 8px)*2)}.tw-money-input .amount-currency-select-btn>.tw-select>.btn-lg>span{line-height:25px}.tw-money-input .amount-currency-select-btn>.tw-select>.btn-md>span{line-height:22px}.tw-money-input .amount-currency-select-btn>.tw-select>.btn>span.tw-icon{position:static;padding-right:16px;padding-right:calc(var(--size-8, 8px)*2)}.tw-navigation-option{text-decoration:none;border-left:0;border-right:0;background-color:transparent;text-align:left;width:100%}.tw-navigation-option:focus,.tw-navigation-option:hover{text-decoration:none}.tw-navigation-option:hover .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}.tw-navigation-option .circle{border:none}.tw-navigation-option .media-body{color:#5d7079;font-weight:500}.tw-navigation-option__chevron{padding:0;border:none;outline:none;background:none}.tw-navigation-option__chevron:focus,.tw-navigation-option__chevron:hover{color:#00a4df;color:var(--color-text-link-hover,#00a4df)}.tw-navigation-option__chevron:active{color:#008ec0;color:var(--color-text-link-active,#008ec0)}.tw-navigation-option__chevron[disabled]:focus,.tw-navigation-option__chevron[disabled]:hover{color:#a8aaac;color:var(--color-text-inactive,#a8aaac)}.tw-navigation-options-list{list-style-type:none;padding-left:0;margin-bottom:0}.tw-navigation-options-list__item+.tw-navigation-options-list__item{margin-top:-1px}.tw-nudge{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7);padding:16px;padding:var(--size-16,16px);border-radius:10px;border-radius:var(--radius-medium,10px)}.tw-nudge__title.media-heading{margin-bottom:4px;margin-bottom:var(--size-4,4px)}.tw-nudge__link,.tw-nudge__link:focus,.tw-nudge__link:hover{text-decoration:none}.np-overlay-header{min-height:97px}.np-overlay-header .separator{margin-left:16px!important;margin-right:16px!important;height:32px;height:var(--size-32,32px);width:1px;background-color:#e2e6e8;background-color:var(--color-border-neutral,#e2e6e8)}.tw-telephone{display:flex}@media (min-width:576px){.tw-telephone .btn-group .dropdown-menu{min-width:250px}}.tw-telephone .tw-telephone__number-input{margin-left:12px}.tw-telephone--rtl .tw-telephone__number-input{margin-left:0;margin-right:12px;width:100%}.tw-telephone__country-select{flex-basis:120px;flex-shrink:0}.tw-telephone__number-input{flex:auto 1 1}.np-popover__container .np-popover__content{font-size:14px}.np-popover__container.np-panel .np-popover__title{margin:0;color:#37517e;color:var(--color-text-primary,#37517e);font-weight:600;letter-spacing:0;font-size:16px;line-height:24px}.np-popover__container.np-panel .np-popover__title .small,.np-popover__container.np-panel .np-popover__title small{color:#829ca9;font-weight:300;line-height:1;font-size:75%}.np-popover__container.np-panel .np-popover__content{padding:16px 24px;padding:var(--size-16,16px) var(--size-24,24px);max-width:276px}.np-popover__container.np-bottom-sheet .np-popover__title{color:#37517e;color:var(--color-text-primary,#37517e);font-weight:600;letter-spacing:0;margin:0 0 2px;font-size:18px;line-height:32px}.np-popover__container.np-bottom-sheet .np-popover__title .small,.np-popover__container.np-bottom-sheet .np-popover__title small{color:#829ca9;font-weight:300;line-height:1}@media (min-width:768px){.np-popover__container.np-bottom-sheet .np-popover__title{margin-bottom:4px;margin-bottom:var(--size-4,4px);font-weight:800;font-size:1.75rem;line-height:1.14285714}}.np-popover__container.np-bottom-sheet .np-popover__title .small,.np-popover__container.np-bottom-sheet .np-popover__title small{font-size:65%}.np-popover__container.np-bottom-sheet .np-popover__content{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.sliding-panel{transform:translateX(-100%);transition:transform .35s cubic-bezier(0,.94,.62,1);background:#fff;background:var(--color-background-elevated,#fff);z-index:1030;position:absolute}.sliding-panel.sliding-panel--fixed{position:fixed}.sliding-panel.sliding-panel--open-left,.sliding-panel.sliding-panel--open-right{top:0;bottom:0}.sliding-panel.sliding-panel--open-right{transform:translateX(100%);right:0}.sliding-panel.sliding-panel--open-left{transform:translateX(-100%);left:0}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-left,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-right{transform:translateX(0)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-bottom,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-top{transform:translateY(0)}.sliding-panel.sliding-panel--open-bottom,.sliding-panel.sliding-panel--open-top{right:0;left:0;width:100%}.sliding-panel.sliding-panel--open-top{transform:translateY(-100%);top:0}.sliding-panel.sliding-panel--open-bottom{transform:translateY(100%);bottom:0}.sliding-panel.sliding-panel--border-top{box-shadow:inset 0 -1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-right{box-shadow:inset 1px 0 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-bottom{box-shadow:inset 0 1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-left{box-shadow:inset -1px 0 0 0 #e2e6e8}.snackbar{text-align:center;position:fixed;bottom:0;left:0;right:0;z-index:1060}.snackbar__text{background:#2e4369;color:#fff;font-size:14px;line-height:20px;display:inline-flex;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);align-items:center;justify-content:space-between;text-align:left;margin:0 16px;margin:0 var(--size-16,16px);padding:14px 16px;padding:14px var(--size-16,16px);width:calc(100% - 32px);width:calc(100% - var(--size-32, 32px));transition:.4s cubic-bezier(.215,.61,.355,1)}.snackbar__text--dark{background:#fff;background:var(--color-background-screen,#fff);color:#37517e;color:var(--color-text-primary,#37517e)}@media (min-width:576px){.snackbar__text{width:auto;max-width:600px}}.snackbar__text__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;line-height:1;border:0;padding:14px 16px;margin:-14px -16px -14px 0;background:none;outline:0;font:inherit;color:#00b9ff;color:var(--color-accent,#00b9ff);font-weight:600;position:relative;cursor:pointer}.snackbar__text-container-enter,.snackbar__text-container-exit{transform:translateY(calc(100% + 10px))}.snackbar__text-container-enter-active{transform:translateY(-16px);transform:translateY(calc(-16px - env(safe-area-inset-bottom)))}@media (min-width:576px){.snackbar__text-container-enter-active{transform:translateY(-24px)}}.snackbar--rtl .snackbar__text__action{margin:-14px 0 -14px -16px}.tw-stepper{padding-bottom:24px;width:100%}@media only screen and (max-width:575px){.tw-stepper{padding-bottom:0}}.tw-stepper__step{position:absolute;list-style-type:none}.tw-stepper__step--active .tw-stepper__step-label{color:#2e4369;font-weight:600}.tw-stepper__step--clickable .tw-stepper__step-label{color:#00b9ff;font-weight:600;transition:color .15s ease-in-out}.tw-stepper__step--clickable .tw-stepper__step-label:focus,.tw-stepper__step--clickable .tw-stepper__step-label:hover{color:#00a4df}@media screen and (min-width:576px) and (max-width:991px){.tw-stepper__step:first-child .tooltip-inner{transform:translateX(calc(50% - 32px))}.tw-stepper__step:last-child .tooltip-inner{transform:translateX(calc(-50% + 32px))}.tw-stepper__step .tooltip-arrow{z-index:1}}.tw-stepper__step-label{color:#a8aaac;transition:color .6s ease-in-out;position:absolute;white-space:nowrap;transform:translateX(-50%)}.tw-stepper .tooltip{top:24px!important;white-space:nowrap}.tw-stepper .tooltip .tooltip-inner{max-width:100%}.tw-stepper .tw-tooltip-container{display:block}.tw-stepper-steps{position:relative}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00b9ff,#2e4369);transition:width .6s ease-in-out}.progress-bar-ending:after{float:right;width:8px;height:8px;margin-top:-3px;margin-right:-4px;content:"";background-color:#2e4369;border-radius:4px}.progress-bar-filler{float:left;height:100%;background-color:#00b9ff;border-top-left-radius:1px;border-bottom-left-radius:1px;transition:width .6s ease-in-out;will-change:width}.btn-unstyled{background:none;outline:none;border:none;margin:0;padding:0;display:block}.np-summary{min-width:280px}.np-summary__title{margin-top:2px;line-height:1.375}.np-summary__title .np-info__small{margin-top:2px}.np-summary__icon{position:relative;color:#37517e;color:var(--color-primary,#37517e)}.np-summary__icon .np-summary-icon__done{color:#2ed06e;color:var(--color-control-positive,#2ed06e)}.np-summary__icon .np-summary-icon__pending{color:#ffa600;color:var(--color-control-warning,#ffa600)}.np-summary__icon :nth-child(2){background-color:#fff;background-color:var(--color-background-screen,#fff);border-radius:50%;position:absolute;right:-8px;bottom:-6px}.np-summary__description{line-height:1.42857}.np-summary__action,.np-summary__description{margin-top:4px;margin-top:var(--size-4,4px);font-size:14px}.np-summary__action{line-height:1.28571}.np-summary+.np-summary{margin-top:24px;margin-top:var(--size-24,24px)}.np-switch{display:inline-flex;overflow:hidden;width:50px;padding:2px;border:1px solid #d3d5d8;border-radius:16px}.np-switch--thumb{display:flex;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-switch--thumb .tw-icon{color:#fff;color:var(--color-text-control,#fff)}.np-switch--unchecked{background:#d3d5d8}.np-switch--unchecked .switch--thumb{transform:translateX(0)}.np-switch--checked{border:1px solid #00b9ff;border:1px solid var(--color-control-accent,#00b9ff);background:#00b9ff;background:var(--color-control-accent,#00b9ff)}.np-switch--checked .np-switch--thumb{transform:translateX(20px)}.np-switch--rtl.np-switch--checked .np-switch--thumb{transform:translateX(-20px)}.np-switch--disabled{background:#a8aaac;background:var(--color-text-inactive,#a8aaac);cursor:not-allowed;border-color:#a8aaac;border-color:var(--color-text-inactive,#a8aaac)}.np-switch input{position:absolute;left:-100%;display:none;width:0;height:0;opacity:0}.np-switch:not([aria-disabled]){cursor:pointer}.tabs{position:relative}.tabs__tab{display:inline-block;cursor:pointer;outline:none;text-align:center;padding:8px;padding:var(--size-8,8px);margin-bottom:-3px;color:#2e4369;font-weight:600;transition:color .15s ease-in-out}.tabs__tab--selected{color:#00b9ff}.tabs__tab--disabled{color:#a8aaac!important;cursor:not-allowed}.tabs__tab:focus{color:#00b9ff}@media (min-width:992px){.tabs__tab:hover{color:#00b9ff}}@media (hover:hover){.tabs__tab:hover{color:#00b9ff}}.tabs__tab-list{list-style:none;padding:0;margin:0;border-bottom:1px solid #d3d5d8}.tabs__line{height:3px;background-color:#00b9ff;transition:transform .35s cubic-bezier(0,.94,.62,1)}.tabs__panel-container{width:100%}.tabs__slider{display:flex}.tabs__panel--selected{padding:8px;padding:var(--size-8,8px);border:1px solid #37517e}.tabs__panel.enter{opacity:0}.tabs__panel.enter-active{opacity:1}.tabs__panel.exit{opacity:0}.tabs--inverse .tabs__tab-list{border-bottom-color:#829ca9}.tabs--inverse .tabs__tab:not(.tabs__tab--selected){color:#fff}.tabs.tabs--auto-width .tabs__tab{display:inline-flex;height:40px;height:var(--size-40,40px);padding:0 24px;padding:0 var(--size-24,24px);justify-content:center;align-items:center}.np-tile{min-width:120px;border-radius:3px;border-radius:var(--radius-small,3px);width:100%}.np-tile.decision{margin-top:0;border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8)}.np-tile.np-decision__tile--fixed-width{width:300px}.np-tile__media{width:100%}.np-tile__title{margin-top:16px;margin-top:var(--size-16,16px);font-size:1.333333rem;line-height:1.2;color:#37517e;color:var(--color-text-primary,#37517e)}.np-tile__description{margin-top:12px;margin-top:var(--size-12,12px);line-height:1.375;color:#5d7079;color:var(--color-text-secondary,#5d7079);font-weight:500}.np-tile--small.np-decision__tile--fixed-width{width:260px}.np-tile--small .np-tile__title{margin-top:12px;margin-top:var(--size-12,12px);font-size:16px;line-height:1.375}.np-tile--small .np-tile__description{margin-top:4px;margin-top:var(--size-4,4px)}.np-tile:hover .tw-avatar{pointer-events:none}.np-tile:hover .tw-avatar .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}.tw-tooltip-container{display:inline-block}.tw-tooltip-container .tooltip{visibility:visible;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-tooltip-container .tooltip:not(.in){pointer-events:none;animation:tw-tooltip-disappear;animation-duration:0s;animation-delay:.15s;animation-fill-mode:both}@keyframes tw-tooltip-disappear{0%{visibility:visible}to{visibility:hidden}}.typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.typeahead--multiple .chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .chip:first-child{animation-name:slideFirst}.typeahead--multiple .chip-remove{animation-name:fadeIn;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .form-control{height:auto;min-height:auto;padding-top:0;padding-bottom:0;overflow:auto}.typeahead--multiple .typeahead__input{border:none;outline:none;float:none;font-size:inherit;line-height:inherit;align-self:stretch;padding:2px 0 0}.typeahead--multiple .typeahead__input-aligner{height:40px;display:inline-block;width:0}.typeahead--multiple .typeahead__input-container{cursor:text;display:flex}.typeahead--multiple .sizer{white-space:pre;position:absolute;visibility:hidden;width:auto}.typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:8px;padding-left:var(--size-8,8px)}.typeahead--multiple.typeahead--has-value .typeahead__input{margin-bottom:-7px;margin-bottom:calc(var(--size-8, 8px)*-1 + 1px);margin-left:4px;margin-left:var(--size-4,4px)}.typeahead--multiple.typeahead--has-value .typeahead__input-wrapper:after{content:"";height:calc(8px - 1);height:calc(var(--size-8, 8px) - 1);width:100%}.typeahead__input-wrapper{width:100%;margin-top:-1px;display:flex;flex-wrap:wrap;flex:1;align-items:center}.typeahead--empty.typeahead--multiple .typeahead__input-wrapper{padding:0;margin:0}.typeahead-sm.typeahead--multiple .typeahead__input-container{min-height:32px}.typeahead-sm.typeahead--multiple .typeahead__input{padding-top:0}.typeahead-md.typeahead--multiple .typeahead__input-container{min-height:48px}.typeahead-lg.typeahead--multiple .typeahead__input-container{min-height:72px}.typeahead-lg.typeahead--multiple .typeahead__input{padding-top:calc(8px - 1);padding-top:calc(var(--size-8, 8px) - 1)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper{padding-bottom:8px;padding-bottom:var(--size-8,8px);margin:0}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper:after{content:none}.typeahead-lg.typeahead--multiple .chip{margin-bottom:0;line-height:0}@keyframes slide{0%{transform:translateX(-12px)}to{transform:none}}@keyframes slideFirst{0%{transform:translateX(-4px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@media (max-width:575px){.typeahead .dropdown.open .dropdown-menu{position:absolute;bottom:auto;overflow:scroll}}.typeahead__option.tw-dropdown-item .dropdown-item:active strong{color:#fff;color:var(--color-text-control,#fff)}.typeahead__option.tw-dropdown-item--clickable{cursor:pointer}.typeahead__option.tw-dropdown-item--focused{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.tw-droppable-lg{min-height:346px}.tw-droppable-lg .thumbnail{max-height:72px}.tw-droppable-md{min-height:315px}.tw-droppable-md .thumbnail{max-height:72px}.tw-droppable-sm{min-height:245px}.np-upload-input{border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);border-radius:3px;border-radius:var(--radius-small,3px)}.np-upload-button{width:100%;text-decoration:none!important;border:0!important;letter-spacing:normal!important;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px)}.np-upload-button.np-upload-accent{color:#00b9ff;color:var(--color-control-accent,#00b9ff)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus,label.np-upload-button:not(.disabled):hover{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}label.np-upload-button.disabled{color:#a8aaac;color:var(--color-text-inactive,#a8aaac)}.np-upload-button .np-upload-icon{display:flex;align-items:center}.np-upload-button .np-upload-description{font-weight:400;white-space:normal}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-upload-button-container input[type=file]{opacity:0;z-index:-1;position:absolute}.np-upload-button-container input[type=file]:focus+label{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-upload-item:not(:last-child):after{display:block;position:relative;border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8);content:" ";margin:0 16px;margin:0 var(--size-16,16px)}.np-upload-item__link a{flex:1;text-decoration:none;outline:none;font-weight:500;font-weight:var(--font-weight-regular,500)}.np-upload-item__link a:active,.np-upload-item__link a:focus,.np-upload-item__link a:hover{text-decoration:none;background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus~.np-upload-item__remove-button,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-upload-item__body{display:flex;align-items:center;justify-content:space-between}.np-upload-item__remove-button{flex-shrink:0;align-self:stretch;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px);color:#a8aaac;color:var(--color-text-inactive,#a8aaac);background:transparent}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#f53636!important;color:var(--color-negative,#f53636)!important}
+@media (max-width:767px){[dir=rtl] .tw-accordion-item .accordion-content .media-body{margin-right:0!important}html:not([dir=rtl]) .tw-accordion-item .accordion-content .media-body{margin-left:0!important}}.tw-accordion-item{display:block;width:100%;padding:10px 24px}.tw-accordion-item.decision:hover:not(.disabled){background-color:transparent}.tw-accordion-item .btn{border:none}.tw-accordion-item .chevron{vertical-align:middle}.tw-accordion-item .media{color:#37517e;color:var(--color-content-primary,#37517e);flex-wrap:wrap}.tw-accordion-item.decision .media-body{white-space:normal;font-size:1rem;font-size:var(--font-size-16,1rem)}.tw-accordion-item .accordion-content{cursor:auto}.tw-accordion-item.closed .accordion-content{max-height:0;overflow:hidden}.tw-accordion-item.tw-accordion-item--dark .media-body,.tw-accordion-item.tw-accordion-item--dark .tw-accordion-item__title{color:#fff;color:var(--color-base-white-light,#fff)}.tw-action-option .btn{text-decoration:none!important}.tw-avatar{position:relative;border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;cursor:default}.tw-avatar .tw-avatar__content{display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;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));height:100%;width:100%;max-height:100%;max-width:100%}.tw-avatar--outlined{border:1px solid #00a2dd;border:1px solid var(--color-interactive-accent,#00a2dd);cursor:pointer}.tw-avatar--outlined:hover{border-color:#008fc9;border-color:var(--color-interactive-accent-hover,#008fc9)}.tw-avatar--dark .tw-avatar__content{background:rgba(134,167,189,.10196078431372549);background:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.tw-avatar--thumbnail *{width:100%;height:100%;object-fit:cover}.tw-avatar--icon *{max-height:100%;max-width:100%}.tw-avatar.tw-avatar--icon,.tw-avatar.tw-avatar--initials{color:#37517e;color:var(--color-content-primary,#37517e)}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-family:Arial,sans-serif}.tw-avatar--sm{min-width:24px;width:24px;height:24px}.tw-avatar--sm.tw-avatar--emoji,.tw-avatar--sm.tw-avatar--icon{font-size:12px}.tw-avatar--sm.tw-avatar--initials{font-size:8.4px;font-weight:700}.tw-avatar--sm.tw-avatar--outlined{padding:1px}.tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{top:1px;bottom:1px}[dir=rtl] .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{right:1px}[dir=rtl] .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{left:1px}html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{right:1px}.tw-avatar--sm.tw-avatar--thumbnail:after{position:absolute;top:0;bottom:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));content:"";border-radius:50%}[dir=rtl] .tw-avatar--sm.tw-avatar--thumbnail:after{right:0}[dir=rtl] .tw-avatar--sm.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--thumbnail:after{left:0}html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--thumbnail:after{right:0}.tw-avatar--sm.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--md{min-width:48px;width:48px;height:48px}.tw-avatar--md.tw-avatar--emoji,.tw-avatar--md.tw-avatar--icon{font-size:24px}.tw-avatar--md.tw-avatar--initials{font-size:16.8px;font-weight:700}.tw-avatar--md.tw-avatar--outlined{padding:2px}.tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{top:2px;bottom:2px}[dir=rtl] .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{right:2px}[dir=rtl] .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{left:2px}html:not([dir=rtl]) .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{right:2px}.tw-avatar--md.tw-avatar--thumbnail:after{position:absolute;top:0;bottom:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));content:"";border-radius:50%}[dir=rtl] .tw-avatar--md.tw-avatar--thumbnail:after{right:0}[dir=rtl] .tw-avatar--md.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--md.tw-avatar--thumbnail:after{left:0}html:not([dir=rtl]) .tw-avatar--md.tw-avatar--thumbnail:after{right:0}.tw-avatar--md.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--lg{min-width:72px;width:72px;height:72px}.tw-avatar--lg.tw-avatar--emoji,.tw-avatar--lg.tw-avatar--icon{font-size:36px}.tw-avatar--lg.tw-avatar--initials{font-size:25.2px;font-weight:700}.tw-avatar--lg.tw-avatar--outlined{padding:3px}.tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{top:3px;bottom:3px}[dir=rtl] .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{right:3px}[dir=rtl] .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{left:3px}html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{right:3px}.tw-avatar--lg.tw-avatar--thumbnail:after{position:absolute;top:0;bottom:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));content:"";border-radius:50%}[dir=rtl] .tw-avatar--lg.tw-avatar--thumbnail:after{right:0}[dir=rtl] .tw-avatar--lg.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--thumbnail:after{left:0}html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--thumbnail:after{right:0}.tw-avatar--lg.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar img{width:100%;height:100%}.tw-badge{position:relative;display:inline-block;--badge-size:16px;--badge-mask:2px;--badge-mask-offset:calc(var(--badge-size)/2);--badge-border-color:hsla(0,0%,100%,0.08)}.tw-badge.tw-badge-md{--badge-size:20px;--badge-mask:2px}.tw-badge.tw-badge-lg{--badge-size:24px;--badge-mask:3px}.tw-badge.tw-badge-border-dark{--badge-border-color:rgba(0,0,0,0.08)}[dir=ltr] .tw-badge>.tw-badge__children{-webkit-mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px));mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) left calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px))}[dir=rtl] .tw-badge>.tw-badge__children{-webkit-mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px));mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px))}.tw-badge>.tw-badge__content{position:absolute;width:var(--badge-size);height:var(--badge-size);bottom:0;box-sizing:border-box;border-radius:50%;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=rtl] .tw-badge>.tw-badge__content{left:0}html:not([dir=rtl]) .tw-badge>.tw-badge__content{right:0}.tw-badge>.tw-badge__content *{max-height:100%;max-width:100%}.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-dark__children,.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-light__children,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-dark__children,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-light__children{-webkit-mask-image:none;mask-image:none}.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-dark__content,.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-light__content,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-dark__content,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-light__content{border:1px solid var(--badge-border-color);border-right-style:inset}.np-btn{position:relative}.np-btn.np-btn-block>span.btn-loader{position:absolute}[dir=rtl] .np-btn.np-btn-block>span.btn-loader{right:24px;right:var(--size-24,24px)}html:not([dir=rtl]) .np-btn.np-btn-block>span.btn-loader{left:24px;left:var(--size-24,24px)}.np-btn.np-btn-xs>span.btn-loader{background-size:16px 16px}.np-btn.np-btn-xs.btn-block>span.btn-loader{top:0}.tw-card{border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));transition:all .15s ease,border 0s!important}.tw-card.list-group-item{margin-top:0;background-color:transparent}[dir=rtl] .tw-card.list-group-item{border-right:0}html:not([dir=rtl]) .tw-card.list-group-item{border-left:0}.tw-card.active{margin-top:1px;border-top:0}.tw-card.active,.tw-card:hover{background-color:#fff;background-color:var(--color-background-elevated,#fff)}.tw-card:hover .tw-card__panel .circle{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.tw-card__panel .media{cursor:pointer}.tw-card__panel--inactive .media{cursor:default}.tw-card__panel:focus:not(:focus-visible){outline:none}.np-checkbox-button input[type=checkbox]{position:absolute;width:24px;width:var(--size-24,24px);height:24px;height:var(--size-24,24px);opacity:0}.np-checkbox-button input[type=checkbox]:not(:disabled){cursor:pointer}.np-checkbox-button .tw-checkbox-check{pointer-events:none}.checkbox .np-checkbox-button input[type=checkbox]{top:0;margin:0}[dir=rtl] .checkbox .np-checkbox-button input[type=checkbox]{right:0}html:not([dir=rtl]) .checkbox .np-checkbox-button input[type=checkbox]{left:0}.chip{color:#37517e;color:var(--color-content-primary,#37517e);background:rgba(134,167,189,.10196078431372549);background:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));height:32px;height:var(--size-32,32px);border-radius:100px}[dir=rtl] .chip{margin-left:4px;margin-left:var(--size-4,4px)}html:not([dir=rtl]) .chip{margin-right:4px;margin-right:var(--size-4,4px)}.chip:active{background:#a7a9ab;background:var(--color-interactive-secondary-active,#a7a9ab)}.chip .chip-remove{opacity:.6;height:100%}.chip.has-error{background:#e74848;background:var(--color-interactive-negative,#e74848);color:#fff;color:var(--color-base-white-light,#fff)}.np-circular-btn{display:inline-flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative}.np-circular-btn input[type=button]{min-height:40px;min-height:var(--size-40,40px);width:40px;width:var(--size-40,40px);height:40px;height:var(--size-40,40px);padding:0;border-radius:50%;margin-bottom:8px;margin-bottom:var(--size-8,8px)}.np-circular-btn .tw-icon{position:absolute;top:8px;pointer-events:none;color:#fff;transition:color .15s ease-in-out;width:100%}[dir=rtl] .np-circular-btn .tw-icon{right:0}html:not([dir=rtl]) .np-circular-btn .tw-icon{left:0}.np-circular-btn .tw-icon>svg{margin:0 auto}.np-circular-btn__label{font-weight:600;font-family:inherit;transition:color .15s ease-in-out}.np-circular-btn.accent .np-circular-btn__label{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd)}.np-circular-btn.accent:hover .np-circular-btn__label,.np-circular-btn.accent input[type=button]:focus~.np-circular-btn__label{color:#008fc9;color:var(--color-interactive-accent-hover,#008fc9)}.np-circular-btn.accent:active .np-circular-btn__label,.np-circular-btn.accent input[type=button]:active~.np-circular-btn__label{color:#0081ba;color:var(--color-interactive-accent-active,#0081ba)}.np-circular-btn.accent.secondary .tw-icon{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd)}.np-circular-btn.accent.secondary:active input[type=button]+.tw-icon,.np-circular-btn.accent.secondary:hover .tw-icon,.np-circular-btn.accent.secondary input[type=button]:focus+.tw-icon{color:#fff}.np-circular-btn.positive .np-circular-btn__label{color:#2ead4b;color:var(--color-interactive-positive,#2ead4b)}.np-circular-btn.positive:hover .np-circular-btn__label,.np-circular-btn.positive input[type=button]:focus~.np-circular-btn__label{color:#069939;color:var(--color-interactive-positive-hover,#069939)}.np-circular-btn.positive:active .np-circular-btn__label,.np-circular-btn.positive input[type=button]:active~.np-circular-btn__label{color:#008b2b;color:var(--color-interactive-positive-active,#008b2b)}.np-circular-btn.positive.secondary .tw-icon{color:#2ead4b;color:var(--color-interactive-positive,#2ead4b)}.np-circular-btn.positive.secondary:active input[type=button]+.tw-icon,.np-circular-btn.positive.secondary:hover .tw-icon,.np-circular-btn.positive.secondary input[type=button]:focus+.tw-icon{color:#fff}.np-circular-btn.negative .np-circular-btn__label{color:#e74848;color:var(--color-interactive-negative,#e74848)}.np-circular-btn.negative:hover .np-circular-btn__label,.np-circular-btn.negative input[type=button]:focus~.np-circular-btn__label{color:#d03238;color:var(--color-interactive-negative-hover,#d03238)}.np-circular-btn.negative:active .np-circular-btn__label,.np-circular-btn.negative input[type=button]:active~.np-circular-btn__label{color:#bf1e2c;color:var(--color-interactive-negative-active,#bf1e2c)}.np-circular-btn.negative.secondary .tw-icon{color:#e74848;color:var(--color-interactive-negative,#e74848)}.np-circular-btn.negative.secondary:active input[type=button]+.tw-icon,.np-circular-btn.negative.secondary:hover .tw-icon,.np-circular-btn.negative.secondary input[type=button]:focus+.tw-icon{color:#fff}.np-circular-btn.disabled.disabled{cursor:not-allowed}.np-circular-btn.disabled.disabled input[type=button]:disabled+.tw-icon,.np-circular-btn.disabled.disabled input[type=button]:disabled~.np-circular-btn__label{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.np-circular-btn.disabled.disabled.secondary input[type=button]{border-color:#a8aaac;border-color:var(--color-content-disabled,#a8aaac)}.np-bottom-sheet{border-radius:10px 10px 0 0;border-radius:var(--radius-medium,10px) var(--radius-medium,10px) 0 0}.np-bottom-sheet--top-bar{cursor:grab;padding:8px 0 20px;display:flex;flex-direction:column;align-items:center}.np-bottom-sheet--top-bar--shadow{box-shadow:0 4px 40px rgba(34,48,73,.2)}.np-bottom-sheet--handler{width:40px;height:4px;background:#c9cbce;background:var(--color-interactive-secondary,#c9cbce);border-radius:3px;border-radius:var(--radius-small,3px)}.np-bottom-sheet--close-btn{position:absolute;right:8px;right:var(--size-8,8px)}.np-bottom-sheet--content{overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.np-close-button{transition:color .15s ease-in-out;color:#00a2dd;color:var(--color-interactive-accent,#00a2dd);border:none;background:none;padding:0;height:16px;height:var(--size-16,16px)}.np-close-button--large{height:24px;height:var(--size-24,24px)}.np-close-button:hover{color:#008fc9;color:var(--color-interactive-accent-hover,#008fc9)}.tw-option__sm-media.decision .media-left{display:block}.tw-option__no-media-circle{width:48px;display:flex;justify-content:center}.tw-option__no-media-circle>*{max-height:76px}.np-panel__content{opacity:0;visibility:hidden;background-color:#fff;background-color:var(--color-background-elevated,#fff);border-radius:3px;border-radius:var(--radius-small,3px);box-shadow:0 0 40px rgba(34,48,73,.2);transition:opacity .1s cubic-bezier(.6,.2,.1,1),transform .1s cubic-bezier(.6,.2,.1,1),visibility 0s linear .1s}.np-panel--open .np-panel__content{transition:opacity .1s cubic-bezier(.6,.2,.1,1),transform .1s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none!important}.np-panel__arrow,.np-panel__arrow:before{position:absolute;width:14px;height:14px}.np-panel__arrow:before{content:"";transform:rotate(45deg);background:#fff;background:var(--color-background-elevated,#fff)}.np-panel[data-popper-placement^=top]>.np-panel__content{transform:translateY(10px) scale(.95)}.np-panel[data-popper-placement^=top]>.np-panel__content .np-panel__arrow{bottom:-6px}.np-panel[data-popper-placement^=right]>.np-panel__content{transform:translateX(-10px) scale(.95)}.np-panel[data-popper-placement^=right]>.np-panel__content .np-panel__arrow{left:-6px}.np-panel[data-popper-placement^=bottom]>.np-panel__content{transform:translateY(-10px) scale(.95)}.np-panel[data-popper-placement^=bottom]>.np-panel__content .np-panel__arrow{top:-6px}.np-panel[data-popper-placement^=left]>.np-panel__content{transform:translateX(10px) scale(.95)}.np-panel[data-popper-placement^=left]>.np-panel__content .np-panel__arrow{right:-6px}.tw-radio-button.disabled{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.radio:hover .tw-radio-button.disabled{border-color:rgba(0,0,0,.10196078431372549);border-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.tw-date label{width:100%}.tw-date-lookup-menu{min-width:320px}.tw-date-lookup-calendar{min-width:300px;text-align:center;table-layout:fixed}.tw-date-lookup-calendar>tbody>tr>td{padding:4px;padding:var(--size-4,4px)}.tw-date-lookup-calendar>tbody>tr>td button{width:100%;padding:4px 0;padding:var(--size-4,4px) 0;color:#0097c7;color:var(--color-content-accent,#0097c7);border:transparent;border-radius:3px;background-color:transparent;font-weight:600}.tw-date-lookup-calendar>tbody>tr>td button.active{color:#fff;color:var(--color-base-white-light,#fff);background-color:#0081ba;background-color:var(--color-interactive-accent-active,#0081ba)}.tw-date-lookup-calendar>tbody>tr>td button:not([disabled]):hover{color:#fff;color:var(--color-base-white-light,#fff);background-color:#008fc9;background-color:var(--color-interactive-accent-hover,#008fc9)}.tw-date-lookup-calendar>tbody>tr>td button:disabled{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.np-date-trigger.dropdown-toggle{overflow:visible!important}.np-date-trigger.dropdown-toggle.btn{display:flex}.np-date-trigger .clear-btn{transition:color .15s ease-in-out;color:#a8aaac;color:var(--color-content-disabled,#a8aaac);height:100%;position:absolute;top:0;padding:0 16px;padding:0 var(--size-16,16px)}[dir=rtl] .np-date-trigger .clear-btn{left:0}html:not([dir=rtl]) .np-date-trigger .clear-btn{right:0}.np-date-trigger .clear-btn:focus,.np-date-trigger .clear-btn:hover{color:#d03238;color:var(--color-interactive-negative-hover,#d03238)}.np-date-trigger .clear-btn:active{color:#bf1e2c;color:var(--color-interactive-negative-active,#bf1e2c)}.np-date-trigger.btn .clear-btn .tw-icon{position:static}[dir=rtl] .np-decision__tile--small+.np-decision__tile--small{margin-right:16px;margin-right:var(--size-16,16px)}html:not([dir=rtl]) .np-decision__tile--small+.np-decision__tile--small{margin-left:16px;margin-left:var(--size-16,16px)}.np-decision.np-decision--grid .np-decision__tile--small{margin-bottom:16px!important;margin-bottom:var(--size-16,16px)!important}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile--small{margin-right:0}html:not([dir=rtl]) .np-decision.np-decision--grid .np-decision__tile--small{margin-left:0}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile--small:not(:last-of-type){margin-left:16px;margin-left:var(--size-16,16px)}html:not([dir=rtl]) .np-decision.np-decision--grid .np-decision__tile--small:not(:last-of-type){margin-right:16px;margin-right:var(--size-16,16px)}[dir=rtl] .np-decision__tile+.np-decision__tile{margin-right:24px;margin-right:var(--size-24,24px)}html:not([dir=rtl]) .np-decision__tile+.np-decision__tile{margin-left:24px;margin-left:var(--size-24,24px)}.np-decision.np-decision--grid .np-decision__tile{margin-bottom:24px!important;margin-bottom:var(--size-24,24px)!important}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile{margin-right:0}html:not([dir=rtl]) .np-decision.np-decision--grid .np-decision__tile{margin-left:0}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile:not(:last-of-type){margin-left:24px;margin-left:var(--size-24,24px)}html:not([dir=rtl]) .np-decision.np-decision--grid .np-decision__tile:not(:last-of-type){margin-right:24px;margin-right:var(--size-24,24px)}[dir=rtl] .np-decision.np-decision--grid .np-size-swapper{margin-left:-24px;margin-left:calc(0 - var(--size-24, 24px))}html:not([dir=rtl]) .np-decision.np-decision--grid .np-size-swapper{margin-right:-24px;margin-right:calc(0 - var(--size-24, 24px))}[dir=rtl] .np-decision.np-decision--grid.np-decision--small .np-size-swapper{margin-left:-16px;margin-left:calc(0 - var(--size-16, 16px))}html:not([dir=rtl]) .np-decision.np-decision--grid.np-decision--small .np-size-swapper{margin-right:-16px;margin-right:calc(0 - var(--size-16, 16px))}.tw-definition-list__item dd{word-break:break-all;word-break:break-word}@media (min-width:576px){.tw-definition-list.tw-definition-list--columns{flex-wrap:wrap}.tw-definition-list.tw-definition-list--columns .tw-definition-list__item{width:50%}.tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item{display:flex}.tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dt{flex:1;min-width:150px;max-width:30%}[dir=rtl] .tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dt{margin-left:8px;margin-left:var(--size-8,8px)}html:not([dir=rtl]) .tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dt{margin-right:8px;margin-right:var(--size-8,8px)}.tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dd{flex:1;margin-bottom:8px;margin-bottom:var(--size-8,8px)}}.no-scroll{overflow:hidden}.dimmer{position:fixed;z-index:1050;top:0;bottom:0;width:100%;height:100%;transition:background-color .35s cubic-bezier(0,.94,.62,1);background:rgba(0,0,0,.4)}.dimmer--scrollable{overflow-y:auto}.dimmer .np-focus-boundary{pointer-events:none}.dimmer .np-focus-boundary>*{pointer-events:all}[dir=rtl] .dimmer{left:0}[dir=rtl] .dimmer,html:not([dir=rtl]) .dimmer{right:0}html:not([dir=rtl]) .dimmer{left:0}.dimmer.dimmer--enter-done.dimmer--enter-fade>*{opacity:1}.dimmer--transparent.dimmer{background:transparent}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit-fade>*{transition:opacity .35s cubic-bezier(0,.94,.62,1)}.dimmer.dimmer--exit-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit.dimmer--exit-fade>*{opacity:0}.np-drawer{display:flex;flex-direction:column;justify-content:space-between;width:100vw;max-width:600px;height:100vh;max-height:100vh}.np-drawer .np-drawer-footer,.np-drawer .np-drawer-header{display:flex;align-items:center;flex-wrap:nowrap}.np-drawer .np-drawer-content{overflow-y:auto;flex:1}.np-drawer .np-drawer-header{min-height:56px;min-height:var(--size-56,56px);padding:24px 16px;padding:var(--size-24,24px) var(--size-16,16px)}.np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-drawer .np-drawer-header .tw-icon{display:block;cursor:pointer;fill:#00b9ff}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:16px;padding:var(--size-16,16px)}.np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #e2e6e8}.np-drawer .np-drawer-header--title{font-size:20px;line-height:24px;line-height:var(--size-24,24px);margin-bottom:-2px}[dir=rtl] .np-drawer .np-drawer-header--title{margin-right:16px;margin-right:var(--size-16,16px)}html:not([dir=rtl]) .np-drawer .np-drawer-header--title{margin-left:16px;margin-left:var(--size-16,16px)}@media (min-width:768px){.np-drawer .np-drawer-header{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:24px;padding:var(--size-24,24px)}}.formatted-value__h3-custom-alignment{margin-bottom:16px;margin-bottom:var(--size-16,16px);line-height:24px}.emphasis{font-weight:600;font-weight:var(--font-weight-semi-bold,600);font-style:normal}.emphasis--important{color:#37517e;color:var(--color-content-primary,#37517e)}.emphasis--positive{color:#008026;color:var(--color-content-positive,#008026)}.emphasis--negative{color:#cf2929;color:var(--color-content-negative,#cf2929)}.emphasis--warning{color:#9a6500;color:var(--color-content-warning,#9a6500)}.np-animated-label{height:24px;overflow:hidden;position:relative;padding-top:1px;font-weight:600}.np-animated-label>*{height:0;opacity:0;position:absolute;transform:translateX(-8px);transition:all .15s ease-in}.np-animated-label--in{height:auto;opacity:1;position:relative;top:auto;transform:translateX(0);transition:all .15s ease-in .15s}.np-animated-label--out{position:relative;top:-24px;transform:translateX(8px)}.np-back-button{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd);display:flex!important}.np-back-button:hover{color:#008fc9;color:var(--color-interactive-accent-hover,#008fc9)}.np-back-button:active{color:#0081ba;color:var(--color-interactive-accent-active,#0081ba)}.np-flow-navigation{width:100%;min-height:97px}.np-flow-navigation--border-bottom{min-height:96px;border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.np-flow-navigation__content{width:100%;min-width:320px;max-width:1164px}.np-flow-navigation__stepper{padding-bottom:0!important}[dir=rtl] .np-flow-navigation__stepper{padding-right:0!important}[dir=rtl] .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation__stepper{padding-left:0!important}html:not([dir=rtl]) .np-flow-navigation__stepper{padding-right:0!important}.np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps{display:none}.np-flow-navigation--xs-max .np-flow-navigation__stepper .progress{margin-bottom:0!important}.np-flow-navigation--xs-max .np-animated-label{height:auto}.np-flow-navigation--sm .np-flow-navigation__stepper{min-height:56px}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-left:24px!important}html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important}.np-flow-navigation--lg .np-flow-navigation__stepper{max-width:562px}.np-flow-navigation--lg .np-header__left,.np-flow-navigation--lg .np-header__right{width:180px;justify-content:center}.np-flow-navigation .separator{height:32px;height:var(--size-32,32px);width:1px;min-width:1px;background-color:rgba(0,0,0,.10196078431372549);background-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}[dir=rtl] .np-flow-navigation .separator{margin-right:16px!important}[dir=rtl] .np-flow-navigation .separator,html:not([dir=rtl]) .np-flow-navigation .separator{margin-left:16px!important}html:not([dir=rtl]) .np-flow-navigation .separator{margin-right:16px!important}.np-flow-navigation--hidden{visibility:hidden}.tw-image{max-width:none;width:auto;min-width:-webkit-min-content;min-width:min-content}.tw-image__shrink{max-width:100%;min-width:auto}.tw-image__stretch{width:100%}.np-info{height:16px}.np-info [data-toggle=popover]:not(.btn),.np-info button{height:16px;overflow:hidden;display:inline-block}.np-info__large{height:24px}.np-info__large [data-toggle=popover]:not(.btn),.np-info__large button{height:24px;display:inline-block}.np-info .tw-icon{cursor:pointer;color:#0097c7;color:var(--color-content-accent,#0097c7);display:inline-block}.np-info [data-toggle=popover]:not(.btn){border-bottom:none!important}.np-info [data-toggle=popover]:not(.btn):focus{outline:revert}.tw-instructions{display:flex;flex-direction:column}.tw-instructions .instruction{display:flex}.tw-instructions .instruction .do,.tw-instructions .instruction .dont{flex-shrink:0}.tw-instructions .instruction .do{color:#008026;color:var(--color-content-positive,#008026)}.tw-instructions .instruction .dont{color:#cf2929;color:var(--color-content-negative,#cf2929)}.mobileNav{margin-top:21px;height:48px;border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));display:flex;justify-content:center;width:100%;background:#fff;background:var(--color-background-screen,#fff);position:fixed;bottom:0;z-index:8;transition:transform .08s linear .12s}[dir=rtl] .mobileNav{right:0}[dir=rtl] .mobileNav,html:not([dir=rtl]) .mobileNav{left:0}html:not([dir=rtl]) .mobileNav{right:0}@supports (transform:translate3d(0,calc(env(safe-area-inset-bottom) * -1),0)){.mobileNav{transform:translate3d(0,calc(env(safe-area-inset-bottom)*-1),0)}}.mobileNav:after{content:"";display:block;background:#fff;background:var(--color-background-screen,#fff);width:100%;height:150px;position:absolute;top:47px;z-index:0}[dir=rtl] .mobileNav:after{right:0}[dir=rtl] .mobileNav:after,html:not([dir=rtl]) .mobileNav:after{left:0}html:not([dir=rtl]) .mobileNav:after{right:0}@media (min-width:769px){.mobileNav{display:none}}.mobileNav--with-open-in-app-banner{transform:translate3d(0,-44px,0)}@supports (transform:translate3d(0,calc(-44px + env(safe-area-inset-bottom) * -1),0)){.mobileNav--with-open-in-app-banner{transform:translate3d(0,calc(-44px + env(safe-area-inset-bottom)*-1),0)}}.mobileNav__items{margin:0;padding:0;list-style-type:none;flex:0 1 414px;z-index:1}.mobileNav__items,.mobileNavItem{display:flex;justify-content:center}.mobileNavItem{align-items:center;flex:0 1 82px;background:#fff;background:var(--color-background-screen,#fff)}.mobileNavItem.mobileNavItem--active .mobileNavItem__link{color:#0097c7;color:var(--color-content-accent,#0097c7)}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link{box-sizing:border-box}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:before{content:"";width:48px;height:24px;min-height:24px;border-radius:24px 24px 0 0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-bottom:0;background:#fff;background:var(--color-background-screen,#fff);box-sizing:content-box;position:relative;top:-23px}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:before{right:0}html:not([dir=rtl]) .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:before{left:0}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:after{content:"";background:#fff;background:var(--color-background-screen,#fff);width:100%;height:6px;top:0;position:absolute}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:after{right:0}html:not([dir=rtl]) .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:after{left:0}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon{color:#fff;color:var(--color-background-screen,#fff);padding:10px;z-index:2;margin:-45px 0 0}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon:before{content:"";background:#2ead4b;background:var(--color-interactive-positive,#2ead4b);display:block;height:40px;width:40px;border-radius:50%;position:absolute;top:-13px;z-index:1}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon:before{right:calc(50% - 20px)}html:not([dir=rtl]) .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon:before{left:calc(50% - 20px)}.mobileNavItem.mobileNavItem--call-to-action:hover .mobileNavItem__icon:before{background:#069939;background:var(--color-interactive-positive-hover,#069939)}.mobileNavItem__icon{display:flex;justify-content:center;align-items:center;width:100%}.mobileNavItem__icon .tw-icon{z-index:2;position:relative}.mobileNavItem__link{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 100%;padding-top:5px;text-decoration:none;color:#37517e;color:var(--color-content-primary,#37517e)}.mobileNavItem__label{flex:0 0 auto;display:inline-block;width:100%;font-family:Averta;font-style:normal;font-weight:400;font-size:10px;line-height:16px;text-align:center;letter-spacing:.24px;padding-top:2px}.tw-pagination{display:inline-block;margin-bottom:24px;margin-bottom:var(--size-24,24px)}[dir=rtl] .tw-pagination{padding-right:0}html:not([dir=rtl]) .tw-pagination{padding-left:0}.tw-pagination li{display:inline}[dir=rtl] .tw-pagination li:first-child>a{margin-right:0}[dir=rtl] .tw-pagination li:last-child>a,html:not([dir=rtl]) .tw-pagination li:first-child>a{margin-left:0}html:not([dir=rtl]) .tw-pagination li:last-child>a{margin-right:0}.tw-pagination a{float:left;line-height:48px;line-height:var(--size-48,48px);text-decoration:none;color:#37517e;color:var(--color-content-primary,#37517e);margin:0 4px;margin:0 var(--size-4,4px);width:48px;width:var(--size-48,48px);text-align:center;border-radius:50%;font-weight:400}[dir=rtl] .tw-pagination a{float:right}.tw-pagination a.active,.tw-pagination a:focus,.tw-pagination a:hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.tw-pagination a.active{font-weight:700;cursor:not-allowed}.tw-pagination a.disabled{color:#a8aaac;color:var(--color-content-disabled,#a8aaac);background-color:transparent;cursor:not-allowed}.tw-pagination svg{margin:16px;margin:var(--size-16,16px)}[dir=rtl] .tw-pagination svg{transform:rotate(180deg)}.np-link .tw-icon{margin-left:4px;margin-left:var(--size-4,4px)}.tw-loader{overflow:hidden;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.tw-loader.tw-loader--xs{width:24px;height:24px}.tw-loader.tw-loader--sm{width:48px;height:48px}.tw-loader.tw-loader--md{width:72px;height:72px}.tw-loader.tw-loader--lg{width:96px;height:96px}.tw-loader.tw-loader--xl{width:128px;height:128px}.tw-loader__stripe{position:relative;width:100%;height:11%;margin:7.5% 0;background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd)}.tw-loader__stripe:first-child{animation:s-1 6s linear 0s infinite,s-1-opacity 6s linear 0s infinite}@keyframes s-1-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}18%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}43%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}68%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}93%{opacity:0}to{opacity:0}}@keyframes s-1{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(-46%) skew(-23.5deg)}15%{transform:translateX(-44%) skew(-23.5deg)}18%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(39%) skew(-23.5deg)}40%{transform:translateX(41%) skew(-23.5deg)}43%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(-21%) skew(-23.5deg)}65%{transform:translateX(-19%) skew(-23.5deg)}68%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(59%) skew(-23.5deg)}90%{transform:translateX(61%) skew(-23.5deg)}93%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(2){animation:s-2 6s linear 0s infinite,s-2-opacity 6s linear 0s infinite}@keyframes s-2-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}19%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}44%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}69%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}94%{opacity:0}to{opacity:0}}@keyframes s-2{0%{transform:translateX(100%) skew(-23.5deg)}7%{transform:translateX(21%) skew(-23.5deg)}16%{transform:translateX(19%) skew(-23.5deg)}19%{transform:translateX(-100%) skew(-23.5deg)}25%{transform:translateX(80%) skew(-23.5deg)}32%{transform:translateX(-54%) skew(-23.5deg)}41%{transform:translateX(-56%) skew(-23.5deg)}44%{transform:translateX(-100%) skew(-23.5deg)}50%{transform:translateX(80%) skew(-23.5deg)}57%{transform:translateX(51%) skew(-23.5deg)}66%{transform:translateX(49%) skew(-23.5deg)}69%{transform:translateX(-100%) skew(-23.5deg)}75%{transform:translateX(80%) skew(-23.5deg)}82%{transform:translateX(-17%) skew(-23.5deg)}91%{transform:translateX(-19%) skew(-23.5deg)}94%{transform:translateX(-100%) skew(-23.5deg)}to{transform:translateX(80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(3){animation:s-3 6s linear 0s infinite,s-3-opacity 6s linear 0s infinite}@keyframes s-3-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}20%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}45%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}70%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}95%{opacity:0}to{opacity:0}}@keyframes s-3{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(-36%) skew(-23.5deg)}17%{transform:translateX(-34%) skew(-23.5deg)}20%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(17%) skew(-23.5deg)}42%{transform:translateX(19%) skew(-23.5deg)}45%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(-11%) skew(-23.5deg)}67%{transform:translateX(-9%) skew(-23.5deg)}70%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(9%) skew(-23.5deg)}92%{transform:translateX(11%) skew(-23.5deg)}95%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(4){animation:s-4 6s linear 0s infinite,s-4-opacity 6s linear 0s infinite}@keyframes s-4-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}21%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}46%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}71%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}96%{opacity:0}to{opacity:0}}@keyframes s-4{0%{transform:translateX(100%) skew(-23.5deg)}7%{transform:translateX(-17%) skew(-23.5deg)}18%{transform:translateX(-19%) skew(-23.5deg)}21%{transform:translateX(-100%) skew(-23.5deg)}25%{transform:translateX(80%) skew(-23.5deg)}32%{transform:translateX(-59%) skew(-23.5deg)}43%{transform:translateX(-61%) skew(-23.5deg)}46%{transform:translateX(-100%) skew(-23.5deg)}50%{transform:translateX(80%) skew(-23.5deg)}57%{transform:translateX(26%) skew(-23.5deg)}68%{transform:translateX(24%) skew(-23.5deg)}71%{transform:translateX(-100%) skew(-23.5deg)}75%{transform:translateX(80%) skew(-23.5deg)}82%{transform:translateX(-24%) skew(-23.5deg)}93%{transform:translateX(-26%) skew(-23.5deg)}96%{transform:translateX(-100%) skew(-23.5deg)}to{transform:translateX(80%) skew(-23.5deg)}}.tw-loader__stripe:nth-child(5){animation:s-5 6s linear 0s infinite,s-5-opacity 6s linear 0s infinite}@keyframes s-5-opacity{0%{opacity:0}3%{opacity:1}15%{opacity:1}22%{opacity:0}25%{opacity:0}28%{opacity:1}40%{opacity:1}47%{opacity:0}50%{opacity:0}53%{opacity:1}65%{opacity:1}72%{opacity:0}75%{opacity:0}78%{opacity:1}90%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes s-5{0%{transform:translateX(-100%) skew(-23.5deg)}7%{transform:translateX(39%) skew(-23.5deg)}19%{transform:translateX(41%) skew(-23.5deg)}22%{transform:translateX(100%) skew(-23.5deg)}25%{transform:translateX(-80%) skew(-23.5deg)}32%{transform:translateX(-36%) skew(-23.5deg)}44%{transform:translateX(-34%) skew(-23.5deg)}47%{transform:translateX(100%) skew(-23.5deg)}50%{transform:translateX(-80%) skew(-23.5deg)}57%{transform:translateX(59%) skew(-23.5deg)}69%{transform:translateX(61%) skew(-23.5deg)}72%{transform:translateX(100%) skew(-23.5deg)}75%{transform:translateX(-80%) skew(-23.5deg)}82%{transform:translateX(-26%) skew(-23.5deg)}94%{transform:translateX(-24%) skew(-23.5deg)}97%{transform:translateX(100%) skew(-23.5deg)}to{transform:translateX(-80%) skew(-23.5deg)}}.np-logo{height:24px;height:var(--size-24,24px)}.tw-modal.tw-modal--content{max-height:100vh}.tw-modal .tw-modal-dialog{max-height:100%;transition:transform .3s ease-out;transform:translateY(-25%);height:100%;width:100%}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{height:calc(100vh - 88px);max-height:-webkit-fill-available;overflow:hidden;background:#fff;background:var(--color-background-elevated,#fff);box-shadow:0 5px 15px rgba(0,0,0,.2);width:100%}@media (min-width:576px){.tw-modal .tw-modal-content{height:auto}}.tw-modal .tw-modal-content .tw-modal-body{z-index:1;flex:1;overflow-y:auto;word-break:break-word}.tw-modal .tw-modal-content .tw-modal-header{min-height:56px;min-height:calc(var(--size-8, 8px)*7);box-shadow:inset 0 -1px 0 0 #e2e6e8}.tw-modal .tw-modal-content .tw-modal-header.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content .tw-modal-header .tw-icon{fill:#00b9ff;cursor:pointer;display:block;margin-top:-2px}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:16px;padding:var(--size-16,16px)}.tw-modal .tw-modal-content .tw-modal-title{max-width:85%}.tw-modal .tw-modal-content .tw-modal-footer{padding-top:12px;padding-top:var(--size-12,12px);padding-bottom:12px;padding-bottom:var(--size-12,12px);box-shadow:inset 0 1px 0 0 #e2e6e8}.tw-modal .tw-modal-content .tw-modal-footer.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-body{padding-top:0!important}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-header{min-height:32px;min-height:var(--size-32,32px);padding-bottom:4px!important}@media (max-width:575px){.tw-modal-dialog{padding:16px;padding:var(--size-16,16px);max-width:528px;max-width:calc(576px - var(--size-40, 40px)*2 + var(--size-16, 16px)*2)}.tw-modal-dialog.tw-modal-sm{max-width:332px;max-width:calc(300px + var(--size-16, 16px)*2)}}@media (min-width:576px){.tw-modal .tw-modal-dialog{height:auto}.tw-modal .tw-modal-content .tw-modal-header{min-height:64px;min-height:calc(var(--size-8, 8px)*8)}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.tw-modal .tw-modal-compact .tw-modal-header{min-height:56px;min-height:calc(var(--size-8, 8px)*7)}.tw-modal .tw-modal-compact .tw-modal-body,.tw-modal .tw-modal-compact .tw-modal-footer,.tw-modal .tw-modal-compact .tw-modal-header{padding-top:16px;padding-top:var(--size-16,16px);padding-bottom:16px;padding-bottom:var(--size-16,16px)}}@media (min-width:480px){.tw-modal--content{height:auto}.tw-modal--content .tw-modal-dialog{max-height:none}.tw-modal--content .tw-modal-dialog .tw-modal-content{max-height:none;overflow:visible}.tw-modal--content .tw-modal-dialog .tw-modal-content .tw-modal-body{overflow-y:visible}.tw-modal-dialog.tw-modal-sm{width:300px}}@media (min-width:576px){.tw-modal{padding:40px;padding:var(--size-40,40px)}.tw-modal .tw-modal-dialog .tw-modal-content{border-radius:3px}.tw-modal .tw-modal-dialog.tw-modal-md{width:540px}}@media (min-width:768px){.tw-modal-dialog.tw-modal-lg{width:720px}}@media (min-width:992px){.tw-modal-dialog.tw-modal-xl{width:1000px}}@media (-ms-high-contrast:none){:root .tw-modal,:root .tw-modal .tw-modal-dialog,_:-ms-fullscreen,_:-ms-fullscreen .tw-modal-dialog{height:100%}}[dir=rtl] .tw-money-input .tw-money-input__fixed-currency{padding-right:0!important}html:not([dir=rtl]) .tw-money-input .tw-money-input__fixed-currency{padding-left:0!important}.tw-money-input__keyline{width:2px;border:1px solid #c9cbce;height:24px;height:var(--size-24,24px);background-color:#c9cbce;display:inline-block;transform:translateY(4px)}[dir=rtl] .tw-money-input__keyline{margin-left:24px;margin-left:var(--size-24,24px)}html:not([dir=rtl]) .tw-money-input__keyline{margin-right:24px;margin-right:var(--size-24,24px)}.tw-money-input--disabled{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));cursor:not-allowed}.tw-money-input__fixed-currency{position:relative}.tw-money-input__fixed-currency span{color:#5d7079;color:var(--color-content-secondary,#5d7079)}.tw-money-input .amount-currency-select-btn>.tw-select>.btn{display:flex;align-items:center}.tw-money-input .amount-currency-select-btn>.tw-select>.btn span:not(.tw-icon){min-width:2.6em}@media (min-width:576px){.tw-money-input .amount-currency-select-btn>.tw-select>.btn span:not(.tw-icon){min-width:calc(2.6em + 32px);min-width:calc(2.6em + var(--size-32, 32px))}}[dir=rtl] .tw-money-input .amount-currency-select-btn>.tw-select>.btn-addon.dropdown-toggle{padding-left:16px;padding-left:var(--size-16,16px)}html:not([dir=rtl]) .tw-money-input .amount-currency-select-btn>.tw-select>.btn-addon.dropdown-toggle{padding-right:16px;padding-right:var(--size-16,16px)}.tw-money-input .amount-currency-select-btn>.tw-select>.btn-lg>span{line-height:25px}.tw-money-input .amount-currency-select-btn>.tw-select>.btn-md>span{line-height:22px}.tw-money-input .amount-currency-select-btn>.tw-select>.btn>span.tw-icon{position:static}[dir=rtl] .tw-money-input .amount-currency-select-btn>.tw-select>.btn>span.tw-icon{padding-left:16px;padding-left:var(--size-16,16px)}html:not([dir=rtl]) .tw-money-input .amount-currency-select-btn>.tw-select>.btn>span.tw-icon{padding-right:16px;padding-right:var(--size-16,16px)}.tw-navigation-option{text-decoration:none;background-color:transparent;text-align:left;width:100%}[dir=rtl] .tw-navigation-option{border-right:0}[dir=rtl] .tw-navigation-option,html:not([dir=rtl]) .tw-navigation-option{border-left:0}html:not([dir=rtl]) .tw-navigation-option{border-right:0}[dir=rtl] .tw-navigation-option{text-align:right}.tw-navigation-option:focus,.tw-navigation-option:hover{text-decoration:none}.tw-navigation-option:hover .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}.tw-navigation-option .circle{border:none}.tw-navigation-option .media-body{font-weight:500;font-weight:var(--font-weight-regular,500);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.tw-navigation-options-list{list-style-type:none;margin-bottom:0}[dir=rtl] .tw-navigation-options-list{padding-right:0}html:not([dir=rtl]) .tw-navigation-options-list{padding-left:0}.tw-navigation-options-list__item+.tw-navigation-options-list__item{margin-top:-1px}.tw-nudge{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));padding:16px;padding:var(--size-16,16px);border-radius:10px;border-radius:var(--radius-medium,10px)}.tw-nudge__link{font-size:14px}.tw-nudge__link,.tw-nudge__link:focus,.tw-nudge__link:hover{text-decoration:none}.np-overlay-header{min-height:97px}.np-overlay-header .separator{height:32px;height:var(--size-32,32px);width:1px;background-color:rgba(0,0,0,.10196078431372549);background-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}[dir=rtl] .np-overlay-header .separator{margin-right:16px!important}[dir=rtl] .np-overlay-header .separator,html:not([dir=rtl]) .np-overlay-header .separator{margin-left:16px!important}html:not([dir=rtl]) .np-overlay-header .separator{margin-right:16px!important}.tw-telephone{display:flex}@media (min-width:576px){.tw-telephone .btn-group .dropdown-menu{min-width:250px}}[dir=rtl] .tw-telephone .tw-telephone__number-input{margin-right:12px;margin-right:var(--size-12,12px)}html:not([dir=rtl]) .tw-telephone .tw-telephone__number-input{margin-left:12px;margin-left:var(--size-12,12px)}.tw-telephone__country-select{flex-basis:120px;flex-shrink:0}.tw-telephone__number-input{flex:auto 1 1}.np-popover__container .np-popover__content{font-size:.875rem;font-size:var(--font-size-14,.875rem);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.np-popover__container.np-panel .np-popover__title{margin:0;color:#37517e;color:var(--color-content-primary,#37517e);line-height:1.2;line-height:var(--line-height-title,1.2);letter-spacing:0;font-size:1rem;font-size:var(--font-size-16,1rem);font-weight:600;font-weight:var(--font-weight-semi-bold,600)}.np-popover__container.np-panel .np-popover__content{padding:16px 24px;padding:var(--size-16,16px) var(--size-24,24px);max-width:276px}.np-popover__container.np-bottom-sheet .np-popover__title{color:#37517e;color:var(--color-content-primary,#37517e);line-height:1.2;line-height:var(--line-height-title,1.2);letter-spacing:0;margin:0 0 4px;margin-bottom:var(--size-4,4px);font-size:1.625rem;font-size:var(--font-size-26,1.625rem);font-weight:800;font-weight:var(--font-weight-bold,800)}.np-popover__container.np-bottom-sheet .np-popover__content{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.sliding-panel{transform:translateX(-100%);transition:transform .35s cubic-bezier(0,.94,.62,1);background:#fff;background:var(--color-background-elevated,#fff);z-index:1030;position:absolute}[dir=rtl] .sliding-panel{transform:translateX(100%)}.sliding-panel.sliding-panel--fixed{position:fixed}.sliding-panel.sliding-panel--open-left,.sliding-panel.sliding-panel--open-right{top:0;bottom:0}.sliding-panel.sliding-panel--open-right{transform:translateX(100%)}[dir=rtl] .sliding-panel.sliding-panel--open-right{transform:translateX(-100%);left:0}html:not([dir=rtl]) .sliding-panel.sliding-panel--open-right{right:0}.sliding-panel.sliding-panel--open-left{transform:translateX(-100%)}[dir=rtl] .sliding-panel.sliding-panel--open-left{transform:translateX(100%);right:0}html:not([dir=rtl]) .sliding-panel.sliding-panel--open-left{left:0}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-left,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-right{transform:translateX(0)}.sliding-panel.sliding-panel-enter-done.sliding-panel--open-bottom,.sliding-panel.sliding-panel-enter-done.sliding-panel--open-top{transform:translateY(0)}.sliding-panel.sliding-panel--open-bottom,.sliding-panel.sliding-panel--open-top{width:100%}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top{left:0}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top,html:not([dir=rtl]) .sliding-panel.sliding-panel--open-bottom,html:not([dir=rtl]) .sliding-panel.sliding-panel--open-top{right:0}html:not([dir=rtl]) .sliding-panel.sliding-panel--open-bottom,html:not([dir=rtl]) .sliding-panel.sliding-panel--open-top{left:0}.sliding-panel.sliding-panel--open-top{transform:translateY(-100%);top:0}.sliding-panel.sliding-panel--open-bottom{transform:translateY(100%);bottom:0}.sliding-panel.sliding-panel--border-top{box-shadow:inset 0 -1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-right{box-shadow:inset 1px 0 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-bottom{box-shadow:inset 0 1px 0 0 #e2e6e8}.sliding-panel.sliding-panel--border-left{box-shadow:inset -1px 0 0 0 #e2e6e8}.snackbar{text-align:center;position:fixed;bottom:0;z-index:1060}[dir=rtl] .snackbar{right:0}[dir=rtl] .snackbar,html:not([dir=rtl]) .snackbar{left:0}html:not([dir=rtl]) .snackbar{right:0}.snackbar__text{background:#37517e;color:#fff;color:var(--color-base-white-light,#fff);font-size:.875rem;font-size:var(--font-size-14,.875rem);line-height:20px;display:inline-flex;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);align-items:center;justify-content:space-between;text-align:left;margin:0 16px;margin:0 var(--size-16,16px);padding:14px 16px;padding:14px var(--size-16,16px);width:calc(100% - 32px);width:calc(100% - var(--size-32, 32px));transition:.4s cubic-bezier(.215,.61,.355,1)}[dir=rtl] .snackbar__text{text-align:right}.snackbar__text--dark{background:#fff;background:var(--color-background-screen,#fff);color:#37517e;color:var(--color-content-primary,#37517e)}@media (min-width:576px){.snackbar__text{width:auto;max-width:600px}}.snackbar__text__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;line-height:1;border:0;padding:14px 16px;margin-top:-14px;margin-bottom:-14px;background:none;outline:0;font:inherit;font-weight:600;font-weight:var(--font-weight-semi-bold,600);color:#00b9ff;position:relative;cursor:pointer}[dir=rtl] .snackbar__text__action{margin-left:-16px;margin-left:calc(var(--size-16, 16px)*-1)}html:not([dir=rtl]) .snackbar__text__action{margin-right:-16px;margin-right:calc(var(--size-16, 16px)*-1)}[dir=rtl] .snackbar__text__action{margin-right:0}html:not([dir=rtl]) .snackbar__text__action{margin-left:0}.snackbar__text-container-enter,.snackbar__text-container-exit{transform:translateY(calc(100% + 10px))}.snackbar__text-container-enter-active{transform:translateY(-16px);transform:translateY(calc(-16px - env(safe-area-inset-bottom)))}@media (min-width:576px){.snackbar__text-container-enter-active{transform:translateY(-24px)}}.tw-stepper{padding-bottom:24px;width:100%}@media only screen and (max-width:575px){.tw-stepper{padding-bottom:0}}.tw-stepper__step{list-style-type:none;display:flex;justify-content:center;width:100%}.tw-stepper__step--active .tw-stepper__step-label{color:#37517e;color:var(--color-content-primary,#37517e);font-weight:600;font-weight:var(--font-weight-semi-bold,600)}.tw-stepper__step--clickable .tw-stepper__step-label{color:#0097c7;color:var(--color-content-accent,#0097c7);font-weight:600;font-weight:var(--font-weight-semi-bold,600);transition:color .15s ease-in-out}@media screen and (min-width:576px) and (max-width:991px){.tw-stepper__step:first-child .tooltip-inner{transform:translateX(calc(50% - 32px))}.tw-stepper__step:last-child .tooltip-inner{transform:translateX(calc(-50% + 32px))}.tw-stepper__step .tooltip-arrow{z-index:1}}.tw-stepper__step-label{color:#5d7079;color:var(--color-content-secondary,#5d7079);transition:color .6s ease-in-out;white-space:nowrap}.tw-stepper .tooltip{top:24px!important;white-space:nowrap}.tw-stepper .tooltip .tooltip-inner{max-width:100%}.tw-stepper .tw-tooltip-container{display:block}.tw-stepper-steps{position:relative;display:flex;justify-content:space-between;width:125%}[dir=rtl] .tw-stepper-steps{margin-right:-12.5%}html:not([dir=rtl]) .tw-stepper-steps{margin-left:-12.5%}[dir=rtl] .tw-stepper-steps,html:not([dir=rtl]) .tw-stepper-steps{padding:0}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(90deg,var(--color-interactive-accent,#00a2dd),var(--color-base-navy-light,#37517e));transition:width .6s ease-in-out}[dir=rtl] .progress-bar-ending{float:right;background:linear-gradient(270deg,#00a2dd,#37517e);background:linear-gradient(270deg,var(--color-interactive-accent,#00a2dd),var(--color-base-navy-light,#37517e))}.progress-bar-ending:after{float:right;width:8px;height:8px;margin-top:-3px;content:"";background-color:#37517e;background-color:var(--color-base-navy-light,#37517e);border-radius:4px}[dir=rtl] .progress-bar-ending:after{float:left;margin-left:-4px}html:not([dir=rtl]) .progress-bar-ending:after{margin-right:-4px}.progress-bar-filler{float:left;height:100%;background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd);border-top-left-radius:1px;border-bottom-left-radius:1px;transition:width .6s ease-in-out;will-change:width}[dir=rtl] .progress-bar-filler{float:right}.btn-unstyled{background:none;outline:none;border:none;margin:0;padding:0;display:block}.np-summary{min-width:280px}.np-summary__title{margin-top:2px;line-height:1.375}.np-summary__title .np-info__small{margin-top:2px}.np-summary__icon{position:relative;color:#37517e;color:var(--color-content-primary,#37517e)}.np-summary__icon .np-summary-icon__done{color:#2ead4b;color:var(--color-interactive-positive,#2ead4b)}.np-summary__icon .np-summary-icon__pending{color:#df8700;color:var(--color-interactive-warning,#df8700)}.np-summary__icon :nth-child(2){background-color:#fff;background-color:var(--color-background-screen,#fff);border-radius:50%;position:absolute;bottom:-6px}[dir=rtl] .np-summary__icon :nth-child(2){left:-8px}html:not([dir=rtl]) .np-summary__icon :nth-child(2){right:-8px}.np-summary__description{line-height:1.42857}.np-summary__action,.np-summary__description{margin-top:4px;margin-top:var(--size-4,4px);font-size:.875rem;font-size:var(--font-size-14,.875rem)}.np-summary__action{line-height:1.28571}.np-summary+.np-summary{margin-top:24px;margin-top:var(--size-24,24px)}.np-switch{display:inline-flex;overflow:hidden;width:50px;padding:2px;border-radius:16px}.np-switch--thumb{display:flex;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-switch--thumb .tw-icon{color:#fff;color:var(--color-base-white-light,#fff)}.np-switch--unchecked{background:#c9cbce;background:var(--color-interactive-secondary,#c9cbce)}.np-switch--unchecked .switch--thumb{transform:translateX(0)}.np-switch--checked{background:#00a2dd;background:var(--color-interactive-accent,#00a2dd)}.np-switch--checked .np-switch--thumb{transform:translateX(20px)}[dir=rtl] .np-switch--checked .np-switch--thumb{transform:translateX(-20px)}.np-switch--disabled{background:#a8aaac;background:var(--color-interactive-disabled,#a8aaac);cursor:not-allowed;border-color:#a8aaac;border-color:var(--color-interactive-disabled,#a8aaac)}.np-switch input{position:absolute;display:none;width:0;height:0;opacity:0}[dir=rtl] .np-switch input{right:-100%}html:not([dir=rtl]) .np-switch input{left:-100%}.np-switch:not([aria-disabled]){cursor:pointer}.tabs{position:relative}.tabs__tab{display:inline-block;cursor:pointer;outline:none;text-align:center;padding:8px;padding:var(--size-8,8px);margin-bottom:-3px;font-weight:600;font-weight:var(--font-weight-semi-bold,600);color:#37517e;color:var(--color-content-primary,#37517e);transition:color .15s ease-in-out}.tabs__tab--selected{color:#0097c7;color:var(--color-content-accent,#0097c7)}.tabs__tab--disabled{color:#a8aaac;color:var(--color-content-disabled,#a8aaac);cursor:not-allowed}.tabs__tab:focus{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}@media (min-width:992px){.tabs__tab:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}@media (hover:hover){.tabs__tab:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}.tabs__tab-list{list-style:none;padding:0;margin:0;border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}[dir=rtl] .tabs__tab-list{padding-right:0}html:not([dir=rtl]) .tabs__tab-list{padding-left:0}.tabs__line{height:3px;background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd);transition:transform .35s cubic-bezier(0,.94,.62,1)}.tabs__panel-container{width:100%}.tabs__slider{display:flex}.tabs__panel--selected{padding:8px;padding:var(--size-8,8px);border:1px solid #37517e}.tabs__panel.enter{opacity:0}.tabs__panel.enter-active{opacity:1}.tabs__panel.exit{opacity:0}.tabs--inverse .tabs__tab-list{border-bottom-color:rgba(0,0,0,.10196078431372549);border-bottom-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.tabs--inverse .tabs__tab:not(.tabs__tab--selected){color:#fff}.tabs.tabs--auto-width .tabs__tab{display:inline-flex;height:40px;height:var(--size-40,40px);padding:0 24px;padding:0 var(--size-24,24px);justify-content:center;align-items:center}.np-tile{min-width:120px;border-radius:3px;border-radius:var(--radius-small,3px);width:100%}.np-tile.decision{margin-top:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.np-tile.np-decision__tile--fixed-width{width:300px}.np-tile__media{width:100%}.np-tile__title{margin-top:16px;margin-top:var(--size-16,16px);font-size:1.333333rem;line-height:1.2;color:#37517e;color:var(--color-content-primary,#37517e)}.np-tile__description{margin-top:12px;margin-top:var(--size-12,12px);line-height:1.5;line-height:var(--line-height-body,1.5);color:#5d7079;color:var(--color-content-secondary,#5d7079);font-weight:500;font-weight:var(--font-weight-regular,500)}.np-tile--small.np-decision__tile--fixed-width{width:260px}.np-tile--small .np-tile__title{margin-top:12px;margin-top:var(--size-12,12px);font-size:1rem;font-size:var(--font-size-16,1rem);line-height:1.2;line-height:var(--line-height-title,1.2)}.np-tile--small .np-tile__description{margin-top:4px;margin-top:var(--size-4,4px)}.np-tile:hover .tw-avatar{pointer-events:none}.np-tile:hover .tw-avatar .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}.tw-tooltip-container{display:inline-block;background-color:#ff0}.tw-tooltip-container .tooltip{visibility:visible;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-tooltip-container .tooltip:not(.in){pointer-events:none;animation:tw-tooltip-disappear;animation-duration:0s;animation-delay:.15s;animation-fill-mode:both}@keyframes tw-tooltip-disappear{0%{visibility:visible}to{visibility:hidden}}.np-panel[data-popper-placement^=right]>.np-panel__content.tooltip-inner .np-panel__arrow{left:-14px}[dir=rtl] .np-panel[data-popper-placement^=right]>.np-panel__content.tooltip-inner .np-panel__arrow{left:0}.np-panel[data-popper-placement^=left]>.np-panel__content.tooltip-inner .np-panel__arrow{right:0}[dir=rtl] .np-panel[data-popper-placement^=left]>.np-panel__content.tooltip-inner .np-panel__arrow{right:-14px}.typeahead.open .input-group{z-index:1060}.typeahead .dropdown.btn-block{display:block}.typeahead .dropdown-menu{max-width:100%;width:100%}.typeahead--multiple .chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .chip:first-child{animation-name:slideFirst}.typeahead--multiple .chip-remove{animation-name:fadeIn;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .form-control{height:auto;min-height:auto;padding-top:0;padding-bottom:0;overflow:auto}.typeahead--multiple .typeahead__input{border:none;outline:none;float:none;font-size:inherit;line-height:inherit;align-self:stretch;padding:2px 0 0}.typeahead--multiple .typeahead__input-aligner{height:40px;display:inline-block;width:0}.typeahead--multiple .typeahead__input-container{cursor:text;display:flex}.typeahead--multiple .sizer{white-space:pre;position:absolute;visibility:hidden;width:auto}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-right:8px;padding-right:var(--size-8,8px)}html:not([dir=rtl]) .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-left:8px;padding-left:var(--size-8,8px)}.typeahead--multiple.typeahead--has-value .typeahead__input{margin-bottom:-7px;margin-bottom:calc(var(--size-8, 8px)*-1 + 1px)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input{margin-right:4px;margin-right:var(--size-4,4px)}html:not([dir=rtl]) .typeahead--multiple.typeahead--has-value .typeahead__input{margin-left:4px;margin-left:var(--size-4,4px)}.typeahead--multiple.typeahead--has-value .typeahead__input-wrapper:after{content:"";height:calc(8px - 1);height:calc(var(--size-8, 8px) - 1);width:100%}.typeahead__input-wrapper{width:100%;margin-top:-1px;display:flex;flex-wrap:wrap;flex:1;align-items:center}.typeahead--empty.typeahead--multiple .typeahead__input-wrapper{padding:0;margin:0}.typeahead-sm.typeahead--multiple .typeahead__input-container{min-height:32px}.typeahead-sm.typeahead--multiple .typeahead__input{padding-top:0}.typeahead-md.typeahead--multiple .typeahead__input-container{min-height:48px}.typeahead-lg.typeahead--multiple .typeahead__input-container{min-height:72px}.typeahead-lg.typeahead--multiple .typeahead__input{padding-top:calc(8px - 1);padding-top:calc(var(--size-8, 8px) - 1)}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper{padding-bottom:8px;padding-bottom:var(--size-8,8px);margin:0}.typeahead-lg.typeahead--multiple .typeahead__input-wrapper:after{content:none}.typeahead-lg.typeahead--multiple .chip{margin-bottom:0;line-height:0}@keyframes slide{0%{transform:translateX(-12px)}to{transform:none}}@keyframes slideFirst{0%{transform:translateX(-4px)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:.6}}@media (max-width:575px){.typeahead .dropdown.open .dropdown-menu{position:absolute;bottom:auto;overflow:scroll}}.typeahead__option.tw-dropdown-item .dropdown-item:active strong{color:#fff;color:var(--color-base-white-light,#fff)}.typeahead__option.tw-dropdown-item--clickable{cursor:pointer}.typeahead__option.tw-dropdown-item--focused{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.tw-droppable-lg{min-height:346px}.tw-droppable-lg .thumbnail{max-height:72px}.tw-droppable-md{min-height:315px}.tw-droppable-md .thumbnail{max-height:72px}.tw-droppable-sm{min-height:245px}.np-upload-button{width:100%;text-decoration:none!important;border:0!important;letter-spacing:normal!important;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px)}.np-upload-button.np-upload-accent{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus,label.np-upload-button:not(.disabled):hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}label.np-upload-button.disabled{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.np-upload-button .np-upload-icon{display:flex;align-items:center}.np-upload-button .np-upload-description{font-weight:400;white-space:normal}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-upload-button-container input[type=file]{opacity:0;z-index:-1;position:absolute}.np-upload-button-container input[type=file]:focus+label{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.np-upload-input{border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px;border-radius:var(--radius-small,3px)}.np-upload-item:not(:last-child):after{display:block;position:relative;border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));content:" ";margin:0 16px;margin:0 var(--size-16,16px)}.np-upload-item__link a{flex:1;text-decoration:none;outline:none;font-weight:500;font-weight:var(--font-weight-regular,500)}.np-upload-item__link a:active,.np-upload-item__link a:focus,.np-upload-item__link a:hover{text-decoration:none}.np-upload-item__link a:active,.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus,.np-upload-item__link a:focus~.np-upload-item__remove-button,.np-upload-item__link a:hover,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.np-upload-item__body{display:flex;align-items:center;justify-content:space-between}.np-upload-item__remove-button{flex-shrink:0;align-self:stretch;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px);color:#a8aaac;color:var(--color-content-disabled,#a8aaac);background:transparent}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#d03238!important;color:var(--color-interactive-negative-hover,#d03238)!important}

package/build/styles/accordion/Accordion.css

@@ -1 +1 @@
-@media (max-width:767px){.tw-accordion-item .accordion-content .media-body{margin-left:0!important}}.tw-accordion-item{display:block;width:100%;padding:10px 24px}.tw-accordion-item.decision:hover:not(.disabled){background-color:transparent}.tw-accordion-item .btn{border:none}.tw-accordion-item .chevron{vertical-align:middle}.tw-accordion-item .media{color:#37517e;color:var(--color-text-primary,#37517e);flex-wrap:wrap}.tw-accordion-item.decision .media-body{white-space:normal;font-size:1rem}.tw-accordion-item .accordion-content{cursor:auto}.tw-accordion-item.closed .accordion-content{max-height:0;overflow:hidden}.tw-accordion-item.tw-accordion-item--dark .media-body,.tw-accordion-item.tw-accordion-item--dark .tw-accordion-item__title{color:#fff;color:var(--color-text-control,#fff)}
+@media (max-width:767px){[dir=rtl] .tw-accordion-item .accordion-content .media-body{margin-right:0!important}html:not([dir=rtl]) .tw-accordion-item .accordion-content .media-body{margin-left:0!important}}.tw-accordion-item{display:block;width:100%;padding:10px 24px}.tw-accordion-item.decision:hover:not(.disabled){background-color:transparent}.tw-accordion-item .btn{border:none}.tw-accordion-item .chevron{vertical-align:middle}.tw-accordion-item .media{color:#37517e;color:var(--color-content-primary,#37517e);flex-wrap:wrap}.tw-accordion-item.decision .media-body{white-space:normal;font-size:1rem;font-size:var(--font-size-16,1rem)}.tw-accordion-item .accordion-content{cursor:auto}.tw-accordion-item.closed .accordion-content{max-height:0;overflow:hidden}.tw-accordion-item.tw-accordion-item--dark .media-body,.tw-accordion-item.tw-accordion-item--dark .tw-accordion-item__title{color:#fff;color:var(--color-base-white-light,#fff)}

package/build/styles/avatar/Avatar.css

@@ -1 +1 @@
-.tw-avatar{position:relative;border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;cursor:default}.tw-avatar .tw-avatar__content{display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7);height:100%;width:100%;max-height:100%;max-width:100%}.tw-avatar--outlined{border:1px solid #00b9ff;border:1px solid var(--color-control-accent,#00b9ff);cursor:pointer}.tw-avatar--outlined:hover{border-color:#00a4df;border-color:var(--color-control-accent-hover,#00a4df)}.tw-avatar--dark .tw-avatar__content{background:#2e4369;color:#fff}.tw-avatar--thumbnail *{width:100%;height:100%;object-fit:cover}.tw-avatar--icon *{max-height:100%;max-width:100%}.tw-avatar.tw-avatar--icon,.tw-avatar.tw-avatar--initials{color:#37517e}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-family:Arial,sans-serif}.tw-avatar--sm{min-width:24px;width:24px;height:24px}.tw-avatar--sm.tw-avatar--emoji,.tw-avatar--sm.tw-avatar--icon{font-size:12px}.tw-avatar--sm.tw-avatar--initials{font-size:8.4px;font-weight:700}.tw-avatar--sm.tw-avatar--outlined{padding:1px}.tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{top:1px;left:1px;right:1px;bottom:1px}.tw-avatar--sm.tw-avatar--thumbnail:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.08);content:"";border-radius:50%}.tw-avatar--sm.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--md{min-width:48px;width:48px;height:48px}.tw-avatar--md.tw-avatar--emoji,.tw-avatar--md.tw-avatar--icon{font-size:24px}.tw-avatar--md.tw-avatar--initials{font-size:16.8px;font-weight:700}.tw-avatar--md.tw-avatar--outlined{padding:2px}.tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{top:2px;left:2px;right:2px;bottom:2px}.tw-avatar--md.tw-avatar--thumbnail:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.08);content:"";border-radius:50%}.tw-avatar--md.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--lg{min-width:72px;width:72px;height:72px}.tw-avatar--lg.tw-avatar--emoji,.tw-avatar--lg.tw-avatar--icon{font-size:36px}.tw-avatar--lg.tw-avatar--initials{font-size:25.2px;font-weight:700}.tw-avatar--lg.tw-avatar--outlined{padding:3px}.tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{top:3px;left:3px;right:3px;bottom:3px}.tw-avatar--lg.tw-avatar--thumbnail:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.08);content:"";border-radius:50%}.tw-avatar--lg.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar img{width:100%;height:100%}
+.tw-avatar{position:relative;border-radius:50%;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;cursor:default}.tw-avatar .tw-avatar__content{display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;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));height:100%;width:100%;max-height:100%;max-width:100%}.tw-avatar--outlined{border:1px solid #00a2dd;border:1px solid var(--color-interactive-accent,#00a2dd);cursor:pointer}.tw-avatar--outlined:hover{border-color:#008fc9;border-color:var(--color-interactive-accent-hover,#008fc9)}.tw-avatar--dark .tw-avatar__content{background:rgba(134,167,189,.10196078431372549);background:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.tw-avatar--thumbnail *{width:100%;height:100%;object-fit:cover}.tw-avatar--icon *{max-height:100%;max-width:100%}.tw-avatar.tw-avatar--icon,.tw-avatar.tw-avatar--initials{color:#37517e;color:var(--color-content-primary,#37517e)}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-family:Arial,sans-serif}.tw-avatar--sm{min-width:24px;width:24px;height:24px}.tw-avatar--sm.tw-avatar--emoji,.tw-avatar--sm.tw-avatar--icon{font-size:12px}.tw-avatar--sm.tw-avatar--initials{font-size:8.4px;font-weight:700}.tw-avatar--sm.tw-avatar--outlined{padding:1px}.tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{top:1px;bottom:1px}[dir=rtl] .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{right:1px}[dir=rtl] .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{left:1px}html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{right:1px}.tw-avatar--sm.tw-avatar--thumbnail:after{position:absolute;top:0;bottom:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));content:"";border-radius:50%}[dir=rtl] .tw-avatar--sm.tw-avatar--thumbnail:after{right:0}[dir=rtl] .tw-avatar--sm.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--thumbnail:after{left:0}html:not([dir=rtl]) .tw-avatar--sm.tw-avatar--thumbnail:after{right:0}.tw-avatar--sm.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--md{min-width:48px;width:48px;height:48px}.tw-avatar--md.tw-avatar--emoji,.tw-avatar--md.tw-avatar--icon{font-size:24px}.tw-avatar--md.tw-avatar--initials{font-size:16.8px;font-weight:700}.tw-avatar--md.tw-avatar--outlined{padding:2px}.tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{top:2px;bottom:2px}[dir=rtl] .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{right:2px}[dir=rtl] .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{left:2px}html:not([dir=rtl]) .tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{right:2px}.tw-avatar--md.tw-avatar--thumbnail:after{position:absolute;top:0;bottom:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));content:"";border-radius:50%}[dir=rtl] .tw-avatar--md.tw-avatar--thumbnail:after{right:0}[dir=rtl] .tw-avatar--md.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--md.tw-avatar--thumbnail:after{left:0}html:not([dir=rtl]) .tw-avatar--md.tw-avatar--thumbnail:after{right:0}.tw-avatar--md.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--lg{min-width:72px;width:72px;height:72px}.tw-avatar--lg.tw-avatar--emoji,.tw-avatar--lg.tw-avatar--icon{font-size:36px}.tw-avatar--lg.tw-avatar--initials{font-size:25.2px;font-weight:700}.tw-avatar--lg.tw-avatar--outlined{padding:3px}.tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{top:3px;bottom:3px}[dir=rtl] .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{right:3px}[dir=rtl] .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{left:3px}html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{right:3px}.tw-avatar--lg.tw-avatar--thumbnail:after{position:absolute;top:0;bottom:0;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));content:"";border-radius:50%}[dir=rtl] .tw-avatar--lg.tw-avatar--thumbnail:after{right:0}[dir=rtl] .tw-avatar--lg.tw-avatar--thumbnail:after,html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--thumbnail:after{left:0}html:not([dir=rtl]) .tw-avatar--lg.tw-avatar--thumbnail:after{right:0}.tw-avatar--lg.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar img{width:100%;height:100%}