@transferwise/components 38.3.1 → 39.0.1

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,m;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,j=d.state.isProcessing,!(h||j)){a.next=4;break}return a.abrupt("return",!1);case 4:if(b){a.next=6;break}throw new Error("Could not retrieve file");case 6:return d.setState({fileName:b.name,isDroppable:!1,isProcessing:!0}),g&&g(b),k=null,a.prev=9,a.next=12,asyncFileRead(b);case 12:k=a.sent,a.next=18;break;case 15:a.prev=15,a.t0=a["catch"](9),d.asyncResponse(a.t0,PROCESS_STATE[0]);case 18:if(k){a.next=20;break}return a.abrupt("return",!1);case 20:if(d.setState({isImage:getFileType(b,k).includes("image")}),isTypeValid(b,i,k)){a.next=25;break}return l={status:415,statusText:"Unsupported Media Type"},d.asyncResponse(l,PROCESS_STATE[0]),a.abrupt("return",!1);case 25:if(isSizeValid(b,f)){a.next=29;break}return m={status:413,statusText:"Request Entity Too Large"},d.asyncResponse(m,PROCESS_STATE[0]),a.abrupt("return",!1);case 29:if(!e){a.next=33;break}return a.next=32,d.asyncPost(b).then(function(a){return d.asyncResponse(a,"success")}).then(function(){return d.showDataImage(k),!0}).catch(function(a){return d.asyncResponse(a,PROCESS_STATE[0]),!1});case 32:return a.abrupt("return",a.sent);case 33:return d.showDataImage(k),d.asyncResponse(k,"success"),a.abrupt("return",!0);case 36:case"end":return a.stop();}},a,null,[[9,15]])}));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,c=this.state.isProcessing;1!==this.dragCounter||b||c||this.setState({isDroppable:!0})}},{key:"onDrop",value:function onDrop(a){var b=this.state.isProcessing;a.preventDefault(),b||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,m;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,j=d.state.isProcessing,!(h||j)){a.next=4;break}return a.abrupt("return",!1);case 4:if(b){a.next=6;break}throw new Error("Could not retrieve file");case 6:return d.setState({fileName:b.name,isDroppable:!1,isProcessing:!0}),g&&g(b),k=null,a.prev=9,a.next=12,asyncFileRead(b);case 12:k=a.sent,a.next=18;break;case 15:a.prev=15,a.t0=a["catch"](9),d.asyncResponse(a.t0,PROCESS_STATE[0]);case 18:if(k){a.next=20;break}return a.abrupt("return",!1);case 20:if(d.setState({isImage:getFileType(b,k).includes("image")}),isTypeValid(b,i,k)){a.next=25;break}return l={status:415,statusText:"Unsupported Media Type"},d.asyncResponse(l,PROCESS_STATE[0]),a.abrupt("return",!1);case 25:if(isSizeValid(b,f)){a.next=29;break}return m={status:413,statusText:"Request Entity Too Large"},d.asyncResponse(m,PROCESS_STATE[0]),a.abrupt("return",!1);case 29:if(!e){a.next=33;break}return a.next=32,d.asyncPost(b).then(function(a){return d.asyncResponse(a,"success")}).then(function(){return d.showDataImage(k),!0}).catch(function(a){return d.asyncResponse(a,PROCESS_STATE[0]),!1});case 32:return a.abrupt("return",a.sent);case 33:return d.showDataImage(k),d.asyncResponse(k,"success"),a.abrupt("return",!0);case 36:case"end":return a.stop();}},a,null,[[9,15]])}));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,c=this.state.isProcessing;1!==this.dragCounter||b||c||this.setState({isDroppable:!0})}},{key:"onDrop",value:function onDrop(a){var b=this.state.isProcessing;a.preventDefault(),b||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/UploadInput.js

@@ -1,6 +1,7 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";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.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}import"core-js/modules/es.array.iterator.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.set.js";import"core-js/modules/es.string.iterator.js";import"core-js/modules/web.dom-collections.iterator.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.function.name.js";import"core-js/modules/es.array.concat.js";import"core-js/modules/es.array.join.js";import classNames from"classnames";import{useState}from"react";import{useIntl}from"react-intl";import Button from"../button";import{ControlType,Priority,Status}from"../common";import Modal from"../modal";import{isSizeValid}from"../upload/utils/isSizeValid";import{isTypeValid}from"../upload/utils/isTypeValid";import MESSAGES from"./UploadInput.messages";import UploadButton from"./uploadButton/UploadButton";import{DEFAULT_SIZE_LIMIT,imageFileTypes}from"./uploadButton/defaults";import UploadItem from"./uploadItem/UploadItem";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 UploadInput=function(a){var b=a.files,c=void 0===b?[]:b,d=a.fileInputName,e=void 0===d?"file":d,f=a.className,g=a.deleteConfirm,h=a.disabled,i=a.multiple,j=void 0!==i&&i,k=a.fileTypes,l=void 0===k?imageFileTypes:k,m=a.sizeLimit,n=void 0===m?DEFAULT_SIZE_LIMIT:m,o=a.onUploadFile,p=a.onDeleteFile,q=a.onValidationError,r=a.onDownload,s=useState(null),t=_slicedToArray(s,2),u=t[0],v=t[1],w=useIntl(),x=w.formatMessage,y=new Set([Status.PENDING,Status.PROCESSING]),z=useState(j||0===c.length?c:[c[0]]),A=_slicedToArray(z,2),B=A[0],C=A[1],D=function(a){C(function(b){return b.filter(function(b){return a!==b&&a.id!==b.id})})},E=function(a,b){C(function(c){return c.map(function(c){return c===a||c.id===a.id?_objectSpread(_objectSpread({},a),b):c})})},F=function(a){var b=a.id,c=a.status;c===Status.FAILED?D(a):p&&b&&(E(a,{status:Status.PROCESSING,error:void 0}),p(b).then(function(){return D(a)}).catch(function(b){E(a,{error:b})}))};return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs("div",{className:classNames("np-upload-input",f),children:[B.map(function(a){return/*#__PURE__*/_jsx(UploadItem,{file:a,canDelete:(!!p||a.status===Status.FAILED)&&(!a.status||!y.has(a.status)),onDelete:a.status===Status.FAILED?function(){return F(a)}:function(){return v(a)},onDownload:r},a.id)}),(j||!j&&!B.length)&&/*#__PURE__*/_jsx(UploadButton,{disabled:h,multiple:j,fileTypes:l,sizeLimit:n,onChange:function addFiles(a){for(var f=0;f<a.length;f+=1){var b=a.item(f),c=new FormData;// Returning a FormData[] array instead of FileList so we can filter out incorrect files
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";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.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}import"core-js/modules/es.array.iterator.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.set.js";import"core-js/modules/es.string.iterator.js";import"core-js/modules/web.dom-collections.iterator.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.function.name.js";import"core-js/modules/es.array.concat.js";import"core-js/modules/es.array.join.js";import classNames from"classnames";import{useEffect,useState}from"react";import{useIntl}from"react-intl";import Button from"../button";import{ControlType,Priority,Status}from"../common";import Modal from"../modal";import{isSizeValid}from"../upload/utils/isSizeValid";import{isTypeValid}from"../upload/utils/isTypeValid";import MESSAGES from"./UploadInput.messages";import UploadButton from"./uploadButton/UploadButton";import{DEFAULT_SIZE_LIMIT,imageFileTypes}from"./uploadButton/defaults";import UploadItem from"./uploadItem/UploadItem";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 UploadInput=function(a){var b=a.files,c=void 0===b?[]:b,d=a.fileInputName,e=void 0===d?"file":d,f=a.className,g=a.deleteConfirm,h=a.disabled,i=a.multiple,j=void 0!==i&&i,k=a.fileTypes,l=void 0===k?imageFileTypes:k,m=a.sizeLimit,n=void 0===m?DEFAULT_SIZE_LIMIT:m,o=a.onUploadFile,p=a.onDeleteFile,q=a.onValidationError,r=a.onFilesChange,s=a.onDownload,t=useState(null),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useState(!1),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useIntl(),C=B.formatMessage,D=new Set([Status.PENDING,Status.PROCESSING]),E=useState(j||0===c.length?c:[c[0]]),F=_slicedToArray(E,2),G=F[0],H=F[1],I=function(a){H(function(b){return b.filter(function(b){return a!==b&&a.id!==b.id})})},J=function(a,b){H(function(c){return c.map(function(c){return c===a||c.id===a.id?_objectSpread(_objectSpread({},a),b):c})})},K=function(a){var b=a.id,c=a.status;c===Status.FAILED?I(a):p&&b&&(J(a,{status:Status.PROCESSING,error:void 0}),p(b).then(function(){return I(a)}).catch(function(b){J(a,{error:b})}))};// eslint-disable-line react-hooks/exhaustive-deps
+return useEffect(function(){A(!0)},[]),useEffect(function(){r&&z&&r(G)},[r,G]),/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsxs("div",{className:classNames("np-upload-input",f),children:[G.map(function(a){return/*#__PURE__*/_jsx(UploadItem,{file:a,canDelete:(!!p||a.status===Status.FAILED)&&(!a.status||!D.has(a.status)),onDelete:a.status===Status.FAILED?function(){return K(a)}:function(){return w(a)},onDownload:s},a.id)}),(j||!j&&!G.length)&&/*#__PURE__*/_jsx(UploadButton,{disabled:h,multiple:j,fileTypes:l,sizeLimit:n,onChange:function addFiles(a){for(var f=0;f<a.length;f+=1){var b=a.item(f),c=new FormData;// Returning a FormData[] array instead of FileList so we can filter out incorrect files
 if(b){var d=function(){var a=b.name,d=b.size,f="".concat(a,"_").concat(d),g=Array.isArray(l)?l.join(","):l;// Check if file type is valid
-if(!isTypeValid(b,g)){var i={id:f,filename:a,status:Status.FAILED,error:x(MESSAGES.fileTypeNotSupported)};return C(function(a){return[].concat(_toConsumableArray(a),[i])}),q&&q(i),"continue"}// Check if the filesize is valid
+if(!isTypeValid(b,g)){var i={id:f,filename:a,status:Status.FAILED,error:C(MESSAGES.fileTypeNotSupported)};return H(function(a){return[].concat(_toConsumableArray(a),[i])}),q&&q(i),"continue"}// Check if the filesize is valid
 // Convert to rough bytes
-if(!isSizeValid(b,1e3*n)){var k={id:f,filename:a,status:Status.FAILED,error:x(MESSAGES.fileIsTooLarge)};return C(function(a){return[].concat(_toConsumableArray(a),[k])}),q&&q(k),"continue"}c.append(e,b);var h={id:f,filename:a,status:Status.PENDING};if(C(function(a){return[].concat(_toConsumableArray(a),[h])}),o(c).then(function(a){var b=a.id,c=a.url,d=a.error;E(h,{id:b,url:c,error:d,status:Status.SUCCEEDED})}).catch(function(a){E(h,{error:a,status:Status.FAILED})}),!j)// Only upload a single file
-return"break"}();if("continue"===d)continue;if("break"===d)break}}}})]}),/*#__PURE__*/_jsx(Modal,{title:(null===g||void 0===g?void 0:g.title)===void 0?x(MESSAGES.deleteModalTitle):g.title,body:(null===g||void 0===g?void 0:g.body)===void 0?x(MESSAGES.deleteModalBody):g.body,open:!!u,footer:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){v(null)},children:(null===g||void 0===g?void 0:g.cancelText)||x(MESSAGES.deleteModalCancelButtonText)}),/*#__PURE__*/_jsx(Button,{block:!0,priority:Priority.SECONDARY,type:ControlType.NEGATIVE,onClick:function onClick(){u&&F(u),v(null)},children:(null===g||void 0===g?void 0:g.confirmText)||x(MESSAGES.deleteModalConfirmButtonText)})]}),onClose:function onClose(){v(null)}})]})};export default UploadInput;
+if(!isSizeValid(b,1e3*n)){var k={id:f,filename:a,status:Status.FAILED,error:C(MESSAGES.fileIsTooLarge)};return H(function(a){return[].concat(_toConsumableArray(a),[k])}),q&&q(k),"continue"}c.append(e,b);var h={id:f,filename:a,status:Status.PENDING};if(H(function(a){return[].concat(_toConsumableArray(a),[h])}),o(c).then(function(a){var b=a.id,c=a.url,d=a.error;J(h,{id:b,url:c,error:d,status:Status.SUCCEEDED})}).catch(function(a){J(h,{error:a,status:Status.FAILED})}),!j)// Only upload a single file
+return"break"}();if("continue"===d)continue;if("break"===d)break}}}})]}),/*#__PURE__*/_jsx(Modal,{title:void 0===(null===g||void 0===g?void 0:g.title)?C(MESSAGES.deleteModalTitle):g.title,body:void 0===(null===g||void 0===g?void 0:g.body)?C(MESSAGES.deleteModalBody):g.body,open:!!v,footer:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){w(null)},children:(null===g||void 0===g?void 0:g.cancelText)||C(MESSAGES.deleteModalCancelButtonText)}),/*#__PURE__*/_jsx(Button,{block:!0,priority:Priority.SECONDARY,type:ControlType.NEGATIVE,onClick:function onClick(){v&&K(v),w(null)},children:(null===g||void 0===g?void 0:g.confirmText)||C(MESSAGES.deleteModalConfirmButtonText)})]}),onClose:function onClose(){w(null)}})]})};export default UploadInput;

