@transferwise/components 37.10.1 → 37.11.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [37.11.1](https://github.com/transferwise/neptune-web/compare/@transferwise/components@37.11.0...@transferwise/components@37.11.1) (2021-11-08)
+
+
+### Bug Fixes
+
+* **components:** update unselected Chip hover color to match Option ([#1211](https://github.com/transferwise/neptune-web/issues/1211)) ([41759fb](https://github.com/transferwise/neptune-web/commit/41759fba86a7f9d40f553b36dbad2496e1fddac8))
+
+
+
+
+
+# [37.11.0](https://github.com/transferwise/neptune-web/compare/@transferwise/components@37.10.1...@transferwise/components@37.11.0) (2021-11-03)
+
+
+### Features
+
+* **Select:** bump select truncation limit to 100 ([#1207](https://github.com/transferwise/neptune-web/issues/1207)) ([3818c6d](https://github.com/transferwise/neptune-web/commit/3818c6d8d7e1ec4336b1baeef00760d10de83cc1))
+
+
+
+
+
 ## [37.10.1](https://github.com/transferwise/neptune-web/compare/@transferwise/components@37.10.0...@transferwise/components@37.10.1) (2021-11-03)
 
 

package/build/es/no-polyfill/select/Select.js

@@ -1,4 +1,4 @@
-import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";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}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import classNames from"classnames";import PropTypes from"prop-types";import{Component,createRef}from"react";import Transition from"react-transition-group/Transition";import Chevron from"../chevron";import{Breakpoint}from"../common";import{addClickClassToDocumentOnIos,removeClickClassFromDocumentOnIos}from"../common/domHelpers";import KeyCodes from"../common/keyCodes";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import{addClassAndTriggerReflow,removeClass}from"./domHelpers";import Option from"./option";import SearchBox from"./searchBox";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function clamp(a,b,c){return Math.max(Math.min(b,c),a)}function actionableOption(a){return!a.header&&!a.separator&&!a.disabled}var isFunction=function(a){return a&&"[object Function]"==={}.toString.call(a)};function stopPropagation(a){a.stopPropagation(),a.preventDefault(),a.nativeEvent&&a.nativeEvent.stopImmediatePropagation&&a.nativeEvent.stopImmediatePropagation()}function getShouldRenderWithPortal(){return"undefined"!=typeof document&&"undefined"!=typeof window&&window.matchMedia&&window.matchMedia("(max-width: ".concat(Breakpoint.SMALL,"px)")).matches}var OPTIONS_PAGE_SIZE=50,BOOTSTRAP_DROPDOWN_ANIMATION_TIME=200,defer=function(a){return setTimeout(a,0)},includesString=function(a,b){return a.toLowerCase().includes(b.toLowerCase())},arrayIncludesString=function(a,b){return a.some(function(a){return includesString(a,b)})},defaultFilterFunction=function(a,b){return a.label&&includesString(a.label,b)||a.note&&includesString(a.note,b)||a.secondary&&includesString(a.secondary,b)||a.currency&&includesString(a.currency,b)||a.searchStrings&&arrayIncludesString(a.searchStrings,b)},Select=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"handleResize",function(){d.setState({shouldRenderWithPortal:getShouldRenderWithPortal()})}),_defineProperty(_assertThisInitialized(d),"handleOnFocus",function(a){return d.props.onFocus&&d.props.onFocus(a)}),_defineProperty(_assertThisInitialized(d),"handleOnBlur",function(a){var b=d.props.onBlur,c=a.nativeEvent;if(c){var e=c.relatedTarget,f=a.currentTarget;if(f&&e&&f.contains(e))return}b&&b(a)}),_defineProperty(_assertThisInitialized(d),"getOptions",function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:d.props.options,b=d.props.search;if(!b||!d.state.searchValue)return a;var c=isFunction(b)?b:defaultFilterFunction;return a.filter(function(a){return c(a,d.state.searchValue)})}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({numberOfOptionsShown:OPTIONS_PAGE_SIZE}),d.props.onSearchChange?d.props.onSearchChange(a.target.value):d.setState({searchValue:a.target.value})}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){var b=d.state.open;switch(a.keyCode){case KeyCodes.UP:b?d.moveFocusWithDifference(-1):d.open(),a.preventDefault();break;case KeyCodes.DOWN:b?d.moveFocusWithDifference(1):d.open(),a.preventDefault();break;case KeyCodes.SPACE:a.target!==d.searchBoxRef.current&&(b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault());break;case KeyCodes.ENTER:b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault();break;case KeyCodes.ESCAPE:d.close(),a.preventDefault();break;case KeyCodes.TAB:b&&d.selectKeyboardFocusedOption();break;default:}}),_defineProperty(_assertThisInitialized(d),"handleButtonClick",function(){d.props.disabled||d.open()}),_defineProperty(_assertThisInitialized(d),"handleDocumentClick",function(){d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"handleTouchStart",function(a){a.currentTarget===a.target&&d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a}),_defineProperty(_assertThisInitialized(d),"renderOption",function(a,b){var c;if(a.separator)return/*#__PURE__*/_jsx("li",{className:d.style("divider")},b);if(a.header)return/*#__PURE__*/_jsx("li",{className:d.style("dropdown-header"),onClick:stopPropagation,onKeyPress:stopPropagation,children:a.header},b);var e=d.props.selected&&d.props.selected.value===a.value,f=d.state.keyboardFocusedOptionIndex===d.getIndexWithoutHeadersForIndexWithHeaders(b),g=classNames(d.style("tw-dropdown-item"),d.style("tw-dropdown-item--clickable"),(c={},_defineProperty(c,d.style("active"),e),_defineProperty(c,d.style("tw-dropdown-item--focused"),f&&!a.disabled),_defineProperty(c,d.style("disabled"),a.disabled),c));return/*#__PURE__*/_jsx("li",{className:g,onClick:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),onKeyPress:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),children:/*#__PURE__*/_jsx("a",{disabled:a.disabled,children:/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},a),{},{classNames:d.props.classNames}))})},b)}),d.state={open:!1,searchValue:"",keyboardFocusedOptionIndex:null,numberOfOptionsShown:OPTIONS_PAGE_SIZE},d.searchBoxRef=/*#__PURE__*/createRef(),d.dropdownMenuRef=/*#__PURE__*/createRef(),d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentDidMount",value:function componentDidMount(){this.setState({shouldRenderWithPortal:getShouldRenderWithPortal()}),window.addEventListener("resize",this.handleResize)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.close(),window.removeEventListener("resize",this.handleResize)}},{key:"getIndexWithoutHeadersForIndexWithHeaders",value:function getIndexWithoutHeadersForIndexWithHeaders(a){return this.getOptions().reduce(function(b,c,d){return d<a&&actionableOption(c)?b+1:b},0)}},{key:"selectKeyboardFocusedOption",value:function selectKeyboardFocusedOption(){if(null!==this.state.keyboardFocusedOptionIndex){var a=this.state.keyboardFocusedOptionIndex;this.selectOption(this.getOptions().filter(actionableOption)[a])}}},{key:"moveFocusWithDifference",value:function moveFocusWithDifference(a){var b=this;this.setState(function(c,d){var e=b.getOptions(d.options).filter(actionableOption),f=e.reduce(function(a,b,c){return null===a?d.selected&&d.selected.value===b.value?c:null:a},null),g=c.keyboardFocusedOptionIndex,h=g;if(null===g&&null===f)return{keyboardFocusedOptionIndex:0};null===g&&null!==f&&(h=f);var i=h+a,j=clamp(0,e.length-1,i);return{keyboardFocusedOptionIndex:j}})}},{key:"open",value:function open(){var a=this;this.setState({open:!0},function(){var b="undefined"!=typeof window&&window.matchMedia&&!!window.matchMedia("(pointer: coarse)").matches,c=!!a.props.onSearchChange||!!a.props.search;defer(function(){!b&&c&&a.searchBoxRef.current&&a.searchBoxRef.current.focus(),addClickClassToDocumentOnIos(),document.addEventListener("click",a.handleDocumentClick,!1)})})}},{key:"close",value:function close(){var a=this;this.setState({open:!1,keyboardFocusedOptionIndex:null},function(){defer(function(){removeClickClassFromDocumentOnIos(),document.removeEventListener("click",a.handleDocumentClick,!1)})})}},{key:"createSelectHandlerForOption",value:function createSelectHandlerForOption(a){var b=this;return function(c){stopPropagation(c),b.selectOption(a)}}},{key:"selectOption",value:function selectOption(a){a&&!a.placeholder?this.props.onChange(a):this.props.onChange(null),this.close()}},{key:"renderOptionsList",value:function renderOptionsList(){var a,b=this.props,c=b.dropdownRight,d=b.dropdownWidth,e=b.onSearchChange,f=b.placeholder,g=b.required,h=b.search,i=b.searchValue,j=b.searchPlaceholder,k=this.state.open,l=this.style,m=!!e||!!h,n=classNames(l("tw-select"),l("dropdown-menu"),(a={},_defineProperty(a,l("dropdown-menu-".concat(c,"-right")),c),_defineProperty(a,l("dropdown-menu-".concat(d)),d),_defineProperty(a,l("dropdown-menu--open"),k),a));return/*#__PURE__*/_jsxs("ul",{className:n,children:[g||m||!f?"":this.renderPlaceHolderOption(),m&&/*#__PURE__*/_jsx(SearchBox,{ref:this.searchBoxRef,classNames:this.props.classNames,value:i||this.state.searchValue,placeholder:j,onChange:this.handleSearchChange,onClick:stopPropagation}),this.renderOptions(),this.state.numberOfOptionsShown<this.getOptions().length?this.renderShowMore():""]})}},{key:"renderOptions",value:function renderOptions(){return this.getOptions().slice(0,this.state.numberOfOptionsShown).map(this.renderOption)}},{key:"renderShowMore",value:function renderShowMore(){return/*#__PURE__*/ (/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider"),this.style("show-more")),onClick:this.showMore.bind(this),onKeyPress:this.showMore.bind(this),children:/*#__PURE__*/_jsx("a",{children:"..."})}))}},{key:"showMore",value:function showMore(a){stopPropagation(a),this.setState(function(a){return{numberOfOptionsShown:a.numberOfOptionsShown+OPTIONS_PAGE_SIZE}})}},{key:"renderPlaceHolderOption",value:function renderPlaceHolderOption(){var a=this.props.placeholder;return/*#__PURE__*/_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider")),onClick:this.createSelectHandlerForOption({placeholder:a}),onKeyPress:this.createSelectHandlerForOption({placeholder:a}),children:/*#__PURE__*/_jsx("a",{children:a})})}},{key:"renderButtonInternals",value:function renderButtonInternals(){var a=this.props,b=a.selected,c=a.placeholder;return b?/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},b),{},{classNames:this.props.classNames,selected:!0})):/*#__PURE__*/_jsx("span",{className:this.style("form-control-placeholder"),children:c})}},{key:"render",value:function render(){var a,b,c=this,d=this.props,e=d.disabled,f=d.size,g=d.block,h=d.id,i=d.dropdownUp,j=d.inverse,k=this.state,l=k.open,m=k.shouldRenderWithPortal,n=this.style,o=classNames(n("tw-select"),n("btn-group"),(a={},_defineProperty(a,n("btn-block"),g),_defineProperty(a,n("dropup"),i),_defineProperty(a,n("dropdown"),!i),a)),p=classNames(n("btn"),n("btn-input"),(b={},_defineProperty(b,"".concat(n("btn-input-inverse")," ").concat(n("btn-addon")),j),_defineProperty(b,n("btn-xs"),"xs"===f),_defineProperty(b,n("btn-sm"),"sm"===f),_defineProperty(b,n("btn-md"),"md"===f),_defineProperty(b,n("btn-lg"),"lg"===f),b),n("dropdown-toggle")),q=n("open");return/*#__PURE__*/ (// A transition is used here in order to mount and unmount the dropdown menu while retaining animations
+import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";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}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import classNames from"classnames";import PropTypes from"prop-types";import{Component,createRef}from"react";import Transition from"react-transition-group/Transition";import Chevron from"../chevron";import{Breakpoint}from"../common";import{addClickClassToDocumentOnIos,removeClickClassFromDocumentOnIos}from"../common/domHelpers";import KeyCodes from"../common/keyCodes";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import{addClassAndTriggerReflow,removeClass}from"./domHelpers";import Option from"./option";import SearchBox from"./searchBox";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function clamp(a,b,c){return Math.max(Math.min(b,c),a)}function actionableOption(a){return!a.header&&!a.separator&&!a.disabled}var isFunction=function(a){return a&&"[object Function]"==={}.toString.call(a)};function stopPropagation(a){a.stopPropagation(),a.preventDefault(),a.nativeEvent&&a.nativeEvent.stopImmediatePropagation&&a.nativeEvent.stopImmediatePropagation()}function getShouldRenderWithPortal(){return"undefined"!=typeof document&&"undefined"!=typeof window&&window.matchMedia&&window.matchMedia("(max-width: ".concat(Breakpoint.SMALL,"px)")).matches}var OPTIONS_PAGE_SIZE=100,BOOTSTRAP_DROPDOWN_ANIMATION_TIME=200,defer=function(a){return setTimeout(a,0)},includesString=function(a,b){return a.toLowerCase().includes(b.toLowerCase())},arrayIncludesString=function(a,b){return a.some(function(a){return includesString(a,b)})},defaultFilterFunction=function(a,b){return a.label&&includesString(a.label,b)||a.note&&includesString(a.note,b)||a.secondary&&includesString(a.secondary,b)||a.currency&&includesString(a.currency,b)||a.searchStrings&&arrayIncludesString(a.searchStrings,b)},Select=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"handleResize",function(){d.setState({shouldRenderWithPortal:getShouldRenderWithPortal()})}),_defineProperty(_assertThisInitialized(d),"handleOnFocus",function(a){return d.props.onFocus&&d.props.onFocus(a)}),_defineProperty(_assertThisInitialized(d),"handleOnBlur",function(a){var b=d.props.onBlur,c=a.nativeEvent;if(c){var e=c.relatedTarget,f=a.currentTarget;if(f&&e&&f.contains(e))return}b&&b(a)}),_defineProperty(_assertThisInitialized(d),"getOptions",function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:d.props.options,b=d.props.search;if(!b||!d.state.searchValue)return a;var c=isFunction(b)?b:defaultFilterFunction;return a.filter(function(a){return c(a,d.state.searchValue)})}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({numberOfOptionsShown:OPTIONS_PAGE_SIZE}),d.props.onSearchChange?d.props.onSearchChange(a.target.value):d.setState({searchValue:a.target.value})}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){var b=d.state.open;switch(a.keyCode){case KeyCodes.UP:b?d.moveFocusWithDifference(-1):d.open(),a.preventDefault();break;case KeyCodes.DOWN:b?d.moveFocusWithDifference(1):d.open(),a.preventDefault();break;case KeyCodes.SPACE:a.target!==d.searchBoxRef.current&&(b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault());break;case KeyCodes.ENTER:b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault();break;case KeyCodes.ESCAPE:d.close(),a.preventDefault();break;case KeyCodes.TAB:b&&d.selectKeyboardFocusedOption();break;default:}}),_defineProperty(_assertThisInitialized(d),"handleButtonClick",function(){d.props.disabled||d.open()}),_defineProperty(_assertThisInitialized(d),"handleDocumentClick",function(){d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"handleTouchStart",function(a){a.currentTarget===a.target&&d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a}),_defineProperty(_assertThisInitialized(d),"renderOption",function(a,b){var c;if(a.separator)return/*#__PURE__*/_jsx("li",{className:d.style("divider")},b);if(a.header)return/*#__PURE__*/_jsx("li",{className:d.style("dropdown-header"),onClick:stopPropagation,onKeyPress:stopPropagation,children:a.header},b);var e=d.props.selected&&d.props.selected.value===a.value,f=d.state.keyboardFocusedOptionIndex===d.getIndexWithoutHeadersForIndexWithHeaders(b),g=classNames(d.style("tw-dropdown-item"),d.style("tw-dropdown-item--clickable"),(c={},_defineProperty(c,d.style("active"),e),_defineProperty(c,d.style("tw-dropdown-item--focused"),f&&!a.disabled),_defineProperty(c,d.style("disabled"),a.disabled),c));return/*#__PURE__*/_jsx("li",{className:g,onClick:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),onKeyPress:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),children:/*#__PURE__*/_jsx("a",{disabled:a.disabled,children:/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},a),{},{classNames:d.props.classNames}))})},b)}),d.state={open:!1,searchValue:"",keyboardFocusedOptionIndex:null,numberOfOptionsShown:OPTIONS_PAGE_SIZE},d.searchBoxRef=/*#__PURE__*/createRef(),d.dropdownMenuRef=/*#__PURE__*/createRef(),d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentDidMount",value:function componentDidMount(){this.setState({shouldRenderWithPortal:getShouldRenderWithPortal()}),window.addEventListener("resize",this.handleResize)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.close(),window.removeEventListener("resize",this.handleResize)}},{key:"getIndexWithoutHeadersForIndexWithHeaders",value:function getIndexWithoutHeadersForIndexWithHeaders(a){return this.getOptions().reduce(function(b,c,d){return d<a&&actionableOption(c)?b+1:b},0)}},{key:"selectKeyboardFocusedOption",value:function selectKeyboardFocusedOption(){if(null!==this.state.keyboardFocusedOptionIndex){var a=this.state.keyboardFocusedOptionIndex;this.selectOption(this.getOptions().filter(actionableOption)[a])}}},{key:"moveFocusWithDifference",value:function moveFocusWithDifference(a){var b=this;this.setState(function(c,d){var e=b.getOptions(d.options).filter(actionableOption),f=e.reduce(function(a,b,c){return null===a?d.selected&&d.selected.value===b.value?c:null:a},null),g=c.keyboardFocusedOptionIndex,h=g;if(null===g&&null===f)return{keyboardFocusedOptionIndex:0};null===g&&null!==f&&(h=f);var i=h+a,j=clamp(0,e.length-1,i);return{keyboardFocusedOptionIndex:j}})}},{key:"open",value:function open(){var a=this;this.setState({open:!0},function(){var b="undefined"!=typeof window&&window.matchMedia&&!!window.matchMedia("(pointer: coarse)").matches,c=!!a.props.onSearchChange||!!a.props.search;defer(function(){!b&&c&&a.searchBoxRef.current&&a.searchBoxRef.current.focus(),addClickClassToDocumentOnIos(),document.addEventListener("click",a.handleDocumentClick,!1)})})}},{key:"close",value:function close(){var a=this;this.setState({open:!1,keyboardFocusedOptionIndex:null},function(){defer(function(){removeClickClassFromDocumentOnIos(),document.removeEventListener("click",a.handleDocumentClick,!1)})})}},{key:"createSelectHandlerForOption",value:function createSelectHandlerForOption(a){var b=this;return function(c){stopPropagation(c),b.selectOption(a)}}},{key:"selectOption",value:function selectOption(a){a&&!a.placeholder?this.props.onChange(a):this.props.onChange(null),this.close()}},{key:"renderOptionsList",value:function renderOptionsList(){var a,b=this.props,c=b.dropdownRight,d=b.dropdownWidth,e=b.onSearchChange,f=b.placeholder,g=b.required,h=b.search,i=b.searchValue,j=b.searchPlaceholder,k=this.state.open,l=this.style,m=!!e||!!h,n=classNames(l("tw-select"),l("dropdown-menu"),(a={},_defineProperty(a,l("dropdown-menu-".concat(c,"-right")),c),_defineProperty(a,l("dropdown-menu-".concat(d)),d),_defineProperty(a,l("dropdown-menu--open"),k),a));return/*#__PURE__*/_jsxs("ul",{className:n,children:[g||m||!f?"":this.renderPlaceHolderOption(),m&&/*#__PURE__*/_jsx(SearchBox,{ref:this.searchBoxRef,classNames:this.props.classNames,value:i||this.state.searchValue,placeholder:j,onChange:this.handleSearchChange,onClick:stopPropagation}),this.renderOptions(),this.state.numberOfOptionsShown<this.getOptions().length?this.renderShowMore():""]})}},{key:"renderOptions",value:function renderOptions(){return this.getOptions().slice(0,this.state.numberOfOptionsShown).map(this.renderOption)}},{key:"renderShowMore",value:function renderShowMore(){return/*#__PURE__*/ (/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider"),this.style("show-more")),onClick:this.showMore.bind(this),onKeyPress:this.showMore.bind(this),children:/*#__PURE__*/_jsx("a",{children:"..."})}))}},{key:"showMore",value:function showMore(a){stopPropagation(a),this.setState(function(a){return{numberOfOptionsShown:a.numberOfOptionsShown+OPTIONS_PAGE_SIZE}})}},{key:"renderPlaceHolderOption",value:function renderPlaceHolderOption(){var a=this.props.placeholder;return/*#__PURE__*/_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider")),onClick:this.createSelectHandlerForOption({placeholder:a}),onKeyPress:this.createSelectHandlerForOption({placeholder:a}),children:/*#__PURE__*/_jsx("a",{children:a})})}},{key:"renderButtonInternals",value:function renderButtonInternals(){var a=this.props,b=a.selected,c=a.placeholder;return b?/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},b),{},{classNames:this.props.classNames,selected:!0})):/*#__PURE__*/_jsx("span",{className:this.style("form-control-placeholder"),children:c})}},{key:"render",value:function render(){var a,b,c=this,d=this.props,e=d.disabled,f=d.size,g=d.block,h=d.id,i=d.dropdownUp,j=d.inverse,k=this.state,l=k.open,m=k.shouldRenderWithPortal,n=this.style,o=classNames(n("tw-select"),n("btn-group"),(a={},_defineProperty(a,n("btn-block"),g),_defineProperty(a,n("dropup"),i),_defineProperty(a,n("dropdown"),!i),a)),p=classNames(n("btn"),n("btn-input"),(b={},_defineProperty(b,"".concat(n("btn-input-inverse")," ").concat(n("btn-addon")),j),_defineProperty(b,n("btn-xs"),"xs"===f),_defineProperty(b,n("btn-sm"),"sm"===f),_defineProperty(b,n("btn-md"),"md"===f),_defineProperty(b,n("btn-lg"),"lg"===f),b),n("dropdown-toggle")),q=n("open");return/*#__PURE__*/ (// A transition is used here in order to mount and unmount the dropdown menu while retaining animations
 _jsx(_Fragment,{children:/*#__PURE__*/_jsxs("div",{// eslint-disable-line jsx-a11y/no-static-element-interactions
 ref:this.dropdownMenuRef,className:o,onKeyDown:this.handleKeyDown,onTouchMove:this.handleTouchStart,onFocus:this.handleOnFocus,onBlur:this.handleOnBlur,children:[/*#__PURE__*/_jsxs("button",{disabled:e,className:p,type:"button",id:h,"aria-expanded":l,onClick:this.handleButtonClick,children:[this.renderButtonInternals(),/*#__PURE__*/_jsx(Chevron,{disabled:e,className:"".concat(n("tw-icon")," ").concat(n("tw-chevron-up-icon")," ").concat(n("tw-chevron")," ").concat(n("bottom")," ").concat(n("tw-select-chevron"))})]}),m?/*#__PURE__*/_jsx(Dimmer,{open:l,children:/*#__PURE__*/_jsx(SlidingPanel,{open:l,position:"bottom",children:this.renderOptionsList()})}):/*#__PURE__*/_jsx(Transition,{in:l,timeout:BOOTSTRAP_DROPDOWN_ANIMATION_TIME,onEntering:function onEntering(){c.dropdownMenuRef.current&&addClassAndTriggerReflow(c.dropdownMenuRef.current,q)},onExit:function onExit(){c.dropdownMenuRef.current&&removeClass(c.dropdownMenuRef.current,q)},children:function children(a){return"exited"!==a&&c.renderOptionsList()}})]})}))}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(a,b){var c=!!a.options.length;if(b.open&&(""!==a.searchValue||""!==b.searchValue)){if(c&&null===b.keyboardFocusedOptionIndex)return{keyboardFocusedOptionIndex:0};if(!c&&null!==b.keyboardFocusedOptionIndex)return{keyboardFocusedOptionIndex:null}}return null}}]),b}(Component);export{Select as default};Select.propTypes={placeholder:PropTypes.string,id:PropTypes.string,required:PropTypes.bool,disabled:PropTypes.bool,inverse:PropTypes.bool,dropdownRight:PropTypes.oneOf(["xs","sm","md","lg","xl"]),dropdownWidth:PropTypes.oneOf(["sm","md","lg"]),size:PropTypes.oneOf(["sm","md","lg"]),block:PropTypes.bool,selected:PropTypes.shape({value:PropTypes.any.isRequired,label:PropTypes.node,icon:PropTypes.node,currency:PropTypes.string,note:PropTypes.node,secondary:PropTypes.node}),/**
    * Search toggle

package/build/es/polyfill/select/Select.js

@@ -1,4 +1,4 @@
-import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import"core-js/modules/es.object.to-string.js";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.search.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.array.reduce.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.array.slice.js";import"core-js/modules/es.array.concat.js";import classNames from"classnames";import PropTypes from"prop-types";import{Component,createRef}from"react";import Transition from"react-transition-group/Transition";import Chevron from"../chevron";import{Breakpoint}from"../common";import{addClickClassToDocumentOnIos,removeClickClassFromDocumentOnIos}from"../common/domHelpers";import KeyCodes from"../common/keyCodes";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import{addClassAndTriggerReflow,removeClass}from"./domHelpers";import Option from"./option";import SearchBox from"./searchBox";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function clamp(a,b,c){return Math.max(Math.min(b,c),a)}function actionableOption(a){return!a.header&&!a.separator&&!a.disabled}var isFunction=function(a){return a&&"[object Function]"==={}.toString.call(a)};function stopPropagation(a){a.stopPropagation(),a.preventDefault(),a.nativeEvent&&a.nativeEvent.stopImmediatePropagation&&a.nativeEvent.stopImmediatePropagation()}function getShouldRenderWithPortal(){return"undefined"!=typeof document&&"undefined"!=typeof window&&window.matchMedia&&window.matchMedia("(max-width: ".concat(Breakpoint.SMALL,"px)")).matches}var OPTIONS_PAGE_SIZE=50,BOOTSTRAP_DROPDOWN_ANIMATION_TIME=200,defer=function(a){return setTimeout(a,0)},includesString=function(a,b){return a.toLowerCase().includes(b.toLowerCase())},arrayIncludesString=function(a,b){return a.some(function(a){return includesString(a,b)})},defaultFilterFunction=function(a,b){return a.label&&includesString(a.label,b)||a.note&&includesString(a.note,b)||a.secondary&&includesString(a.secondary,b)||a.currency&&includesString(a.currency,b)||a.searchStrings&&arrayIncludesString(a.searchStrings,b)},Select=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"handleResize",function(){d.setState({shouldRenderWithPortal:getShouldRenderWithPortal()})}),_defineProperty(_assertThisInitialized(d),"handleOnFocus",function(a){return d.props.onFocus&&d.props.onFocus(a)}),_defineProperty(_assertThisInitialized(d),"handleOnBlur",function(a){var b=d.props.onBlur,c=a.nativeEvent;if(c){var e=c.relatedTarget,f=a.currentTarget;if(f&&e&&f.contains(e))return}b&&b(a)}),_defineProperty(_assertThisInitialized(d),"getOptions",function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:d.props.options,b=d.props.search;if(!b||!d.state.searchValue)return a;var c=isFunction(b)?b:defaultFilterFunction;return a.filter(function(a){return c(a,d.state.searchValue)})}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({numberOfOptionsShown:OPTIONS_PAGE_SIZE}),d.props.onSearchChange?d.props.onSearchChange(a.target.value):d.setState({searchValue:a.target.value})}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){var b=d.state.open;switch(a.keyCode){case KeyCodes.UP:b?d.moveFocusWithDifference(-1):d.open(),a.preventDefault();break;case KeyCodes.DOWN:b?d.moveFocusWithDifference(1):d.open(),a.preventDefault();break;case KeyCodes.SPACE:a.target!==d.searchBoxRef.current&&(b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault());break;case KeyCodes.ENTER:b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault();break;case KeyCodes.ESCAPE:d.close(),a.preventDefault();break;case KeyCodes.TAB:b&&d.selectKeyboardFocusedOption();break;default:}}),_defineProperty(_assertThisInitialized(d),"handleButtonClick",function(){d.props.disabled||d.open()}),_defineProperty(_assertThisInitialized(d),"handleDocumentClick",function(){d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"handleTouchStart",function(a){a.currentTarget===a.target&&d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a}),_defineProperty(_assertThisInitialized(d),"renderOption",function(a,b){var c;if(a.separator)return/*#__PURE__*/_jsx("li",{className:d.style("divider")},b);if(a.header)return/*#__PURE__*/_jsx("li",{className:d.style("dropdown-header"),onClick:stopPropagation,onKeyPress:stopPropagation,children:a.header},b);var e=d.props.selected&&d.props.selected.value===a.value,f=d.state.keyboardFocusedOptionIndex===d.getIndexWithoutHeadersForIndexWithHeaders(b),g=classNames(d.style("tw-dropdown-item"),d.style("tw-dropdown-item--clickable"),(c={},_defineProperty(c,d.style("active"),e),_defineProperty(c,d.style("tw-dropdown-item--focused"),f&&!a.disabled),_defineProperty(c,d.style("disabled"),a.disabled),c));return/*#__PURE__*/_jsx("li",{className:g,onClick:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),onKeyPress:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),children:/*#__PURE__*/_jsx("a",{disabled:a.disabled,children:/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},a),{},{classNames:d.props.classNames}))})},b)}),d.state={open:!1,searchValue:"",keyboardFocusedOptionIndex:null,numberOfOptionsShown:OPTIONS_PAGE_SIZE},d.searchBoxRef=/*#__PURE__*/createRef(),d.dropdownMenuRef=/*#__PURE__*/createRef(),d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentDidMount",value:function componentDidMount(){this.setState({shouldRenderWithPortal:getShouldRenderWithPortal()}),window.addEventListener("resize",this.handleResize)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.close(),window.removeEventListener("resize",this.handleResize)}},{key:"getIndexWithoutHeadersForIndexWithHeaders",value:function getIndexWithoutHeadersForIndexWithHeaders(a){return this.getOptions().reduce(function(b,c,d){return d<a&&actionableOption(c)?b+1:b},0)}},{key:"selectKeyboardFocusedOption",value:function selectKeyboardFocusedOption(){if(null!==this.state.keyboardFocusedOptionIndex){var a=this.state.keyboardFocusedOptionIndex;this.selectOption(this.getOptions().filter(actionableOption)[a])}}},{key:"moveFocusWithDifference",value:function moveFocusWithDifference(a){var b=this;this.setState(function(c,d){var e=b.getOptions(d.options).filter(actionableOption),f=e.reduce(function(a,b,c){return null===a?d.selected&&d.selected.value===b.value?c:null:a},null),g=c.keyboardFocusedOptionIndex,h=g;if(null===g&&null===f)return{keyboardFocusedOptionIndex:0};null===g&&null!==f&&(h=f);var i=h+a,j=clamp(0,e.length-1,i);return{keyboardFocusedOptionIndex:j}})}},{key:"open",value:function open(){var a=this;this.setState({open:!0},function(){var b="undefined"!=typeof window&&window.matchMedia&&!!window.matchMedia("(pointer: coarse)").matches,c=!!a.props.onSearchChange||!!a.props.search;defer(function(){!b&&c&&a.searchBoxRef.current&&a.searchBoxRef.current.focus(),addClickClassToDocumentOnIos(),document.addEventListener("click",a.handleDocumentClick,!1)})})}},{key:"close",value:function close(){var a=this;this.setState({open:!1,keyboardFocusedOptionIndex:null},function(){defer(function(){removeClickClassFromDocumentOnIos(),document.removeEventListener("click",a.handleDocumentClick,!1)})})}},{key:"createSelectHandlerForOption",value:function createSelectHandlerForOption(a){var b=this;return function(c){stopPropagation(c),b.selectOption(a)}}},{key:"selectOption",value:function selectOption(a){a&&!a.placeholder?this.props.onChange(a):this.props.onChange(null),this.close()}},{key:"renderOptionsList",value:function renderOptionsList(){var a,b=this.props,c=b.dropdownRight,d=b.dropdownWidth,e=b.onSearchChange,f=b.placeholder,g=b.required,h=b.search,i=b.searchValue,j=b.searchPlaceholder,k=this.state.open,l=this.style,m=!!e||!!h,n=classNames(l("tw-select"),l("dropdown-menu"),(a={},_defineProperty(a,l("dropdown-menu-".concat(c,"-right")),c),_defineProperty(a,l("dropdown-menu-".concat(d)),d),_defineProperty(a,l("dropdown-menu--open"),k),a));return/*#__PURE__*/_jsxs("ul",{className:n,children:[g||m||!f?"":this.renderPlaceHolderOption(),m&&/*#__PURE__*/_jsx(SearchBox,{ref:this.searchBoxRef,classNames:this.props.classNames,value:i||this.state.searchValue,placeholder:j,onChange:this.handleSearchChange,onClick:stopPropagation}),this.renderOptions(),this.state.numberOfOptionsShown<this.getOptions().length?this.renderShowMore():""]})}},{key:"renderOptions",value:function renderOptions(){return this.getOptions().slice(0,this.state.numberOfOptionsShown).map(this.renderOption)}},{key:"renderShowMore",value:function renderShowMore(){return/*#__PURE__*/ (/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider"),this.style("show-more")),onClick:this.showMore.bind(this),onKeyPress:this.showMore.bind(this),children:/*#__PURE__*/_jsx("a",{children:"..."})}))}},{key:"showMore",value:function showMore(a){stopPropagation(a),this.setState(function(a){return{numberOfOptionsShown:a.numberOfOptionsShown+OPTIONS_PAGE_SIZE}})}},{key:"renderPlaceHolderOption",value:function renderPlaceHolderOption(){var a=this.props.placeholder;return/*#__PURE__*/_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider")),onClick:this.createSelectHandlerForOption({placeholder:a}),onKeyPress:this.createSelectHandlerForOption({placeholder:a}),children:/*#__PURE__*/_jsx("a",{children:a})})}},{key:"renderButtonInternals",value:function renderButtonInternals(){var a=this.props,b=a.selected,c=a.placeholder;return b?/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},b),{},{classNames:this.props.classNames,selected:!0})):/*#__PURE__*/_jsx("span",{className:this.style("form-control-placeholder"),children:c})}},{key:"render",value:function render(){var a,b,c=this,d=this.props,e=d.disabled,f=d.size,g=d.block,h=d.id,i=d.dropdownUp,j=d.inverse,k=this.state,l=k.open,m=k.shouldRenderWithPortal,n=this.style,o=classNames(n("tw-select"),n("btn-group"),(a={},_defineProperty(a,n("btn-block"),g),_defineProperty(a,n("dropup"),i),_defineProperty(a,n("dropdown"),!i),a)),p=classNames(n("btn"),n("btn-input"),(b={},_defineProperty(b,"".concat(n("btn-input-inverse")," ").concat(n("btn-addon")),j),_defineProperty(b,n("btn-xs"),"xs"===f),_defineProperty(b,n("btn-sm"),"sm"===f),_defineProperty(b,n("btn-md"),"md"===f),_defineProperty(b,n("btn-lg"),"lg"===f),b),n("dropdown-toggle")),q=n("open");return/*#__PURE__*/ (// A transition is used here in order to mount and unmount the dropdown menu while retaining animations
+import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _assertThisInitialized from"@babel/runtime/helpers/assertThisInitialized";import _inherits from"@babel/runtime/helpers/inherits";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.reflect.construct.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=_getPrototypeOf(a);if(b){var e=_getPrototypeOf(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return _possibleConstructorReturn(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}import"core-js/modules/es.object.to-string.js";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.search.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.array.reduce.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.array.slice.js";import"core-js/modules/es.array.concat.js";import classNames from"classnames";import PropTypes from"prop-types";import{Component,createRef}from"react";import Transition from"react-transition-group/Transition";import Chevron from"../chevron";import{Breakpoint}from"../common";import{addClickClassToDocumentOnIos,removeClickClassFromDocumentOnIos}from"../common/domHelpers";import KeyCodes from"../common/keyCodes";import Dimmer from"../dimmer";import SlidingPanel from"../slidingPanel";import{addClassAndTriggerReflow,removeClass}from"./domHelpers";import Option from"./option";import SearchBox from"./searchBox";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";function clamp(a,b,c){return Math.max(Math.min(b,c),a)}function actionableOption(a){return!a.header&&!a.separator&&!a.disabled}var isFunction=function(a){return a&&"[object Function]"==={}.toString.call(a)};function stopPropagation(a){a.stopPropagation(),a.preventDefault(),a.nativeEvent&&a.nativeEvent.stopImmediatePropagation&&a.nativeEvent.stopImmediatePropagation()}function getShouldRenderWithPortal(){return"undefined"!=typeof document&&"undefined"!=typeof window&&window.matchMedia&&window.matchMedia("(max-width: ".concat(Breakpoint.SMALL,"px)")).matches}var OPTIONS_PAGE_SIZE=100,BOOTSTRAP_DROPDOWN_ANIMATION_TIME=200,defer=function(a){return setTimeout(a,0)},includesString=function(a,b){return a.toLowerCase().includes(b.toLowerCase())},arrayIncludesString=function(a,b){return a.some(function(a){return includesString(a,b)})},defaultFilterFunction=function(a,b){return a.label&&includesString(a.label,b)||a.note&&includesString(a.note,b)||a.secondary&&includesString(a.secondary,b)||a.currency&&includesString(a.currency,b)||a.searchStrings&&arrayIncludesString(a.searchStrings,b)},Select=/*#__PURE__*/function(a){function b(a){var d;return _classCallCheck(this,b),d=c.call(this,a),_defineProperty(_assertThisInitialized(d),"handleResize",function(){d.setState({shouldRenderWithPortal:getShouldRenderWithPortal()})}),_defineProperty(_assertThisInitialized(d),"handleOnFocus",function(a){return d.props.onFocus&&d.props.onFocus(a)}),_defineProperty(_assertThisInitialized(d),"handleOnBlur",function(a){var b=d.props.onBlur,c=a.nativeEvent;if(c){var e=c.relatedTarget,f=a.currentTarget;if(f&&e&&f.contains(e))return}b&&b(a)}),_defineProperty(_assertThisInitialized(d),"getOptions",function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:d.props.options,b=d.props.search;if(!b||!d.state.searchValue)return a;var c=isFunction(b)?b:defaultFilterFunction;return a.filter(function(a){return c(a,d.state.searchValue)})}),_defineProperty(_assertThisInitialized(d),"handleSearchChange",function(a){d.setState({numberOfOptionsShown:OPTIONS_PAGE_SIZE}),d.props.onSearchChange?d.props.onSearchChange(a.target.value):d.setState({searchValue:a.target.value})}),_defineProperty(_assertThisInitialized(d),"handleKeyDown",function(a){var b=d.state.open;switch(a.keyCode){case KeyCodes.UP:b?d.moveFocusWithDifference(-1):d.open(),a.preventDefault();break;case KeyCodes.DOWN:b?d.moveFocusWithDifference(1):d.open(),a.preventDefault();break;case KeyCodes.SPACE:a.target!==d.searchBoxRef.current&&(b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault());break;case KeyCodes.ENTER:b?d.selectKeyboardFocusedOption():d.open(),a.preventDefault();break;case KeyCodes.ESCAPE:d.close(),a.preventDefault();break;case KeyCodes.TAB:b&&d.selectKeyboardFocusedOption();break;default:}}),_defineProperty(_assertThisInitialized(d),"handleButtonClick",function(){d.props.disabled||d.open()}),_defineProperty(_assertThisInitialized(d),"handleDocumentClick",function(){d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"handleTouchStart",function(a){a.currentTarget===a.target&&d.state.open&&d.close()}),_defineProperty(_assertThisInitialized(d),"style",function(a){return d.props.classNames[a]||a}),_defineProperty(_assertThisInitialized(d),"renderOption",function(a,b){var c;if(a.separator)return/*#__PURE__*/_jsx("li",{className:d.style("divider")},b);if(a.header)return/*#__PURE__*/_jsx("li",{className:d.style("dropdown-header"),onClick:stopPropagation,onKeyPress:stopPropagation,children:a.header},b);var e=d.props.selected&&d.props.selected.value===a.value,f=d.state.keyboardFocusedOptionIndex===d.getIndexWithoutHeadersForIndexWithHeaders(b),g=classNames(d.style("tw-dropdown-item"),d.style("tw-dropdown-item--clickable"),(c={},_defineProperty(c,d.style("active"),e),_defineProperty(c,d.style("tw-dropdown-item--focused"),f&&!a.disabled),_defineProperty(c,d.style("disabled"),a.disabled),c));return/*#__PURE__*/_jsx("li",{className:g,onClick:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),onKeyPress:a.disabled?stopPropagation:d.createSelectHandlerForOption(a),children:/*#__PURE__*/_jsx("a",{disabled:a.disabled,children:/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},a),{},{classNames:d.props.classNames}))})},b)}),d.state={open:!1,searchValue:"",keyboardFocusedOptionIndex:null,numberOfOptionsShown:OPTIONS_PAGE_SIZE},d.searchBoxRef=/*#__PURE__*/createRef(),d.dropdownMenuRef=/*#__PURE__*/createRef(),d}_inherits(b,a);var c=_createSuper(b);return _createClass(b,[{key:"componentDidMount",value:function componentDidMount(){this.setState({shouldRenderWithPortal:getShouldRenderWithPortal()}),window.addEventListener("resize",this.handleResize)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.close(),window.removeEventListener("resize",this.handleResize)}},{key:"getIndexWithoutHeadersForIndexWithHeaders",value:function getIndexWithoutHeadersForIndexWithHeaders(a){return this.getOptions().reduce(function(b,c,d){return d<a&&actionableOption(c)?b+1:b},0)}},{key:"selectKeyboardFocusedOption",value:function selectKeyboardFocusedOption(){if(null!==this.state.keyboardFocusedOptionIndex){var a=this.state.keyboardFocusedOptionIndex;this.selectOption(this.getOptions().filter(actionableOption)[a])}}},{key:"moveFocusWithDifference",value:function moveFocusWithDifference(a){var b=this;this.setState(function(c,d){var e=b.getOptions(d.options).filter(actionableOption),f=e.reduce(function(a,b,c){return null===a?d.selected&&d.selected.value===b.value?c:null:a},null),g=c.keyboardFocusedOptionIndex,h=g;if(null===g&&null===f)return{keyboardFocusedOptionIndex:0};null===g&&null!==f&&(h=f);var i=h+a,j=clamp(0,e.length-1,i);return{keyboardFocusedOptionIndex:j}})}},{key:"open",value:function open(){var a=this;this.setState({open:!0},function(){var b="undefined"!=typeof window&&window.matchMedia&&!!window.matchMedia("(pointer: coarse)").matches,c=!!a.props.onSearchChange||!!a.props.search;defer(function(){!b&&c&&a.searchBoxRef.current&&a.searchBoxRef.current.focus(),addClickClassToDocumentOnIos(),document.addEventListener("click",a.handleDocumentClick,!1)})})}},{key:"close",value:function close(){var a=this;this.setState({open:!1,keyboardFocusedOptionIndex:null},function(){defer(function(){removeClickClassFromDocumentOnIos(),document.removeEventListener("click",a.handleDocumentClick,!1)})})}},{key:"createSelectHandlerForOption",value:function createSelectHandlerForOption(a){var b=this;return function(c){stopPropagation(c),b.selectOption(a)}}},{key:"selectOption",value:function selectOption(a){a&&!a.placeholder?this.props.onChange(a):this.props.onChange(null),this.close()}},{key:"renderOptionsList",value:function renderOptionsList(){var a,b=this.props,c=b.dropdownRight,d=b.dropdownWidth,e=b.onSearchChange,f=b.placeholder,g=b.required,h=b.search,i=b.searchValue,j=b.searchPlaceholder,k=this.state.open,l=this.style,m=!!e||!!h,n=classNames(l("tw-select"),l("dropdown-menu"),(a={},_defineProperty(a,l("dropdown-menu-".concat(c,"-right")),c),_defineProperty(a,l("dropdown-menu-".concat(d)),d),_defineProperty(a,l("dropdown-menu--open"),k),a));return/*#__PURE__*/_jsxs("ul",{className:n,children:[g||m||!f?"":this.renderPlaceHolderOption(),m&&/*#__PURE__*/_jsx(SearchBox,{ref:this.searchBoxRef,classNames:this.props.classNames,value:i||this.state.searchValue,placeholder:j,onChange:this.handleSearchChange,onClick:stopPropagation}),this.renderOptions(),this.state.numberOfOptionsShown<this.getOptions().length?this.renderShowMore():""]})}},{key:"renderOptions",value:function renderOptions(){return this.getOptions().slice(0,this.state.numberOfOptionsShown).map(this.renderOption)}},{key:"renderShowMore",value:function renderShowMore(){return/*#__PURE__*/ (/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider"),this.style("show-more")),onClick:this.showMore.bind(this),onKeyPress:this.showMore.bind(this),children:/*#__PURE__*/_jsx("a",{children:"..."})}))}},{key:"showMore",value:function showMore(a){stopPropagation(a),this.setState(function(a){return{numberOfOptionsShown:a.numberOfOptionsShown+OPTIONS_PAGE_SIZE}})}},{key:"renderPlaceHolderOption",value:function renderPlaceHolderOption(){var a=this.props.placeholder;return/*#__PURE__*/_jsx("li",{className:classNames(this.style("tw-dropdown-item--clickable"),this.style("tw-dropdown-item--divider")),onClick:this.createSelectHandlerForOption({placeholder:a}),onKeyPress:this.createSelectHandlerForOption({placeholder:a}),children:/*#__PURE__*/_jsx("a",{children:a})})}},{key:"renderButtonInternals",value:function renderButtonInternals(){var a=this.props,b=a.selected,c=a.placeholder;return b?/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},b),{},{classNames:this.props.classNames,selected:!0})):/*#__PURE__*/_jsx("span",{className:this.style("form-control-placeholder"),children:c})}},{key:"render",value:function render(){var a,b,c=this,d=this.props,e=d.disabled,f=d.size,g=d.block,h=d.id,i=d.dropdownUp,j=d.inverse,k=this.state,l=k.open,m=k.shouldRenderWithPortal,n=this.style,o=classNames(n("tw-select"),n("btn-group"),(a={},_defineProperty(a,n("btn-block"),g),_defineProperty(a,n("dropup"),i),_defineProperty(a,n("dropdown"),!i),a)),p=classNames(n("btn"),n("btn-input"),(b={},_defineProperty(b,"".concat(n("btn-input-inverse")," ").concat(n("btn-addon")),j),_defineProperty(b,n("btn-xs"),"xs"===f),_defineProperty(b,n("btn-sm"),"sm"===f),_defineProperty(b,n("btn-md"),"md"===f),_defineProperty(b,n("btn-lg"),"lg"===f),b),n("dropdown-toggle")),q=n("open");return/*#__PURE__*/ (// A transition is used here in order to mount and unmount the dropdown menu while retaining animations
 _jsx(_Fragment,{children:/*#__PURE__*/_jsxs("div",{// eslint-disable-line jsx-a11y/no-static-element-interactions
 ref:this.dropdownMenuRef,className:o,onKeyDown:this.handleKeyDown,onTouchMove:this.handleTouchStart,onFocus:this.handleOnFocus,onBlur:this.handleOnBlur,children:[/*#__PURE__*/_jsxs("button",{disabled:e,className:p,type:"button",id:h,"aria-expanded":l,onClick:this.handleButtonClick,children:[this.renderButtonInternals(),/*#__PURE__*/_jsx(Chevron,{disabled:e,className:"".concat(n("tw-icon")," ").concat(n("tw-chevron-up-icon")," ").concat(n("tw-chevron")," ").concat(n("bottom")," ").concat(n("tw-select-chevron"))})]}),m?/*#__PURE__*/_jsx(Dimmer,{open:l,children:/*#__PURE__*/_jsx(SlidingPanel,{open:l,position:"bottom",children:this.renderOptionsList()})}):/*#__PURE__*/_jsx(Transition,{in:l,timeout:BOOTSTRAP_DROPDOWN_ANIMATION_TIME,onEntering:function onEntering(){c.dropdownMenuRef.current&&addClassAndTriggerReflow(c.dropdownMenuRef.current,q)},onExit:function onExit(){c.dropdownMenuRef.current&&removeClass(c.dropdownMenuRef.current,q)},children:function children(a){return"exited"!==a&&c.renderOptionsList()}})]})}))}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(a,b){var c=!!a.options.length;if(b.open&&(""!==a.searchValue||""!==b.searchValue)){if(c&&null===b.keyboardFocusedOptionIndex)return{keyboardFocusedOptionIndex:0};if(!c&&null!==b.keyboardFocusedOptionIndex)return{keyboardFocusedOptionIndex:null}}return null}}]),b}(Component);export{Select as default};Select.propTypes={placeholder:PropTypes.string,id:PropTypes.string,required:PropTypes.bool,disabled:PropTypes.bool,inverse:PropTypes.bool,dropdownRight:PropTypes.oneOf(["xs","sm","md","lg","xl"]),dropdownWidth:PropTypes.oneOf(["sm","md","lg"]),size:PropTypes.oneOf(["sm","md","lg"]),block:PropTypes.bool,selected:PropTypes.shape({value:PropTypes.any.isRequired,label:PropTypes.node,icon:PropTypes.node,currency:PropTypes.string,note:PropTypes.node,secondary:PropTypes.node}),/**
    * Search toggle

package/build/main.css

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

package/build/styles/chips/Chip.css

@@ -1 +1 @@
-.np-chip{color:#5d7079;color:var(--color-text-secondary,#5d7079);background-color:transparent;height:32px;height:var(--size-32,32px);margin-right:8px;margin-right:var(--size-8,8px);padding:0 12px;padding:0 var(--size-12,12px);border-radius:16px;border-radius:var(--size-16,16px);border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out}.np-chip .np-chip-label{padding-top:2px}.np-chip .np-close-button{opacity:1;transition:opacity .15s ease-in-out;pointer-events:auto;color:#a8afbb}.np-chip .np-close-button:focus,.np-chip .np-close-button:hover{color:#707b8f}.np-chip:last-child{margin-right:0}.np-chip:hover{color:#fff;color:var(--color-text-control,#fff);background-color:#00a4df;background-color:var(--color-control-accent-hover,#00a4df);border-color:#00a4df;border-color:var(--color-control-accent-hover,#00a4df)}.np-chip:hover .np-close-button{color:#fff}.np-chip:active{background-color:#008ec0;background-color:var(--color-control-accent-active,#008ec0);border-color:#008ec0;border-color:var(--color-control-accent-active,#008ec0)}.np-chip--selected,.np-chip:active{color:#fff;color:var(--color-text-control,#fff)}.np-chip--selected{pointer-events:none}.np-chip--selected,.np-chip--selected:active,.np-chip--selected:hover{background-color:#00b9ff;background-color:var(--color-control-accent,#00b9ff);border-color:#00b9ff;border-color:var(--color-control-accent,#00b9ff)}.np-chip--selected:active,.np-chip--selected:hover{color:#fff;color:var(--color-text-control,#fff)}.np-chip--selected .np-close-button{color:#fff}.np-chip.has-error{background:#f53636;background:var(--color-control-negative,#f53636);color:#fff;color:var(--color-text-control,#fff)}.np-chip.has-error .np-close-button{color:#fff}
+.np-chip{color:#5d7079;color:var(--color-text-secondary,#5d7079);background-color:transparent;height:32px;height:var(--size-32,32px);margin-right:8px;margin-right:var(--size-8,8px);padding:0 12px;padding:0 var(--size-12,12px);border-radius:16px;border-radius:var(--size-16,16px);border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out}.np-chip .np-chip-label{padding-top:2px}.np-chip .np-close-button{opacity:1;transition:opacity .15s ease-in-out;pointer-events:auto;color:#a8afbb}.np-chip .np-close-button:focus,.np-chip .np-close-button:hover{color:#fff;opacity:.85}.np-chip:last-child{margin-right:0}.np-chip:hover{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-chip:active{color:#fff;color:var(--color-text-control,#fff);background-color:#008ec0;background-color:var(--color-control-accent-active,#008ec0);border-color:#008ec0;border-color:var(--color-control-accent-active,#008ec0)}.np-chip--selected{pointer-events:none}.np-chip--selected,.np-chip--selected:active,.np-chip--selected:hover{color:#fff;color:var(--color-text-control,#fff);background-color:#00b9ff;background-color:var(--color-control-accent,#00b9ff);border-color:#00b9ff;border-color:var(--color-control-accent,#00b9ff)}.np-chip--selected .np-close-button{color:#fff}.np-chip.has-error{background:#f53636;background:var(--color-control-negative,#f53636);color:#fff;color:var(--color-text-control,#fff)}.np-chip.has-error .np-close-button{color:#fff}