@transferwise/components 40.1.0 → 40.2.1-beta-e55e806e39.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,28 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [40.2.0](https://github.com/transferwise/neptune-web/compare/@transferwise/components@40.1.1...@transferwise/components@40.2.0) (2022-03-16)
7
+
8
+
9
+ ### Features
10
+
11
+ * **components:** add showMediaAtAllSizes to Card ([#1360](https://github.com/transferwise/neptune-web/issues/1360)) ([062cc29](https://github.com/transferwise/neptune-web/commit/062cc299d36841cb6dbaa44f83307252c327a679))
12
+
13
+
14
+
15
+
16
+
17
+ ## [40.1.1](https://github.com/transferwise/neptune-web/compare/@transferwise/components@40.1.0...@transferwise/components@40.1.1) (2022-03-09)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * **UploadInput:** passed `id` to the label over the input button ([#1354](https://github.com/transferwise/neptune-web/issues/1354)) ([2cdeb45](https://github.com/transferwise/neptune-web/commit/2cdeb454c1b4924fd42a686c0e2bdb4a905bbfd1))
23
+
24
+
25
+
26
+
27
+
6
28
  # [40.1.0](https://github.com/transferwise/neptune-web/compare/@transferwise/components@40.0.0...@transferwise/components@40.1.0) (2022-03-09)
7
29
 
8
30
 
@@ -1 +1 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["aria-label","as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a["aria-label"],d=a.as,e=a.isExpanded,f=a.title,g=a.details,h=a.children,i=a.onClick,j=a.icon,k=a.id,l=a.className,m=_objectWithoutProperties(a,_excluded),n=!!(e&&h);return/*#__PURE__*/_jsxs(d,{ref:b,className:classNames("np-card",l,{"np-card--expanded":n,"np-card--inactive":!h,"np-card--has-icon":!!j}),id:k,"data-testid":m["data-testid"],children:[/*#__PURE__*/_jsx(Option,{"aria-label":c,as:h?"button":"div",className:classNames("np-card__button"),media:j,title:f,content:g,button:h&&/*#__PURE__*/_jsx(Chevron,{orientation:n?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return h&&i(!e)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":n})}),n&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:h})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={"aria-label":void 0,as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;
1
+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["aria-label","as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a["aria-label"],d=a.as,e=a.isExpanded,f=a.title,g=a.details,h=a.children,i=a.onClick,j=a.icon,k=a.id,l=a.className,m=_objectWithoutProperties(a,_excluded),n=!!(e&&h);return/*#__PURE__*/_jsxs(d,{ref:b,className:classNames("np-card",l,{"np-card--expanded":n,"np-card--inactive":!h,"np-card--has-icon":!!j}),id:k,"data-testid":m["data-testid"],children:[/*#__PURE__*/_jsx(Option,{"aria-label":c,as:h?"button":"div",className:classNames("np-card__button"),media:j,title:f,content:g,showMediaAtAllSizes:!0,button:h&&/*#__PURE__*/_jsx(Chevron,{orientation:n?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return h&&i(!e)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":n})}),n&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:h})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={"aria-label":void 0,as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","scroll","position"];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 classNames from"classnames";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import Drawer from"../drawer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=void 0===b?null:b,d=a.body,e=a.footer,f=void 0===e?null:e,g=a.onClose,h=a.className,i=a.open,j=a.size,k=void 0===j?Size.MEDIUM:j,l=a.scroll,m=void 0===l?Scroll.VIEWPORT:l,n=a.position,o=void 0===n?Position.CENTER:n,p=_objectWithoutProperties(a,_excluded),q=function(a){return null===h||void 0===h?void 0:h.split(" ").includes(a)},r=useLayout(),s=r.isMobile,t=q("compact"),u=q("no-divider");return s?/*#__PURE__*/_jsx(Drawer,{open:i,headerTitle:c,footerContent:f,position:Position.BOTTOM,onClose:g,children:d}):/*#__PURE__*/_jsx(Dimmer,{open:i,scrollable:!1,className:classNames("d-flex","justify-content-center"),onClose:g,children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:i,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal","d-flex","fade","outline-none",h,{"align-self-center":o===Position.CENTER})},p),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(k),k)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":t,"tw-modal-no-title":!c}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!c||u}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:c}),/*#__PURE__*/_jsx(CloseButton,{onClick:g})]}),/*#__PURE__*/_jsx("div",{className:"tw-modal-body",children:d}),f&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":u}),children:f})]})})}))})})};export default Modal;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","scroll","position"];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 classNames from"classnames";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import Drawer from"../drawer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=void 0===b?null:b,d=a.body,e=a.footer,f=void 0===e?null:e,g=a.onClose,h=a.className,i=a.open,j=a.size,k=void 0===j?Size.MEDIUM:j,l=a.scroll,m=void 0===l?Scroll.VIEWPORT:l,n=a.position,o=void 0===n?Position.CENTER:n,p=_objectWithoutProperties(a,_excluded),q=function(a){return null===h||void 0===h?void 0:h.split(" ").includes(a)},r=useLayout(),s=r.isMobile,t=q("compact"),u=q("no-divider");return s?/*#__PURE__*/_jsx(Drawer,{open:i,headerTitle:c,footerContent:f,position:Position.BOTTOM,onClose:g,children:d}):/*#__PURE__*/_jsx(Dimmer,{open:i,scrollable:m===Scroll.VIEWPORT,className:classNames("d-flex","justify-content-center"),onClose:g,children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:i,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal","d-flex","fade","outline-none",h,{"align-self-center":o===Position.CENTER,"tw-modal--scrollable":m===Scroll.CONTENT})},p),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(k),k)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":t,"tw-modal-no-title":!c}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!c||u}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:c}),/*#__PURE__*/_jsx(CloseButton,{onClick:g})]}),/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-body",{"tw-modal-body--scrollable":m===Scroll.CONTENT}),children:d}),f&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":u}),children:f})]})})}))})})};export default Modal;
@@ -1 +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{select,text}from"@storybook/addon-knobs";import{useState}from"react";import{Button,Modal,DateInput}from"..";import{Size,Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Modal"};var Template=function(a){var b=select("size",[Size.SMALL,Size.MEDIUM,Size.LARGE,Size.EXTRA_LARGE],Size.MEDIUM),c=useState(!1),d=_slicedToArray(c,2),e=d[0],f=d[1],g=text("title","title"),h=text("class",""),i=select("position",[Position.TOP,Position.CENTER],Position.CENTER);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return f(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread({body:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(DateInput,{value:new Date,onChange:console&&console.log}),/*#__PURE__*/_jsx("p",{className:"m-t-4",children:a.children})]}),open:e,position:i,size:b,title:g,className:h,footer:/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){return alert("clicked")},children:"Action"}),onClose:function onClose(){return f(!1)}},a))]})};export var Basic=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};export var WithLongText=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};
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{select,text}from"@storybook/addon-knobs";import{useState}from"react";import{Button,Modal,DateInput}from"..";import{Size,Scroll,Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Modal"};var Template=function(a){var b=select("size",[Size.SMALL,Size.MEDIUM,Size.LARGE,Size.EXTRA_LARGE],Size.MEDIUM),c=useState(!1),d=_slicedToArray(c,2),e=d[0],f=d[1],g=text("title","title"),h=text("class",""),i=select("position",[Position.TOP,Position.CENTER],Position.CENTER),j=select("scroll",[Scroll.CONTENT,Scroll.VIEWPORT],Scroll.CONTENT);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return f(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread({body:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(DateInput,{value:new Date,onChange:console&&console.log}),/*#__PURE__*/_jsx("p",{className:"m-t-4",children:a.children})]}),open:e,position:i,size:b,title:g,className:h,scroll:j,footer:/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){return alert("clicked")},children:"Action"}),onClose:function onClose(){return f(!1)}},a))]})};export var Basic=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};export var WithLongText=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};
@@ -1 +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{PlusCircle as PlusIcon,Upload as UploadIcon}from"@transferwise/icons";import classNames from"classnames";import{useRef,useState}from"react";import{useIntl}from"react-intl";import{useDirection}from"../../common/hooks";import MESSAGES from"./UploadButton.messages";import{DEFAULT_SIZE_LIMIT,imageFileTypes}from"./defaults";import getAllowedFileTypes from"./getAllowedFileTypes";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}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()},DEFAULT_FILE_INPUT_ID="np-upload-button",UploadButton=function(a){function b(){if(e)return e;var a=z(),b="*"===a?r(MESSAGES.allFileTypes):a;return r(MESSAGES.instructions,{fileTypes:b,size:Math.round(i/1e3)})}var c=a.disabled,d=a.multiple,e=a.description,f=a.fileTypes,g=void 0===f?imageFileTypes:f,h=a.sizeLimit,i=void 0===h?DEFAULT_SIZE_LIMIT:h,j=a.maxFiles,k=a.onChange,l=a.id,m=void 0===l?DEFAULT_FILE_INPUT_ID:l,n=a.uploadButtonTitle,o=useDirection(),p=o.isRTL,q=useIntl(),r=q.formatMessage,s=useRef(null),t=useState(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useRef(0),y=function(){x.current=0,w(!1)},z=function(){return"*"===g?g:Array.isArray(g)?getAllowedFileTypes(g).join(", "):getAllowedFileTypes([g]).join(", ")};return/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({className:classNames("np-upload-button-container","droppable",{"droppable-dropping":v})},!c&&{onDragEnter:function onDragEnter(a){a.preventDefault(),x.current+=1,1===x.current&&w(!0)},onDragLeave:function onDragLeave(a){a.preventDefault(),x.current-=1,0===x.current&&w(!1)},onDrop:function onDrop(a){a.preventDefault(),y(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&k(a.dataTransfer.files)},onDragOver:onDragOver}),{},{children:[/*#__PURE__*/_jsx("input",_objectSpread(_objectSpread(_objectSpread({ref:s,id:m,type:"file"},function(){var a="*"===z();return a?null:Array.isArray(g)?{accept:g.join(",")}:{accept:g}}()),d&&{multiple:!0}),{},{className:"tw-droppable-input",disabled:c,name:"file-upload","data-testid":TEST_IDS.uploadInput,onChange:function filesSelected(a){var b=a.target.files;b&&(k(b),s.current&&(s.current.value=""))}})),/*#__PURE__*/_jsx("label",{htmlFor:"np-upload-button",className:classNames("btn","np-upload-accent","np-upload-button",{disabled:c}),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:function(){return n?n:r(d?MESSAGES.uploadFiles:MESSAGES.uploadFile)}()}),function(){return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs("small",{className:classNames("np-upload-description",{"text-primary":!c}),children:[b(),j&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("br",{}),"Maximum ".concat(j," files.")]})]})})}()]})]})}),v&&/*#__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:r(MESSAGES.dropFile)})]})]}))};export default UploadButton;
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{PlusCircle as PlusIcon,Upload as UploadIcon}from"@transferwise/icons";import classNames from"classnames";import{useRef,useState}from"react";import{useIntl}from"react-intl";import{useDirection}from"../../common/hooks";import MESSAGES from"./UploadButton.messages";import{DEFAULT_SIZE_LIMIT,imageFileTypes}from"./defaults";import getAllowedFileTypes from"./getAllowedFileTypes";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}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()},DEFAULT_FILE_INPUT_ID="np-upload-button",UploadButton=function(a){function b(){if(e)return e;var a=z(),b="*"===a?r(MESSAGES.allFileTypes):a;return r(MESSAGES.instructions,{fileTypes:b,size:Math.round(i/1e3)})}var c=a.disabled,d=a.multiple,e=a.description,f=a.fileTypes,g=void 0===f?imageFileTypes:f,h=a.sizeLimit,i=void 0===h?DEFAULT_SIZE_LIMIT:h,j=a.maxFiles,k=a.onChange,l=a.id,m=void 0===l?DEFAULT_FILE_INPUT_ID:l,n=a.uploadButtonTitle,o=useDirection(),p=o.isRTL,q=useIntl(),r=q.formatMessage,s=useRef(null),t=useState(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useRef(0),y=function(){x.current=0,w(!1)},z=function(){return"*"===g?g:Array.isArray(g)?getAllowedFileTypes(g).join(", "):getAllowedFileTypes([g]).join(", ")};return/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({className:classNames("np-upload-button-container","droppable",{"droppable-dropping":v})},!c&&{onDragEnter:function onDragEnter(a){a.preventDefault(),x.current+=1,1===x.current&&w(!0)},onDragLeave:function onDragLeave(a){a.preventDefault(),x.current-=1,0===x.current&&w(!1)},onDrop:function onDrop(a){a.preventDefault(),y(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&k(a.dataTransfer.files)},onDragOver:onDragOver}),{},{children:[/*#__PURE__*/_jsx("input",_objectSpread(_objectSpread(_objectSpread({ref:s,id:m,type:"file"},function(){var a="*"===z();return a?null:Array.isArray(g)?{accept:g.join(",")}:{accept:g}}()),d&&{multiple:!0}),{},{className:"tw-droppable-input",disabled:c,name:"file-upload","data-testid":TEST_IDS.uploadInput,onChange:function filesSelected(a){var b=a.target.files;b&&(k(b),s.current&&(s.current.value=""))}})),/*#__PURE__*/_jsx("label",{htmlFor:m,className:classNames("btn","np-upload-accent","np-upload-button",{disabled:c}),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:function(){return n?n:r(d?MESSAGES.uploadFiles:MESSAGES.uploadFile)}()}),function(){return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs("small",{className:classNames("np-upload-description",{"text-primary":!c}),children:[b(),j&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("br",{}),"Maximum ".concat(j," files.")]})]})})}()]})]})}),v&&/*#__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:r(MESSAGES.dropFile)})]})]}))};export default UploadButton;
@@ -1 +1 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["aria-label","as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a["aria-label"],d=a.as,e=a.isExpanded,f=a.title,g=a.details,h=a.children,i=a.onClick,j=a.icon,k=a.id,l=a.className,m=_objectWithoutProperties(a,_excluded),n=!!(e&&h);return/*#__PURE__*/_jsxs(d,{ref:b,className:classNames("np-card",l,{"np-card--expanded":n,"np-card--inactive":!h,"np-card--has-icon":!!j}),id:k,"data-testid":m["data-testid"],children:[/*#__PURE__*/_jsx(Option,{"aria-label":c,as:h?"button":"div",className:classNames("np-card__button"),media:j,title:f,content:g,button:h&&/*#__PURE__*/_jsx(Chevron,{orientation:n?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return h&&i(!e)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":n})}),n&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:h})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={"aria-label":void 0,as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;
1
+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["aria-label","as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Chevron from"../chevron";import{Position}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a["aria-label"],d=a.as,e=a.isExpanded,f=a.title,g=a.details,h=a.children,i=a.onClick,j=a.icon,k=a.id,l=a.className,m=_objectWithoutProperties(a,_excluded),n=!!(e&&h);return/*#__PURE__*/_jsxs(d,{ref:b,className:classNames("np-card",l,{"np-card--expanded":n,"np-card--inactive":!h,"np-card--has-icon":!!j}),id:k,"data-testid":m["data-testid"],children:[/*#__PURE__*/_jsx(Option,{"aria-label":c,as:h?"button":"div",className:classNames("np-card__button"),media:j,title:f,content:g,showMediaAtAllSizes:!0,button:h&&/*#__PURE__*/_jsx(Chevron,{orientation:n?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return h&&i(!e)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":n})}),n&&/*#__PURE__*/_jsx("div",{className:"np-card__content",children:h})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node.isRequired,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={"aria-label":void 0,as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","scroll","position"];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.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.split.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 classNames from"classnames";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import Drawer from"../drawer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=void 0===b?null:b,d=a.body,e=a.footer,f=void 0===e?null:e,g=a.onClose,h=a.className,i=a.open,j=a.size,k=void 0===j?Size.MEDIUM:j,l=a.scroll,m=void 0===l?Scroll.VIEWPORT:l,n=a.position,o=void 0===n?Position.CENTER:n,p=_objectWithoutProperties(a,_excluded),q=function(a){return null===h||void 0===h?void 0:h.split(" ").includes(a)},r=useLayout(),s=r.isMobile,t=q("compact"),u=q("no-divider");return s?/*#__PURE__*/_jsx(Drawer,{open:i,headerTitle:c,footerContent:f,position:Position.BOTTOM,onClose:g,children:d}):/*#__PURE__*/_jsx(Dimmer,{open:i,scrollable:!1,className:classNames("d-flex","justify-content-center"),onClose:g,children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:i,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal","d-flex","fade","outline-none",h,{"align-self-center":o===Position.CENTER})},p),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(k),k)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":t,"tw-modal-no-title":!c}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!c||u}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:c}),/*#__PURE__*/_jsx(CloseButton,{onClick:g})]}),/*#__PURE__*/_jsx("div",{className:"tw-modal-body",children:d}),f&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":u}),children:f})]})})}))})})};export default Modal;
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["title","body","footer","onClose","className","open","size","scroll","position"];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.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.split.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 classNames from"classnames";import CSSTransition from"react-transition-group/CSSTransition";import{Size,Position,Scroll}from"../common";import CloseButton from"../common/closeButton";import{useLayout}from"../common/hooks";import Dimmer from"../dimmer";import Drawer from"../drawer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var TRANSITION_DURATION_IN_MILLISECONDS=150,Modal=function(a){var b=a.title,c=void 0===b?null:b,d=a.body,e=a.footer,f=void 0===e?null:e,g=a.onClose,h=a.className,i=a.open,j=a.size,k=void 0===j?Size.MEDIUM:j,l=a.scroll,m=void 0===l?Scroll.VIEWPORT:l,n=a.position,o=void 0===n?Position.CENTER:n,p=_objectWithoutProperties(a,_excluded),q=function(a){return null===h||void 0===h?void 0:h.split(" ").includes(a)},r=useLayout(),s=r.isMobile,t=q("compact"),u=q("no-divider");return s?/*#__PURE__*/_jsx(Drawer,{open:i,headerTitle:c,footerContent:f,position:Position.BOTTOM,onClose:g,children:d}):/*#__PURE__*/_jsx(Dimmer,{open:i,scrollable:m===Scroll.VIEWPORT,className:classNames("d-flex","justify-content-center"),onClose:g,children:/*#__PURE__*/_jsx(CSSTransition,{appear:!0,in:i,classNames:{enterDone:"in"},timeout:TRANSITION_DURATION_IN_MILLISECONDS,unmountOnExit:!0,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread({className:classNames("tw-modal","d-flex","fade","outline-none",h,{"align-self-center":o===Position.CENTER,"tw-modal--scrollable":m===Scroll.CONTENT})},p),{},{children:/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-dialog","d-flex",_defineProperty({},"tw-modal-".concat(k),k)),"aria-modal":!0,role:"dialog",children:/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-content","d-flex","flex-column","justify-content-between",{"tw-modal-compact":t,"tw-modal-no-title":!c}),children:[/*#__PURE__*/_jsxs("div",{className:classNames("tw-modal-header","d-flex","align-items-center","justify-content-between","flex-wrap",{"modal--withoutborder":!c||u}),children:[/*#__PURE__*/_jsx("h4",{className:"tw-modal-title",children:c}),/*#__PURE__*/_jsx(CloseButton,{onClick:g})]}),/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-body",{"tw-modal-body--scrollable":m===Scroll.CONTENT}),children:d}),f&&/*#__PURE__*/_jsx("div",{className:classNames("tw-modal-footer","d-flex","align-items-center","flex-wrap",{"modal--withoutborder":u}),children:f})]})})}))})})};export default Modal;
@@ -1 +1 @@
1
- import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{select,text}from"@storybook/addon-knobs";import{useState}from"react";import{Button,Modal,DateInput}from"..";import{Size,Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Modal"};var Template=function(a){var b=select("size",[Size.SMALL,Size.MEDIUM,Size.LARGE,Size.EXTRA_LARGE],Size.MEDIUM),c=useState(!1),d=_slicedToArray(c,2),e=d[0],f=d[1],g=text("title","title"),h=text("class",""),i=select("position",[Position.TOP,Position.CENTER],Position.CENTER);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return f(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread({body:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(DateInput,{value:new Date,onChange:console&&console.log}),/*#__PURE__*/_jsx("p",{className:"m-t-4",children:a.children})]}),open:e,position:i,size:b,title:g,className:h,footer:/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){return alert("clicked")},children:"Action"}),onClose:function onClose(){return f(!1)}},a))]})};export var Basic=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};export var WithLongText=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};
1
+ import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{select,text}from"@storybook/addon-knobs";import{useState}from"react";import{Button,Modal,DateInput}from"..";import{Size,Scroll,Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:Modal,title:"Modal"};var Template=function(a){var b=select("size",[Size.SMALL,Size.MEDIUM,Size.LARGE,Size.EXTRA_LARGE],Size.MEDIUM),c=useState(!1),d=_slicedToArray(c,2),e=d[0],f=d[1],g=text("title","title"),h=text("class",""),i=select("position",[Position.TOP,Position.CENTER],Position.CENTER),j=select("scroll",[Scroll.CONTENT,Scroll.VIEWPORT],Scroll.CONTENT);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return f(!0)},children:"Open Modal"}),/*#__PURE__*/_jsx(Modal,_objectSpread({body:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(DateInput,{value:new Date,onChange:console&&console.log}),/*#__PURE__*/_jsx("p",{className:"m-t-4",children:a.children})]}),open:e,position:i,size:b,title:g,className:h,scroll:j,footer:/*#__PURE__*/_jsx(Button,{block:!0,onClick:function onClick(){return alert("clicked")},children:"Action"}),onClose:function onClose(){return f(!1)}},a))]})};export var Basic=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};export var WithLongText=function(){return/*#__PURE__*/_jsx(Template,{children:"I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage disrupt pok pok."})};
@@ -1 +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.symbol.js";import"core-js/modules/es.symbol.description.js";import"core-js/modules/es.array.join.js";import"core-js/modules/es.object.keys.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{PlusCircle as PlusIcon,Upload as UploadIcon}from"@transferwise/icons";import classNames from"classnames";import{useRef,useState}from"react";import{useIntl}from"react-intl";import{useDirection}from"../../common/hooks";import MESSAGES from"./UploadButton.messages";import{DEFAULT_SIZE_LIMIT,imageFileTypes}from"./defaults";import getAllowedFileTypes from"./getAllowedFileTypes";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}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()},DEFAULT_FILE_INPUT_ID="np-upload-button",UploadButton=function(a){function b(){if(e)return e;var a=z(),b="*"===a?r(MESSAGES.allFileTypes):a;return r(MESSAGES.instructions,{fileTypes:b,size:Math.round(i/1e3)})}var c=a.disabled,d=a.multiple,e=a.description,f=a.fileTypes,g=void 0===f?imageFileTypes:f,h=a.sizeLimit,i=void 0===h?DEFAULT_SIZE_LIMIT:h,j=a.maxFiles,k=a.onChange,l=a.id,m=void 0===l?DEFAULT_FILE_INPUT_ID:l,n=a.uploadButtonTitle,o=useDirection(),p=o.isRTL,q=useIntl(),r=q.formatMessage,s=useRef(null),t=useState(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useRef(0),y=function(){x.current=0,w(!1)},z=function(){return"*"===g?g:Array.isArray(g)?getAllowedFileTypes(g).join(", "):getAllowedFileTypes([g]).join(", ")};return/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({className:classNames("np-upload-button-container","droppable",{"droppable-dropping":v})},!c&&{onDragEnter:function onDragEnter(a){a.preventDefault(),x.current+=1,1===x.current&&w(!0)},onDragLeave:function onDragLeave(a){a.preventDefault(),x.current-=1,0===x.current&&w(!1)},onDrop:function onDrop(a){a.preventDefault(),y(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&k(a.dataTransfer.files)},onDragOver:onDragOver}),{},{children:[/*#__PURE__*/_jsx("input",_objectSpread(_objectSpread(_objectSpread({ref:s,id:m,type:"file"},function(){var a="*"===z();return a?null:Array.isArray(g)?{accept:g.join(",")}:{accept:g}}()),d&&{multiple:!0}),{},{className:"tw-droppable-input",disabled:c,name:"file-upload","data-testid":TEST_IDS.uploadInput,onChange:function filesSelected(a){var b=a.target.files;b&&(k(b),s.current&&(s.current.value=""))}})),/*#__PURE__*/_jsx("label",{htmlFor:"np-upload-button",className:classNames("btn","np-upload-accent","np-upload-button",{disabled:c}),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:function(){return n?n:r(d?MESSAGES.uploadFiles:MESSAGES.uploadFile)}()}),function(){return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs("small",{className:classNames("np-upload-description",{"text-primary":!c}),children:[b(),j&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("br",{}),"Maximum ".concat(j," files.")]})]})})}()]})]})}),v&&/*#__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:r(MESSAGES.dropFile)})]})]}))};export default UploadButton;
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.symbol.js";import"core-js/modules/es.symbol.description.js";import"core-js/modules/es.array.join.js";import"core-js/modules/es.object.keys.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{PlusCircle as PlusIcon,Upload as UploadIcon}from"@transferwise/icons";import classNames from"classnames";import{useRef,useState}from"react";import{useIntl}from"react-intl";import{useDirection}from"../../common/hooks";import MESSAGES from"./UploadButton.messages";import{DEFAULT_SIZE_LIMIT,imageFileTypes}from"./defaults";import getAllowedFileTypes from"./getAllowedFileTypes";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}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()},DEFAULT_FILE_INPUT_ID="np-upload-button",UploadButton=function(a){function b(){if(e)return e;var a=z(),b="*"===a?r(MESSAGES.allFileTypes):a;return r(MESSAGES.instructions,{fileTypes:b,size:Math.round(i/1e3)})}var c=a.disabled,d=a.multiple,e=a.description,f=a.fileTypes,g=void 0===f?imageFileTypes:f,h=a.sizeLimit,i=void 0===h?DEFAULT_SIZE_LIMIT:h,j=a.maxFiles,k=a.onChange,l=a.id,m=void 0===l?DEFAULT_FILE_INPUT_ID:l,n=a.uploadButtonTitle,o=useDirection(),p=o.isRTL,q=useIntl(),r=q.formatMessage,s=useRef(null),t=useState(!1),u=_slicedToArray(t,2),v=u[0],w=u[1],x=useRef(0),y=function(){x.current=0,w(!1)},z=function(){return"*"===g?g:Array.isArray(g)?getAllowedFileTypes(g).join(", "):getAllowedFileTypes([g]).join(", ")};return/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({className:classNames("np-upload-button-container","droppable",{"droppable-dropping":v})},!c&&{onDragEnter:function onDragEnter(a){a.preventDefault(),x.current+=1,1===x.current&&w(!0)},onDragLeave:function onDragLeave(a){a.preventDefault(),x.current-=1,0===x.current&&w(!1)},onDrop:function onDrop(a){a.preventDefault(),y(),a.dataTransfer&&a.dataTransfer.files&&a.dataTransfer.files[0]&&k(a.dataTransfer.files)},onDragOver:onDragOver}),{},{children:[/*#__PURE__*/_jsx("input",_objectSpread(_objectSpread(_objectSpread({ref:s,id:m,type:"file"},function(){var a="*"===z();return a?null:Array.isArray(g)?{accept:g.join(",")}:{accept:g}}()),d&&{multiple:!0}),{},{className:"tw-droppable-input",disabled:c,name:"file-upload","data-testid":TEST_IDS.uploadInput,onChange:function filesSelected(a){var b=a.target.files;b&&(k(b),s.current&&(s.current.value=""))}})),/*#__PURE__*/_jsx("label",{htmlFor:m,className:classNames("btn","np-upload-accent","np-upload-button",{disabled:c}),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:function(){return n?n:r(d?MESSAGES.uploadFiles:MESSAGES.uploadFile)}()}),function(){return/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsxs("small",{className:classNames("np-upload-description",{"text-primary":!c}),children:[b(),j&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("br",{}),"Maximum ".concat(j," files.")]})]})})}()]})]})}),v&&/*#__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:r(MESSAGES.dropFile)})]})]}))};export default UploadButton;
package/build/main.css CHANGED
@@ -1 +1 @@
1
- .np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{border:0!important}.np-accordion-item .decision:not(.disabled,:disabled):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:0 12px 24px;padding:0 var(--size-12,12px) var(--size-24,24px) var(--size-12,12px);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:68px}[dir=rtl] .np-accordion-item__content.has-icon{padding-right:68px;padding-left:0}}.np-action-btn{display:inline-flex;height:32px;height:var(--size-32,32px);padding:7px 12px 8px;padding:7px var(--size-12,12px) var(--size-8,8px);font-size:.875rem;font-size:var(--font-size-14,.875rem);line-height:1.2;line-height:var(--line-height-control,1.2);font-weight:600;font-weight:var(--font-weight-semi-bold,600);color:#0097c7;color:var(--color-content-accent,#0097c7);background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border:1px solid transparent;border-radius:3px;border-radius:var(--radius-small,3px);transition:all .15s ease-in-out;transition-property:color,border-color,background-color,box-shadow}.np-action-btn:not(:disabled):hover{background-color:rgba(56,200,255,.10196078431372549);background-color:var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.np-action-btn:not(:disabled):active,.np-action-btn:not(:disabled):focus{outline:none;border-color:#00a2dd;border-color:var(--color-interactive-accent,#00a2dd)}.np-action-btn:not(:disabled):focus{box-shadow:0 0 0 4px rgba(56,200,255,.10196078431372549);box-shadow:0 0 0 4px var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.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:not(.disabled,:disabled):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{transition:margin .35s ease}.np-card__divider--expanded{background-color:rgba(0,0,0,.10196078431372549);background-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549));height:1px;margin:0 16px;margin:0 var(--size-16,16px)}.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-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)}.np-option__sm-media.decision .media-left{display:block}.np-option__no-media-circle{width:64px;width:var(--size-64,64px);display:flex;justify-content:center}.np-option__no-media-circle>*{max-height:76px}button.np-option{background-color:transparent;width:100%;text-align:left}[dir=rtl] button.np-option{text-align:right}button.np-option:focus:not(:focus-visible){outline:none}.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{left:0;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}.radio:hover{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:not(.disabled,:disabled).active{color:#fff;background-color:#0081ba;background-color:var(--color-interactive-accent-active,#0081ba)}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{color:#fff;background-color:#008fc9;background-color:var(--color-interactive-accent-hover,#008fc9)}.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:#c9cbce;color:var(--color-interactive-secondary,#c9cbce);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:not(.disabled,:disabled):focus,.np-date-trigger .clear-btn:not(.disabled,:disabled):hover{color:#d03238;color:var(--color-interactive-negative-hover,#d03238)}.np-date-trigger .clear-btn:not(.disabled,:disabled):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;max-height:-webkit-fill-available}.np-drawer .np-drawer-header{display:flex;align-items:center;flex-wrap:nowrap;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{overflow-y:auto;flex:1}.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%;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));margin-bottom:8px;margin-bottom:var(--size-8,8px)}.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:not(.disabled,:disabled).active,.tw-pagination a:not(.disabled,:disabled):focus,.tw-pagination a:not(.disabled,:disabled):hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.tw-pagination a:not(.disabled,:disabled).active{font-weight:800;font-weight:var(--font-weight-bold,800);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{max-height:100%;max-height:-webkit-fill-available}.tw-modal .tw-modal-dialog{transition:transform .3s ease-out;transform:translateY(-25%);box-shadow:0 5px 15px rgba(0,0,0,.2)}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{background:#fff;background:var(--color-background-elevated,#fff);width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;word-break:break-word;overflow-y:auto}.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 (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));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__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}.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>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:not(.disabled,:disabled):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:not(.disabled,:disabled):focus,.np-navigation-option__chevron:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.np-navigation-option__chevron:not(.disabled,:disabled):active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}.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 .np-overlay-header__content{min-height:97px;width:100%;min-width:320px;max-width:1164px}.np-overlay-header .np-overlay-header__content .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 .np-overlay-header__content .separator{margin-right:16px!important}[dir=rtl] .np-overlay-header .np-overlay-header__content .separator,html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .separator{margin-left:16px!important}html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .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--with-horizontal-padding{padding-right:16px;padding-right:var(--space-content-horizontal,16px);padding-left:16px;padding-left:var(--space-content-horizontal,16px)}.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{position:absolute;top:0;list-style-type:none}.tw-stepper__step--active .tw-stepper__step-label{cursor:default;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;line-height:0}@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{position:absolute;top:0;color:#5d7079;color:var(--color-content-secondary,#5d7079);transition:color .6s ease-in-out;white-space:nowrap;transform:translateX(-50%)}[dir=rtl] .tw-stepper__step-label{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;padding:0}[dir=rtl] .tw-stepper-steps{padding:0}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(90deg,var(--color-interactive-accent,#00a2dd),#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 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:not(.disabled,:disabled):focus{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}@media (min-width:992px){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}@media (hover:hover){.tabs__tab:not(.disabled,:disabled):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-tooltip{z-index:1070}.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))}.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-input.form-control{height:auto;padding:initial}.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:#c9cbce;color:var(--color-interactive-secondary,#c9cbce);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}
1
+ .np-accordion-item{display:block;width:100%}.np-accordion-item--open .media{border:0!important}.np-accordion-item .decision:not(.disabled,:disabled):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:0 12px 24px;padding:0 var(--size-12,12px) var(--size-24,24px) var(--size-12,12px);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:68px}[dir=rtl] .np-accordion-item__content.has-icon{padding-right:68px;padding-left:0}}.np-action-btn{display:inline-flex;height:32px;height:var(--size-32,32px);padding:7px 12px 8px;padding:7px var(--size-12,12px) var(--size-8,8px);font-size:.875rem;font-size:var(--font-size-14,.875rem);line-height:1.2;line-height:var(--line-height-control,1.2);font-weight:600;font-weight:var(--font-weight-semi-bold,600);color:#0097c7;color:var(--color-content-accent,#0097c7);background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border:1px solid transparent;border-radius:3px;border-radius:var(--radius-small,3px);transition:all .15s ease-in-out;transition-property:color,border-color,background-color,box-shadow}.np-action-btn:not(:disabled):hover{background-color:rgba(56,200,255,.10196078431372549);background-color:var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.np-action-btn:not(:disabled):active,.np-action-btn:not(:disabled):focus{outline:none;border-color:#00a2dd;border-color:var(--color-interactive-accent,#00a2dd)}.np-action-btn:not(:disabled):focus{box-shadow:0 0 0 4px rgba(56,200,255,.10196078431372549);box-shadow:0 0 0 4px var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.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:not(.disabled,:disabled):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{transition:margin .35s ease}.np-card__divider--expanded{background-color:rgba(0,0,0,.10196078431372549);background-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549));height:1px;margin:0 16px;margin:0 var(--size-16,16px)}.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-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)}.np-option__sm-media.decision .media-left{display:block}.np-option__no-media-circle{width:64px;width:var(--size-64,64px);display:flex;justify-content:center}.np-option__no-media-circle>*{max-height:76px}button.np-option{background-color:transparent;width:100%;text-align:left}[dir=rtl] button.np-option{text-align:right}button.np-option:focus:not(:focus-visible){outline:none}.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{left:0;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}.radio:hover{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:not(.disabled,:disabled).active{color:#fff;background-color:#0081ba;background-color:var(--color-interactive-accent-active,#0081ba)}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{color:#fff;background-color:#008fc9;background-color:var(--color-interactive-accent-hover,#008fc9)}.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:#c9cbce;color:var(--color-interactive-secondary,#c9cbce);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:not(.disabled,:disabled):focus,.np-date-trigger .clear-btn:not(.disabled,:disabled):hover{color:#d03238;color:var(--color-interactive-negative-hover,#d03238)}.np-date-trigger .clear-btn:not(.disabled,:disabled):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;max-height:-webkit-fill-available}.np-drawer .np-drawer-header{display:flex;align-items:center;flex-wrap:nowrap;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{overflow-y:auto;flex:1}.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%;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));margin-bottom:8px;margin-bottom:var(--size-8,8px)}.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:not(.disabled,:disabled).active,.tw-pagination a:not(.disabled,:disabled):focus,.tw-pagination a:not(.disabled,:disabled):hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.tw-pagination a:not(.disabled,:disabled).active{font-weight:800;font-weight:var(--font-weight-bold,800);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--scrollable{max-height:100%;max-height:-webkit-fill-available}.tw-modal .tw-modal-dialog{transition:transform .3s ease-out;transform:translateY(-25%);box-shadow:0 5px 15px rgba(0,0,0,.2);background:#fff;background:var(--color-background-elevated,#fff)}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{width:100%}.tw-modal .tw-modal-content .tw-modal-body{flex:1;word-break:break-word}.tw-modal .tw-modal-content .tw-modal-body--scrollable{overflow-y:auto}.tw-modal .tw-modal-content .tw-modal-header{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 (min-width:576px){.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));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__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}.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>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:not(.disabled,:disabled):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:not(.disabled,:disabled):focus,.np-navigation-option__chevron:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.np-navigation-option__chevron:not(.disabled,:disabled):active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}.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 .np-overlay-header__content{min-height:97px;width:100%;min-width:320px;max-width:1164px}.np-overlay-header .np-overlay-header__content .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 .np-overlay-header__content .separator{margin-right:16px!important}[dir=rtl] .np-overlay-header .np-overlay-header__content .separator,html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .separator{margin-left:16px!important}html:not([dir=rtl]) .np-overlay-header .np-overlay-header__content .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--with-horizontal-padding{padding-right:16px;padding-right:var(--space-content-horizontal,16px);padding-left:16px;padding-left:var(--space-content-horizontal,16px)}.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{position:absolute;top:0;list-style-type:none}.tw-stepper__step--active .tw-stepper__step-label{cursor:default;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;line-height:0}@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{position:absolute;top:0;color:#5d7079;color:var(--color-content-secondary,#5d7079);transition:color .6s ease-in-out;white-space:nowrap;transform:translateX(-50%)}[dir=rtl] .tw-stepper__step-label{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;padding:0}[dir=rtl] .tw-stepper-steps{padding:0}.progress-bar-ending{float:left;height:100%;background:linear-gradient(90deg,#00a2dd,#37517e);background:linear-gradient(90deg,var(--color-interactive-accent,#00a2dd),#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 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:not(.disabled,:disabled):focus{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}@media (min-width:992px){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}@media (hover:hover){.tabs__tab:not(.disabled,:disabled):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-tooltip{z-index:1070}.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))}.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-input.form-control{height:auto;padding:initial}.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:#c9cbce;color:var(--color-interactive-secondary,#c9cbce);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}