package/build/es/polyfill/uploadInput/UploadInput.spec.js

@@ -1 +1 @@
-import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _defineProperty from"@babel/runtime/helpers/defineProperty";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/es.object.get-own-property-descriptors.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.array.slice.js";import _regeneratorRuntime from"@babel/runtime/regenerator";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{within}from"@testing-library/react";import userEvent from"@testing-library/user-event";import{Status}from"../common";import{render,screen,waitFor,waitForElementToBeRemoved}from"../test-utils";import UploadInput from"./UploadInput";import{TEST_IDS as UPLOAD_BUTTON_TEST_IDS}from"./uploadButton/UploadButton";import{TEST_IDS as UPLOAD_ITEM_TEST_IDS}from"./uploadItem/UploadItem";import{jsx as _jsx}from"react/jsx-runtime";describe("UploadInput",function(){var a=new File(["foo"],"foo.png",{type:"image/png"}),b=new File(["foo"],"foo.jpg",{type:"image/jpeg"}),c=[{id:1,filename:"purchase-receipt.pdf",status:Status.SUCCEEDED},{id:2,filename:"CoWork-0317-invoice.pdf",status:Status.PROCESSING}],d={onUploadFile:jest.fn().mockResolvedValue({id:1}).mockResolvedValueOnce({id:2}).mockResolvedValueOnce({id:3}),onDeleteFile:jest.fn().mockResolvedValue({})},e=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:d;return render(/*#__PURE__*/_jsx(UploadInput,_objectSpread({},a)))};describe("single file upload",function(){it("should trigger onUploadFiles with a single FormData entry containing `file` field",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function c(){var f;return _regeneratorRuntime.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:return e(),f=screen.getByTestId(UPLOAD_BUTTON_TEST_IDS.uploadInput),userEvent.upload(f,[a,b]),c.next=5,waitFor(function(){expect(d.onUploadFile).toHaveBeenCalledTimes(1)});case 5:case"end":return c.stop();}},c)}))),it("should render only one file even if multiple ones were supplied",function(){e(_objectSpread(_objectSpread({},d),{},{files:c})),expect(screen.getByText(c[0].filename)).toBeInTheDocument(),c.slice(1,c.length).forEach(function(a){expect(screen.queryByText(a.filename)).not.toBeInTheDocument()})})}),describe("multiple file upload",function(){it("should render all files",function(){e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0})),c.forEach(function(a){expect(screen.getByText(a.filename)).toBeInTheDocument()})}),it("should render the UploadButton also",function(){e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0})),expect(screen.getByText("Upload files")).toBeInTheDocument()}),it("should trigger onUploadFile with multiple FormData entries containing `file` fields",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function c(){var f;return _regeneratorRuntime.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:return e(_objectSpread(_objectSpread({},d),{},{multiple:!0})),d.onUploadFile.mockClear(),expect(screen.getByTestId(UPLOAD_BUTTON_TEST_IDS.uploadInput)).toHaveAttribute("multiple"),f=screen.getByTestId(UPLOAD_BUTTON_TEST_IDS.uploadInput),userEvent.upload(f,[a,b]),c.next=7,waitFor(function(){expect(d.onUploadFile).toHaveBeenCalledTimes(2)});case 7:case"end":return c.stop();}},c)})))}),describe("file deletion",function(){it("should delete file with modal confirmation",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function a(){var b;return _regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0})),b=screen.getAllByTestId(UPLOAD_ITEM_TEST_IDS.uploadItem)[0],within(b).getByLabelText("Remove file",{exact:!1}).click(),screen.getByText("Remove").click(),a.next=6,waitForElementToBeRemoved(b);case 6:expect(d.onDeleteFile).toHaveBeenCalledWith(c[0].id);case 7:case"end":return a.stop();}},a)}))),it("should delete file with failed state without modal confirmation",function(){var a=[{id:1,filename:"purchase-receipt.pdf",status:Status.FAILED}];e(_objectSpread(_objectSpread({},d),{},{files:a,multiple:!0}));var b=screen.getAllByTestId(UPLOAD_ITEM_TEST_IDS.uploadItem)[0];within(b).getByLabelText("Remove file",{exact:!1}).click(),expect(b).not.toBeInTheDocument()}),it("should not render delete button when no delete callback is provided",function(){e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0,onDeleteFile:void 0})),expect(screen.queryByLabelText("Remove file ",{exact:!1})).not.toBeInTheDocument()})})});
+import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _defineProperty from"@babel/runtime/helpers/defineProperty";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/es.object.get-own-property-descriptors.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.array.slice.js";import _regeneratorRuntime from"@babel/runtime/regenerator";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{within}from"@testing-library/react";import userEvent from"@testing-library/user-event";import{Status}from"../common";import{render,screen,waitFor,waitForElementToBeRemoved}from"../test-utils";import UploadInput from"./UploadInput";import{TEST_IDS as UPLOAD_BUTTON_TEST_IDS}from"./uploadButton/UploadButton";import{TEST_IDS as UPLOAD_ITEM_TEST_IDS}from"./uploadItem/UploadItem";import{jsx as _jsx}from"react/jsx-runtime";describe("UploadInput",function(){var a=new File(["foo"],"foo.png",{type:"image/png"}),b=new File(["foo"],"foo.jpg",{type:"image/jpeg"}),c=[{id:1,filename:"purchase-receipt.pdf",status:Status.SUCCEEDED},{id:2,filename:"CoWork-0317-invoice.pdf",status:Status.PROCESSING}],d={onUploadFile:jest.fn().mockResolvedValue({id:1}).mockResolvedValueOnce({id:2}).mockResolvedValueOnce({id:3}),onDeleteFile:jest.fn().mockResolvedValue({})},e=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:d;return render(/*#__PURE__*/_jsx(UploadInput,_objectSpread({},a)))};describe("single file upload",function(){it("should trigger onUploadFiles & onFilesChange with a single FormData entry containing `file` field",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function c(){var f,g;return _regeneratorRuntime.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:return f=jest.fn(),e(_objectSpread(_objectSpread({},d),{},{onFilesChange:f})),g=screen.getByTestId(UPLOAD_BUTTON_TEST_IDS.uploadInput),userEvent.upload(g,[a,b]),c.next=6,waitFor(function(){expect(d.onUploadFile).toHaveBeenCalledTimes(1)});case 6:expect(f).toHaveBeenCalledTimes(2),expect(f).toHaveBeenNthCalledWith(1,[{filename:"foo.png",id:"foo.png_3",status:"pending",url:void 0}]),expect(f).toHaveBeenNthCalledWith(2,[{filename:"foo.png",id:2,status:"succeeded",url:void 0}]);case 9:case"end":return c.stop();}},c)}))),it("should render only one file even if multiple ones were supplied",function(){e(_objectSpread(_objectSpread({},d),{},{files:c})),expect(screen.getByText(c[0].filename)).toBeInTheDocument(),c.slice(1,c.length).forEach(function(a){expect(screen.queryByText(a.filename)).not.toBeInTheDocument()})})}),describe("multiple file upload",function(){it("should render all files",function(){e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0})),c.forEach(function(a){expect(screen.getByText(a.filename)).toBeInTheDocument()})}),it("should render the UploadButton also",function(){e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0})),expect(screen.getByText("Upload files")).toBeInTheDocument()}),it("should trigger onUploadFile with multiple FormData entries containing `file` fields",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function c(){var f;return _regeneratorRuntime.wrap(function(c){for(;;)switch(c.prev=c.next){case 0:return e(_objectSpread(_objectSpread({},d),{},{multiple:!0})),d.onUploadFile.mockClear(),expect(screen.getByTestId(UPLOAD_BUTTON_TEST_IDS.uploadInput)).toHaveAttribute("multiple"),f=screen.getByTestId(UPLOAD_BUTTON_TEST_IDS.uploadInput),userEvent.upload(f,[a,b]),c.next=7,waitFor(function(){expect(d.onUploadFile).toHaveBeenCalledTimes(2)});case 7:case"end":return c.stop();}},c)})))}),describe("file deletion",function(){var a=jest.fn();beforeEach(function(){a.mockClear()}),it("should delete file with modal confirmation",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function b(){var f;return _regeneratorRuntime.wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0,onFilesChange:a})),f=screen.getAllByTestId(UPLOAD_ITEM_TEST_IDS.uploadItem)[0],within(f).getByLabelText("Remove file",{exact:!1}).click(),screen.getByText("Remove").click(),b.next=6,waitForElementToBeRemoved(f);case 6:expect(d.onDeleteFile).toHaveBeenCalledWith(c[0].id),expect(a).toHaveBeenCalledTimes(2),expect(a).toHaveBeenNthCalledWith(1,[{error:void 0,filename:"purchase-receipt.pdf",id:1,status:"processing"},{filename:"CoWork-0317-invoice.pdf",id:2,status:"processing"}]),expect(a).toHaveBeenLastCalledWith([{filename:"CoWork-0317-invoice.pdf",id:2,status:"processing"}]);case 10:case"end":return b.stop();}},b)}))),it("should delete file with failed state without modal confirmation",function(){var b=[{id:1,filename:"purchase-receipt.pdf",status:Status.FAILED}];e(_objectSpread(_objectSpread({},d),{},{files:b,multiple:!0,onFilesChange:a}));var c=screen.getAllByTestId(UPLOAD_ITEM_TEST_IDS.uploadItem)[0];within(c).getByLabelText("Remove file",{exact:!1}).click(),expect(c).not.toBeInTheDocument(),expect(a).toHaveBeenCalledTimes(1),expect(a).toHaveBeenCalledWith([])}),it("should not render delete button when no delete callback is provided",function(){e(_objectSpread(_objectSpread({},d),{},{files:c,multiple:!0,onDeleteFile:void 0})),expect(screen.queryByLabelText("Remove file ",{exact:!1})).not.toBeInTheDocument()})})});

package/build/es/polyfill/uploadInput/UploadInput.story.js

@@ -1 +1 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";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}import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.promise.js";import"core-js/modules/es.array.slice.js";import{Status}from"../common";import UploadInput from"./UploadInput";import{jsx as _jsx}from"react/jsx-runtime";export default{title:"UploadInput",component:UploadInput};var files=[{id:1,filename:"purchase-receipt.pdf",url:"https://wise.com/public-resources/assets/logos/wise/brand_logo_inverse.svg"},{id:2,filename:"receipt failed.png",status:Status.FAILED},{id:3,filename:"receipt failed with error string.png",status:Status.FAILED,error:"File is too large"},{id:4,filename:"receipt failed with error object.png",status:Status.FAILED,error:{message:"Filetype not supported"}}],createDelayedPromise=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=a.successful,c=a.delaySeconds,d=void 0===c?3:c,e=a.response,f=void 0===e?{id:Math.round(1e4*Math.random()),url:"#"}:e;return new Promise(function(a,c){setTimeout(function(){return!(void 0!==b)||b?a(f):c(new Error("Unexpected error"))},1e3*d)})},props={onUploadFile:function onUploadFile(){return createDelayedPromise()},onDeleteFile:function onDeleteFile(){return createDelayedPromise()}},Template=function(a){return/*#__PURE__*/_jsx(UploadInput,_objectSpread({},a))};export var SingleFile=Template.bind({});SingleFile.args=_objectSpread({},props);export var MultipleFiles=Template.bind({});MultipleFiles.args=_objectSpread(_objectSpread({},props),{},{multiple:!0});export var Disabled=Template.bind({});Disabled.args=_objectSpread(_objectSpread({},props),{},{disabled:!0});export var WithAnyFileType=Template.bind({});WithAnyFileType.args=_objectSpread(_objectSpread({},props),{},{fileTypes:"*"});export var WithSingleFileType=Template.bind({});WithSingleFileType.args=_objectSpread(_objectSpread({},props),{},{fileTypes:".zip,application/zip"});export var WithMultipleExistingFiles=Template.bind({});WithMultipleExistingFiles.args=_objectSpread(_objectSpread({},props),{},{files:files,multiple:!0});export var WithoutDelete=Template.bind({});WithoutDelete.args=_objectSpread(_objectSpread({},props),{},{files:files,onDeleteFile:void 0,multiple:!0});export var WithUploadFailed=Template.bind({});WithUploadFailed.args=_objectSpread(_objectSpread({},props),{},{files:files.slice(0),onUploadFile:function onUploadFile(){return createDelayedPromise({successful:!1})},multiple:!0});export var WithDeleteFailed=Template.bind({});WithDeleteFailed.args=_objectSpread(_objectSpread({},props),{},{files:files.slice(0),onDeleteFile:function onDeleteFile(){return createDelayedPromise({successful:!1})},multiple:!0});export var CustomConfirmMessage=Template.bind({});CustomConfirmMessage.args=_objectSpread(_objectSpread({},props),{},{files:files.slice(0),deleteConfirm:{title:"Sure you want to remove this invoice?",body:/*#__PURE__*/_jsx("img",{alt:"brand logo",src:"https://wise.com/public-resources/assets/logos/wise/brand_logo.svg"})}});export var withManualDownloadHandler=Template.bind({});withManualDownloadHandler.args=_objectSpread(_objectSpread({},props),{},{files:files,onDownload:function onDownload(a){alert("Manual download handler triggered for: ".concat(JSON.stringify(a)))}});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";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}import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.promise.js";import"core-js/modules/es.array.slice.js";import{action}from"@storybook/addon-actions";import{Status}from"../common";import UploadInput from"./UploadInput";import{jsx as _jsx}from"react/jsx-runtime";export default{title:"UploadInput",component:UploadInput};var files=[{id:1,filename:"purchase-receipt.pdf",url:"https://wise.com/public-resources/assets/logos/wise/brand_logo_inverse.svg"},{id:2,filename:"receipt failed.png",status:Status.FAILED},{id:3,filename:"receipt failed with error string.png",status:Status.FAILED,error:"File is too large"},{id:4,filename:"receipt failed with error object.png",status:Status.FAILED,error:{message:"Filetype not supported"}}],createDelayedPromise=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=a.successful,c=a.delaySeconds,d=void 0===c?3:c,e=a.response,f=void 0===e?{id:Math.round(1e4*Math.random()),url:"#"}:e;return new Promise(function(a,c){setTimeout(function(){return!(void 0!==b)||b?a(f):c(new Error("Unexpected error"))},1e3*d)})},props={onUploadFile:function onUploadFile(){return createDelayedPromise()},onDeleteFile:function onDeleteFile(){return createDelayedPromise()}},Template=function(a){return/*#__PURE__*/_jsx(UploadInput,_objectSpread({},a))};export var SingleFile=Template.bind({});SingleFile.args=_objectSpread({},props);export var MultipleFiles=Template.bind({});MultipleFiles.args=_objectSpread(_objectSpread({},props),{},{multiple:!0});export var Disabled=Template.bind({});Disabled.args=_objectSpread(_objectSpread({},props),{},{disabled:!0});export var WithAnyFileType=Template.bind({});WithAnyFileType.args=_objectSpread(_objectSpread({},props),{},{fileTypes:"*"});export var WithSingleFileType=Template.bind({});WithSingleFileType.args=_objectSpread(_objectSpread({},props),{},{fileTypes:".zip,application/zip"});export var WithMultipleExistingFiles=Template.bind({});WithMultipleExistingFiles.args=_objectSpread(_objectSpread({},props),{},{files:files,multiple:!0});export var WithoutDelete=Template.bind({});WithoutDelete.args=_objectSpread(_objectSpread({},props),{},{files:files,onDeleteFile:void 0,multiple:!0});export var WithUploadFailed=Template.bind({});WithUploadFailed.args=_objectSpread(_objectSpread({},props),{},{files:files.slice(0),onUploadFile:function onUploadFile(){return createDelayedPromise({successful:!1})},multiple:!0});export var WithDeleteFailed=Template.bind({});WithDeleteFailed.args=_objectSpread(_objectSpread({},props),{},{files:files.slice(0),onDeleteFile:function onDeleteFile(){return createDelayedPromise({successful:!1})},multiple:!0});export var CustomConfirmMessage=Template.bind({});CustomConfirmMessage.args=_objectSpread(_objectSpread({},props),{},{files:files.slice(0),deleteConfirm:{title:"Sure you want to remove this invoice?",body:/*#__PURE__*/_jsx("img",{alt:"brand logo",src:"https://wise.com/public-resources/assets/logos/wise/brand_logo.svg"})}});export var withManualDownloadHandler=Template.bind({});withManualDownloadHandler.args=_objectSpread(_objectSpread({},props),{},{files:files,onDownload:action("Manual download handler")});export var withFilesChangeHandler=Template.bind({});withFilesChangeHandler.args=_objectSpread(_objectSpread({},props),{},{files:files,onFilesChange:action("Files change handler")});

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-word-break 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 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=useIntl(),g=f.formatMessage,h=b.status,i=b.filename,j=b.error,k=b.url,l=[Status.SUCCEEDED,void 0].includes(h)&&!!k,m=function(){return"object"===_typeof(j)&&j.message||j||g(MESSAGES.uploadingFailed)};return/*#__PURE__*/_jsx("div",{className:classNames("np-upload-item",{"np-upload-item__link":l}),"data-testid":TEST_IDS.uploadItem,children:/*#__PURE__*/_jsxs("div",{className:"np-upload-item__body",children:[/*#__PURE__*/_jsx(UploadItemBody,{url:l?k: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(j||h===Status.FAILED)return/*#__PURE__*/_jsx(AlertCircle,{size:24,className:"text-negative"});var a;switch(h){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-word-break text-primary",children:function getTitle(){return i||g(MESSAGES.uploadedFile)}()}),/*#__PURE__*/_jsx("small",{className:"np-upload-description text-primary",children:function getDescription(){if(j||h===Status.FAILED)return/*#__PURE__*/_jsx("span",{className:"text-negative",children:m()});switch(h){case Status.PENDING:return/*#__PURE__*/_jsx("span",{children:g(MESSAGES.uploading)});case Status.PROCESSING:return/*#__PURE__*/_jsx("span",{children:g(MESSAGES.deleting)});case Status.SUCCEEDED:case Status.DONE:default:return/*#__PURE__*/_jsx("span",{className:"text-positive",children:g(MESSAGES.uploaded)});}}()})]})]})})}),c&&/*#__PURE__*/_jsx("button",{"aria-label":g(MESSAGES.removeFile,{filename:i}),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/main.css

@@ -1 +1 @@
-.np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{padding-bottom:16px;padding-bottom:var(--size-16,16px);border:0!important}.np-accordion-item .decision:hover{background-color:transparent}.np-accordion-item.np-accordion-item--dark .h5,.np-accordion-item.np-accordion-item--dark .media-body{color:#fff;color:var(--color-text-control,#fff)}.np-accordion-item__content{padding:24px 0;padding:var(--size-24,24px) 0;margin:-24px 16px 0;margin:calc(var(--size-24, 24px)*-1) var(--size-16,16px) 0 var(--size-16,16px);border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8)}@media (min-width:480px){.np-accordion-item__content.icon-left{padding-left:56px;padding-left:var(--size-56,56px)}.np-accordion-item__content.icon-right{padding-right:56px;padding-right:var(--size-56,56px)}}.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}.np-card{transition-property:transform,box-shadow;transition-duration:.35s;transition-timing-function:ease}.np-card .media{border:0}.np-card--expanded{background-color:#fff;background-color:var(--color-background-elevated,#fff);box-shadow:0 1px 10px #e2e6e8;box-shadow:0 1px 10px var(--color-border-neutral,#e2e6e8)}.np-card--inactive .decision{cursor:default}@media (min-width:480px){.np-card--has-icon .np-card__content{padding:24px 72px;padding:var(--size-24,24px) var(--size-72,72px)}}@media (min-width:480px){.np-card--has-icon .np-card__divider--expanded{margin:0 72px;margin:0 var(--size-72,72px)}}.np-card__button{background-color:transparent;text-align:left;width:100%}.np-card__content{padding:24px 16px;padding:var(--size-24,24px) var(--size-16,16px)}.np-card__divider{border-top:1px solid #e2e6e8;border-top:1px solid var(--color-border-neutral,#e2e6e8);margin:0 16px;margin:0 var(--size-16,16px);transition:margin .35s ease}.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}.np-chip{color:#5d7079;color:var(--color-text-secondary,#5d7079);background-color:transparent;height:32px;height:var(--size-32,32px);margin-right:8px;margin-right:var(--size-8,8px);padding:0 12px;padding:0 var(--size-12,12px);border-radius:16px;border-radius:var(--size-16,16px);border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out}.np-chip .np-chip-label{padding-top:2px}.np-chip .np-close-button{opacity:1;transition:opacity .15s ease-in-out;pointer-events:auto;color:#a8afbb}.np-chip .np-close-button:focus,.np-chip .np-close-button:hover{color:#fff;opacity:.85}.np-chip:last-child{margin-right:0}.np-chip:hover{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-chip:active{color:#fff;color:var(--color-text-control,#fff);background-color:#008ec0;background-color:var(--color-control-accent-active,#008ec0);border-color:#008ec0;border-color:var(--color-control-accent-active,#008ec0)}.np-chip--selected{pointer-events:none}.np-chip--selected,.np-chip--selected:active,.np-chip--selected:hover{color:#fff;color:var(--color-text-control,#fff);background-color:#00b9ff;background-color:var(--color-control-accent,#00b9ff);border-color:#00b9ff;border-color:var(--color-control-accent,#00b9ff)}.np-chip--selected .np-close-button{color:#fff}.np-chip.has-error{background:#f53636;background:var(--color-control-negative,#f53636);color:#fff;color:var(--color-text-control,#fff)}.np-chip.has-error .np-close-button{color:#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)}.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-option .circle-sm{width:40px;width:var(--size-40,40px);height:40px;height:var(--size-40,40px);line-height:40px;line-height:var(--size-40,40px)}button.np-option{background-color:transparent;text-align:left;width:100%}button.np-option:focus:not(:focus-visible){outline:none}.np-option__sm-media.decision .media-left{display:block}.np-option__no-media-circle{width:40px;width:var(--size-40,40px);display:flex;justify-content:center}.np-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}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)}.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;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%;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)}}.np-dropfade,.np-dropfade-enter{opacity:0;overflow:hidden;height:0}.np-dropfade-enter-active{transition:height .15s ease-in,opacity .15s ease-in .15s;opacity:1}.np-dropfade-enter-done,.np-dropfade-exit{opacity:1;height:auto}.np-dropfade-exit-active{transition:opacity .15s ease-in,height .15s ease-in .15s;opacity:0}.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-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)}.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-flow-header__left,.np-flow-navigation--lg .np-flow-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-header{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 16px;margin:0 var(--size-16,16px);padding:16px 0;padding:var(--size-16,16px) 0;border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8)}.np-header__title{color:#5d7079;color:var(--color-text-secondary,#5d7079)}.np-header__action{min-height:0;padding:0}.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:100%;max-height:-webkit-fill-available}.tw-modal.tw-modal--content .tw-modal-body{overflow-y:auto}.tw-modal .tw-modal-dialog{transition:transform .3s ease-out;transform:translateY(-25%)}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{background:#fff;background:var(--color-background-elevated,#fff);box-shadow:0 5px 15px rgba(0,0,0,.2);width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;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-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-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;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)}.np-navigation-option{text-decoration:none;border-left:0;border-right:0;background-color:transparent;text-align:left;width:100%}.np-navigation-option:focus,.np-navigation-option:hover{text-decoration:none}.np-navigation-option:hover .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}.np-navigation-option .circle{border:none}.np-navigation-option .media-body{color:#5d7079;font-weight:500}.np-navigation-option__chevron{padding:0;border:none;outline:none;background:none}.np-navigation-option__chevron:focus,.np-navigation-option__chevron:hover{color:#00a4df;color:var(--color-text-link-hover,#00a4df)}.np-navigation-option__chevron:active{color:#008ec0;color:var(--color-text-link-active,#008ec0)}.np-navigation-option__chevron[disabled]:focus,.np-navigation-option__chevron[disabled]:hover{color:#a8aaac;color:var(--color-text-inactive,#a8aaac)}.np-navigation-options-list{list-style-type:none;padding-left:0;margin-bottom:0}.np-navigation-options-list__item+.np-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)}.np-section{background-color:#fff;background-color:var(--color-background-screen,#fff);margin-top:32px;margin-top:var(--size-32,32px)}.np-section .np-accordion-item:last-child .np-accordion-item__content,.np-section .np-card:last-child .np-card__divider:not(.np-card__divider--expanded),.np-section .np-option:last-child .media{border:none}.np-section .np-accordion-item:not(:last-child) .media,.np-section .np-navigation-options-list__item:not(:last-child) .media{border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8)}.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 .np-chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .np-chip:first-child{animation-name:slideFirst}.typeahead--multiple .np-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 .np-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-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-input{border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);border-radius:3px;border-radius:var(--radius-small,3px)}.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}
+.np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{padding-bottom:16px;padding-bottom:var(--size-16,16px);border:0!important}.np-accordion-item .decision:hover{background-color:transparent}.np-accordion-item.np-accordion-item--dark .media-body,.np-accordion-item.np-accordion-item--dark .title-4{color:#fff}.np-accordion-item__content{padding:24px 0;padding:var(--size-24,24px) 0;margin:-24px 16px 0;margin:calc(var(--size-24, 24px)*-1) var(--size-16,16px) 0 var(--size-16,16px);border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}@media (min-width:480px){.np-accordion-item__content.has-icon{padding-left:56px;padding-left:var(--size-56,56px)}[dir=rtl] .np-accordion-item__content.has-icon{padding-right:56px;padding-right:var(--size-56,56px);padding-left:0}}.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{color:#fff;background-color:#37517e}.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:800;font-weight:var(--font-weight-bold,800)}.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,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));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:800;font-weight:var(--font-weight-bold,800)}.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,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));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:800;font-weight:var(--font-weight-bold,800)}.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,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));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)}[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;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}[dir=rtl] .tw-badge>.tw-badge__content{left:0;right:auto}.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)}[dir=rtl] .np-btn.np-btn-block>span.btn-loader{right:24px;right:var(--size-24,24px);left:auto}.np-btn.np-btn-xs>span.btn-loader{background-size:16px 16px}.np-btn.np-btn-xs.btn-block>span.btn-loader{top:0}.np-card{transition-property:transform,box-shadow;transition-duration:.35s;transition-timing-function:ease}.np-card .media{border:0}.np-card--expanded{background-color:#fff;background-color:var(--color-background-elevated,#fff);box-shadow:0 1px 10px rgba(0,0,0,.10196078431372549);box-shadow:0 1px 10px var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.np-card--inactive .decision{cursor:default}@media (min-width:480px){.np-card--has-icon .np-card__content{padding:24px 72px;padding:var(--size-24,24px) var(--size-72,72px)}}@media (min-width:480px){.np-card--has-icon .np-card__divider--expanded{margin:0 72px;margin:0 var(--size-72,72px)}}.np-card__button{background-color:transparent;text-align:left;width:100%}[dir=rtl] .np-card__button{text-align:right}.np-card__content{padding:24px 16px;padding:var(--size-24,24px) var(--size-16,16px)}.np-card__divider{border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));margin:0 16px;margin:0 var(--size-16,16px);transition:margin .35s ease}.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}[dir=rtl] .checkbox .np-checkbox-button input[type=checkbox]{right:0;left:auto}.np-chip{color:#5d7079;color:var(--color-content-secondary,#5d7079);background-color:transparent;height:32px;height:var(--size-32,32px);margin-right:8px;margin-right:var(--size-8,8px);padding:0 12px;padding:0 var(--size-12,12px);border-radius:16px;border-radius:var(--size-16,16px);border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out}[dir=rtl] .np-chip{margin-left:8px;margin-left:var(--size-8,8px);margin-right:0}.np-chip .np-chip-label{padding-top:2px}.np-chip .np-close-button{opacity:1;transition:opacity .15s ease-in-out;pointer-events:auto;color:#5d7079;color:var(--color-content-secondary,#5d7079)}.np-chip .np-close-button:focus,.np-chip .np-close-button:hover{color:#fff;opacity:.85}.np-chip:last-child{margin-right:0}[dir=rtl] .np-chip:last-child{margin-left:0;margin-right:0}.np-chip:hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.np-chip:active{color:#fff;background-color:#0081ba;background-color:var(--color-interactive-accent-active,#0081ba);border-color:#0081ba;border-color:var(--color-interactive-accent-active,#0081ba)}.np-chip--selected{color:#fff;background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd);border-color:#00a2dd;border-color:var(--color-interactive-accent,#00a2dd);pointer-events:none}.np-chip--selected:active,.np-chip--selected:hover{color:#fff;background-color:#008fc9;background-color:var(--color-interactive-accent-hover,#008fc9);border-color:#008fc9;border-color:var(--color-interactive-accent-hover,#008fc9)}.np-chip--selected .np-close-button{color:#fff}.np-chip.has-error{background:#e74848;background:var(--color-interactive-negative,#e74848);color:#fff}.np-chip.has-error .np-close-button{color:#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}[dir=rtl] .np-circular-btn .tw-icon{right:0;left:auto}.np-circular-btn .tw-icon>svg{margin:0 auto}.np-circular-btn__label{font-weight:600;font-weight:var(--font-weight-semi-bold,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)}.np-option .circle-sm{width:40px;width:var(--size-40,40px);height:40px;height:var(--size-40,40px);line-height:40px;line-height:var(--size-40,40px)}button.np-option{background-color:transparent;text-align:left;width:100%}[dir=rtl] button.np-option{text-align:right}button.np-option:focus:not(:focus-visible){outline:none}.np-option__sm-media.decision .media-left{display:block}.np-option__no-media-circle{width:40px;width:var(--size-40,40px);display:flex;justify-content:center}.np-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;font-weight:var(--font-weight-semi-bold,600)}.tw-date-lookup-calendar>tbody>tr>td button.active{color:#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;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;right:0;padding:0 16px;padding:0 var(--size-16,16px)}[dir=rtl] .np-date-trigger .clear-btn{left:0;right:auto}.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}.np-decision__tile--small+.np-decision__tile--small{margin-left:16px;margin-left:var(--size-16,16px)}[dir=rtl] .np-decision__tile--small+.np-decision__tile--small{margin-right:16px;margin-right:var(--size-16,16px);margin-left:0}.np-decision.np-decision--grid .np-decision__tile--small{margin-left:0;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;margin-left:0}.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.np-decision--grid .np-decision__tile--small:not(:last-of-type){margin-left:16px;margin-left:var(--size-16,16px);margin-right:0}.np-decision__tile+.np-decision__tile{margin-left:24px;margin-left:var(--size-24,24px)}[dir=rtl] .np-decision__tile+.np-decision__tile{margin-right:24px;margin-right:var(--size-24,24px);margin-left:0}.np-decision.np-decision--grid .np-decision__tile{margin-left:0;margin-bottom:24px!important;margin-bottom:var(--size-24,24px)!important}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile{margin-right:0;margin-left:0}.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-decision__tile:not(:last-of-type){margin-left:24px;margin-left:var(--size-24,24px);margin-right:0}.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-size-swapper{margin-left:-24px;margin-left:calc(0 - var(--size-24, 24px));margin-right:0}.np-decision.np-decision--grid.np-decision--small .np-size-swapper{margin-right:-16px;margin-right:calc(0 - var(--size-16, 16px))}[dir=rtl] .np-decision.np-decision--grid.np-decision--small .np-size-swapper{margin-left:-16px;margin-left:calc(0 - var(--size-16, 16px));margin-right:0}.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%;margin-right:8px;margin-right:var(--size-8,8px)}[dir=rtl] .tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dt{margin-left:8px;margin-left:var(--size-8,8px);margin-right:0}.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)}.dimmer--scrollable{overflow-y:auto}.dimmer .np-focus-boundary{pointer-events:none}.dimmer .np-focus-boundary>*{pointer-events:all}[dir=rtl] .dimmer{left:0;right:auto;right:0;left:auto}.dimmer.dimmer--enter-done{background:rgba(0,0,0,.4)}.dimmer.dimmer--enter-done.dimmer--transparent{background:transparent}.dimmer.dimmer--enter-done.dimmer--enter-fade>*{opacity:1}.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:1.25rem;font-size:var(--font-size-20,1.25rem);line-height:1.2;line-height:var(--line-height-title,1.2);margin-left:16px;margin-left:var(--size-16,16px);margin-bottom:-2px}[dir=rtl] .np-drawer .np-drawer-header--title{margin-right:16px;margin-right:var(--size-16,16px);margin-left:0}@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)}}.np-dropfade,.np-dropfade-enter{opacity:0;overflow:hidden;height:0}.np-dropfade-enter-active{transition:height .15s ease-in,opacity .15s ease-in .15s;opacity:1}.np-dropfade-enter-done,.np-dropfade-exit{opacity:1;height:auto}.np-dropfade-exit-active{transition:opacity .15s ease-in,height .15s ease-in .15s;opacity:0}.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;font-weight:var(--font-weight-semi-bold,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-flow-header__left,.np-flow-navigation--lg .np-flow-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}.np-header{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 16px;margin:0 var(--size-16,16px);padding:16px 0;padding:var(--size-16,16px) 0;border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.np-header__title{color:#5d7079;color:var(--color-content-secondary,#5d7079)}.np-header__action{min-height:0;padding:0}.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;left:0;right:0;z-index:8;transition:transform .08s linear .12s}[dir=rtl] .mobileNav{right:0;left:auto;left:0;right:auto}@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}[dir=rtl] .mobileNav:after{right:0;left:auto;left:0;right:auto}@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;display:flex;justify-content:center;flex:0 1 414px;z-index:1}[dir=rtl] .mobileNav__items{padding:0}.mobileNavItem{display:flex;justify-content:center;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;left:0}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:before{right:0;left:auto}.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}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:after{right:0;left:auto}.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;left:calc(50% - 20px);z-index:1}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon:before{right:calc(50% - 20px);left:auto}.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,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular,Averta,,,Avenir,W02,,,Avenir,,,Helvetica,,,Arial,,,sans-serif);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)}[dir=rtl] .tw-pagination{padding-right:0;padding-left:0}.tw-pagination li{display:inline}.tw-pagination li:first-child>a{margin-left:0}[dir=rtl] .tw-pagination li:first-child>a{margin-right:0;margin-left:0}.tw-pagination li:last-child>a{margin-right:0}[dir=rtl] .tw-pagination li:last-child>a{margin-left:0;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:800;font-weight:var(--font-weight-bold,800);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)}[dir=rtl] .np-link .tw-icon{margin-right:4px;margin-right:var(--size-4,4px);margin-left:0}.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:100%;max-height:-webkit-fill-available}.tw-modal.tw-modal--content .tw-modal-body{overflow-y:auto}.tw-modal .tw-modal-dialog{transition:transform .3s ease-out;transform:translateY(-25%)}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{background:#fff;background:var(--color-background-elevated,#fff);box-shadow:0 5px 15px rgba(0,0,0,.2);width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;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{padding:16px;padding:var(--size-16,16px)}.tw-modal-dialog{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-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-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}[dir=rtl] .tw-money-input .tw-money-input__fixed-currency{padding-right:0!important;padding-left:0!important}.tw-money-input__keyline{width:2px;border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));height:24px;height:var(--size-24,24px);background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));display:inline-block;margin-right:24px;margin-right:var(--size-24,24px);transform:translateY(4px)}[dir=rtl] .tw-money-input__keyline{margin-left:24px;margin-left:var(--size-24,24px);margin-right:0}.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))}}.tw-money-input .amount-currency-select-btn>.tw-select>.btn-addon.dropdown-toggle{padding-right:16px;padding-right:var(--size-16,16px)}[dir=rtl] .tw-money-input .amount-currency-select-btn>.tw-select>.btn-addon.dropdown-toggle{padding-left:16px;padding-left:var(--size-16,16px);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;padding-right:16px;padding-right:var(--size-16,16px)}[dir=rtl] .tw-money-input .amount-currency-select-btn>.tw-select>.btn>span.tw-icon{padding-left:16px;padding-left:var(--size-16,16px);padding-right:0}.np-navigation-option{text-decoration:none;background-color:transparent;text-align:left;width:100%}[dir=rtl] .np-navigation-option{border-right:0}[dir=rtl] .np-navigation-option,html:not([dir=rtl]) .np-navigation-option{border-left:0}html:not([dir=rtl]) .np-navigation-option{border-right:0}[dir=rtl] .np-navigation-option{text-align:right}.np-navigation-option:focus,.np-navigation-option:hover{text-decoration:none}.np-navigation-option:hover .tw-avatar__content{background-color:#fff;background-color:var(--color-background-screen,#fff)}.np-navigation-option .circle{border:none}.np-navigation-option .media-body{font-weight:500;font-weight:var(--font-weight-regular,500);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.np-navigation-option__chevron{padding:0;border:none;outline:none;background:none}.np-navigation-option__chevron:focus,.np-navigation-option__chevron:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.np-navigation-option__chevron:active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}.np-navigation-option__chevron[disabled]:focus,.np-navigation-option__chevron[disabled]:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.np-navigation-options-list{list-style-type:none;padding-left:0;margin-bottom:0}[dir=rtl] .np-navigation-options-list{padding-right:0;padding-left:0}.np-navigation-options-list__item+.np-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__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{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}}.tw-telephone .tw-telephone__number-input{margin-left:12px;margin-left:var(--size-12,12px)}[dir=rtl] .tw-telephone .tw-telephone__number-input{margin-right:12px;margin-right:var(--size-12,12px);margin-left:0}.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)}.np-section{background-color:#fff;background-color:var(--color-background-screen,#fff);margin-top:32px;margin-top:var(--size-32,32px)}.np-section .np-accordion-item:last-child .np-accordion-item__content,.np-section .np-card:last-child .np-card__divider:not(.np-card__divider--expanded),.np-section .np-option:last-child .media{border:none}.np-section .np-accordion-item:not(:last-child) .media,.np-section .np-navigation-options-list__item:not(:last-child) .media{border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.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%);right:0}[dir=rtl] .sliding-panel.sliding-panel--open-right{transform:translateX(-100%);left:0;right:auto}.sliding-panel.sliding-panel--open-left{transform:translateX(-100%);left:0}[dir=rtl] .sliding-panel.sliding-panel--open-left{transform:translateX(100%);right:0;left:auto}.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%}[dir=rtl] .sliding-panel.sliding-panel--open-bottom,[dir=rtl] .sliding-panel.sliding-panel--open-top{left:0;right:auto;right:0;left:auto}.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}[dir=rtl] .snackbar{right:0;left:auto;left:0;right:auto}.snackbar__text{background:#37517e;color:#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-right:-16px;margin-right:calc(var(--size-16, 16px)*-1);margin-bottom:-14px;margin-left:0;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);margin-right:0;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%;margin-left:-12.5%;padding:0}[dir=rtl] .tw-stepper-steps{margin-right:-12.5%;margin-left:0;padding:0}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(90deg,var(--color-interactive-accent,#00a2dd),#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),#37517e)}.progress-bar-ending:after{float:right;width:8px;height:8px;margin-top:-3px;margin-right:-4px;content:"";background-color:#37517e;border-radius:4px}[dir=rtl] .progress-bar-ending:after{float:left;margin-left:-4px;margin-right:0}.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;right:-8px;bottom:-6px}[dir=rtl] .np-summary__icon :nth-child(2){left:-8px;right:auto}.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}.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;left:-100%;display:none;width:0;height:0;opacity:0}[dir=rtl] .np-switch input{right:-100%;left:auto}.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;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)}.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.25rem;font-size:var(--font-size-20,1.25rem);line-height:1.2;line-height:var(--line-height-title,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 .np-chip{margin-bottom:auto;animation-name:slide;animation-duration:.03s;animation-timing-function:ease-in-out}.typeahead--multiple .np-chip:first-child{animation-name:slideFirst}.typeahead--multiple .np-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)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input-container{padding-right:8px;padding-right:var(--size-8,8px);padding-left:0}.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)}[dir=rtl] .typeahead--multiple.typeahead--has-value .typeahead__input{margin-right:4px;margin-right:var(--size-4,4px);margin-left:0}.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 .np-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}.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 @@
-.np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{padding-bottom:16px;padding-bottom:var(--size-16,16px);border:0!important}.np-accordion-item .decision:hover{background-color:transparent}.np-accordion-item.np-accordion-item--dark .h5,.np-accordion-item.np-accordion-item--dark .media-body{color:#fff;color:var(--color-text-control,#fff)}.np-accordion-item__content{padding:24px 0;padding:var(--size-24,24px) 0;margin:-24px 16px 0;margin:calc(var(--size-24, 24px)*-1) var(--size-16,16px) 0 var(--size-16,16px);border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8)}@media (min-width:480px){.np-accordion-item__content.icon-left{padding-left:56px;padding-left:var(--size-56,56px)}.np-accordion-item__content.icon-right{padding-right:56px;padding-right:var(--size-56,56px)}}
+.np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{padding-bottom:16px;padding-bottom:var(--size-16,16px);border:0!important}.np-accordion-item .decision:hover{background-color:transparent}.np-accordion-item.np-accordion-item--dark .media-body,.np-accordion-item.np-accordion-item--dark .title-4{color:#fff}.np-accordion-item__content{padding:24px 0;padding:var(--size-24,24px) 0;margin:-24px 16px 0;margin:calc(var(--size-24, 24px)*-1) var(--size-16,16px) 0 var(--size-16,16px);border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}@media (min-width:480px){.np-accordion-item__content.has-icon{padding-left:56px;padding-left:var(--size-56,56px)}[dir=rtl] .np-accordion-item__content.has-icon{padding-right:56px;padding-right:var(--size-56,56px);padding-left:0}}

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{color:#fff;background-color:#37517e}.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:800;font-weight:var(--font-weight-bold,800)}.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,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));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:800;font-weight:var(--font-weight-bold,800)}.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,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));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:800;font-weight:var(--font-weight-bold,800)}.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,.10196078431372549);border:1px solid var(--color-border-overlay,rgba(0,0,0,.10196078431372549));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%}

package/build/styles/badge/Badge.css

@@ -1 +1 @@
-.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}
+.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;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}[dir=rtl] .tw-badge>.tw-badge__content{left:0;right:auto}.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}

package/build/styles/button/Button.css

@@ -1 +1 @@
-.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}
+.np-btn{position:relative}.np-btn.np-btn-block>span.btn-loader{position:absolute;left:24px;left:var(--size-24,24px)}[dir=rtl] .np-btn.np-btn-block>span.btn-loader{right:24px;right:var(--size-24,24px);left:auto}.np-btn.np-btn-xs>span.btn-loader{background-size:16px 16px}.np-btn.np-btn-xs.btn-block>span.btn-loader{top:0}