@transferwise/components 40.8.0 → 40.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/build/es/no-polyfill/dimmer/dimmerManager/DimmerManager.js +2 -2
- package/build/es/no-polyfill/emphasis/EmphasisHtmlTransformer.js +1 -1
- package/build/es/no-polyfill/navigationOption/NavigationOption.js +1 -1
- package/build/es/no-polyfill/provider/Provider.spec.js +1 -1
- package/build/es/no-polyfill/upload/Upload.js +1 -1
- package/build/es/polyfill/dimmer/dimmerManager/DimmerManager.js +2 -2
- package/build/es/polyfill/emphasis/EmphasisHtmlTransformer.js +1 -1
- package/build/es/polyfill/navigationOption/NavigationOption.js +1 -1
- package/build/es/polyfill/provider/Provider.spec.js +1 -1
- package/build/es/polyfill/upload/Upload.js +1 -1
- package/build/main.css +1 -1
- package/build/styles/accordion/Accordion.css +1 -1
- package/build/styles/actionButton/ActionButton.css +1 -1
- package/build/styles/avatar/Avatar.css +1 -1
- package/build/styles/badge/Badge.css +1 -1
- package/build/styles/button/Button.css +1 -1
- package/build/styles/card/Card.css +1 -1
- package/build/styles/checkboxButton/CheckboxButton.css +1 -1
- package/build/styles/chips/Chip.css +1 -1
- package/build/styles/circularButton/CircularButton.css +1 -1
- package/build/styles/common/Option/Option.css +1 -1
- package/build/styles/common/RadioButton/RadioButton.css +1 -1
- package/build/styles/common/bottomSheet/BottomSheet.css +1 -1
- package/build/styles/common/closeButton/CloseButton.css +1 -1
- package/build/styles/common/panel/Panel.css +1 -1
- package/build/styles/dateLookup/DateLookup.css +1 -1
- package/build/styles/dateLookup/dateTrigger/DateTrigger.css +1 -1
- package/build/styles/decision/Decision.css +1 -1
- package/build/styles/definitionList/DefinitionList.css +1 -1
- package/build/styles/dimmer/Dimmer.css +1 -1
- package/build/styles/drawer/Drawer.css +1 -1
- package/build/styles/dropFade/DropFade.css +1 -1
- package/build/styles/dynamicFieldDefinitionList/FormattedValue/FormattedValue.css +1 -1
- package/build/styles/emphasis/Emphasis.css +1 -1
- package/build/styles/flowNavigation/FlowNavigation.css +1 -1
- package/build/styles/flowNavigation/animatedLabel/AnimatedLabel.css +1 -1
- package/build/styles/header/Header.css +1 -1
- package/build/styles/image/Image.css +1 -1
- package/build/styles/info/Info.css +1 -1
- package/build/styles/lab/mobileNav/MobileNav.css +1 -1
- package/build/styles/lab/pagination/Pagination.css +1 -1
- package/build/styles/link/Link.css +1 -1
- package/build/styles/loader/Loader.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/modal/Modal.css +1 -1
- package/build/styles/moneyInput/MoneyInput.css +1 -1
- package/build/styles/navigationOption/NavigationOption.css +1 -1
- package/build/styles/navigationOptionsList/NavigationOptionsList.css +1 -1
- package/build/styles/nudge/Nudge.css +1 -1
- package/build/styles/overlayHeader/OverlayHeader.css +1 -1
- package/build/styles/phoneNumberInput/PhoneNumberInput.css +1 -1
- package/build/styles/popover/Popover.css +1 -1
- package/build/styles/progress/Progress.css +1 -1
- package/build/styles/progressBar/ProgressBar.css +1 -1
- package/build/styles/section/Section.css +1 -1
- package/build/styles/slidingPanel/SlidingPanel.css +1 -1
- package/build/styles/snackbar/Snackbar.css +1 -1
- package/build/styles/stepper/Stepper.css +1 -1
- package/build/styles/summary/Summary.css +1 -1
- package/build/styles/switch/Switch.css +1 -1
- package/build/styles/tabs/Tabs.css +1 -1
- package/build/styles/tile/Tile.css +1 -1
- package/build/styles/tooltip/Tooltip.css +1 -1
- package/build/styles/typeahead/Typeahead.css +1 -1
- package/build/styles/typeahead/typeaheadOption/TypeaheadOption.css +1 -1
- package/build/styles/uploadInput/uploadButton/UploadButton.css +1 -1
- package/build/styles/uploadInput/uploadItem/UploadItem.css +1 -1
- package/build/types/common/historyNavigator/historyNavigator.d.ts +2 -2
- package/build/types/common/hooks/useConditionalListener/useConditionalListener.d.ts +1 -1
- package/build/types/dateLookup/tableLink/TableLink.d.ts +1 -0
- package/build/types/dateLookup/yearCalendar/YearCalendar.d.ts +1 -0
- package/build/types/modal/Modal.story.d.ts +1 -1
- package/build/types/tooltip/Tooltip.story.d.ts +1 -1
- package/build/types/typeahead/typeaheadInput/TypeaheadInput.d.ts +6 -0
- package/build/types/upload/steps/uploadImageStep/uploadImageStep.d.ts +1 -0
- package/build/types/utilities/deprecatedProperty/deprecatedProperty.d.ts +2 -2
- package/build/types/withDisplayFormat/WithDisplayFormat.d.ts +9 -0
- package/build/umd/no-polyfill/main.js +1 -1
- package/build/umd/polyfill/main.js +1 -1
- package/package.json +7 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-avatar{
|
|
1
|
+
.tw-avatar{border-radius:50%;box-sizing:border-box;cursor:default;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tw-avatar .tw-avatar__content{align-items:center;background-color:#86a7bd1a;background-color:var(--color-background-neutral,#86a7bd1a);border-radius:50%;color:#37517e;color:var(--color-content-primary,#37517e);display:flex;height:100%;justify-content:center;max-height:100%;max-width:100%;overflow:hidden;width:100%}.tw-avatar--outlined{border:1px solid #00a2dd;border:1px solid var(--color-interactive-accent,#00a2dd);cursor:pointer}.tw-avatar--outlined:not(.disabled,:disabled):hover{border-color:#008fc9;border-color:var(--color-interactive-accent-hover,#008fc9)}.tw-avatar--dark .tw-avatar__content{background-color:#37517e;color:#fff}.tw-avatar--thumbnail *{height:100%;object-fit:cover;width:100%}.tw-avatar--icon *{max-height:100%;max-width:100%}.tw-avatar.tw-avatar--icon,.tw-avatar.tw-avatar--initials{color:#37517e;color:var(--color-content-primary,#37517e)}.tw-avatar.tw-avatar--emoji,.tw-avatar.tw-avatar--initials{font-family:Arial,sans-serif}.tw-avatar--sm{height:24px;min-width:24px;width:24px}.tw-avatar--sm.tw-avatar--emoji,.tw-avatar--sm.tw-avatar--icon{font-size:12px}.tw-avatar--sm.tw-avatar--initials{font-size:8.4px;font-weight:800;font-weight:var(--font-weight-bold,800)}.tw-avatar--sm.tw-avatar--outlined{padding:1px}.tw-avatar--sm.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:1px;left:1px;right:1px;top:1px}.tw-avatar--sm.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay,#0000001a);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--sm.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--md{height:48px;min-width:48px;width:48px}.tw-avatar--md.tw-avatar--emoji,.tw-avatar--md.tw-avatar--icon{font-size:24px}.tw-avatar--md.tw-avatar--initials{font-size:16.8px;font-weight:800;font-weight:var(--font-weight-bold,800)}.tw-avatar--md.tw-avatar--outlined{padding:2px}.tw-avatar--md.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:2px;left:2px;right:2px;top:2px}.tw-avatar--md.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay,#0000001a);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--md.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar--lg{height:72px;min-width:72px;width:72px}.tw-avatar--lg.tw-avatar--emoji,.tw-avatar--lg.tw-avatar--icon{font-size:36px}.tw-avatar--lg.tw-avatar--initials{font-size:25.2px;font-weight:800;font-weight:var(--font-weight-bold,800)}.tw-avatar--lg.tw-avatar--outlined{padding:3px}.tw-avatar--lg.tw-avatar--outlined.tw-avatar--thumbnail:after{bottom:3px;left:3px;right:3px;top:3px}.tw-avatar--lg.tw-avatar--thumbnail:after{border:1px solid #0000001a;border:1px solid var(--color-border-overlay,#0000001a);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tw-avatar--lg.tw-avatar--dark.tw-avatar--thumbnail:after{border-color:hsla(0,0%,100%,.08)}.tw-avatar img{height:100%;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-badge{
|
|
1
|
+
.tw-badge{--badge-size:16px;--badge-mask:2px;--badge-mask-offset:calc(var(--badge-size)/2);--badge-border-color:hsla(0,0%,100%,.08);display:inline-block;position:relative}.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,.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))}[dir=rtl] .tw-badge>.tw-badge__children{-webkit-mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px));mask-image:radial-gradient(circle at top calc(100% - var(--badge-mask-offset)) right calc(100% - var(--badge-mask-offset)),transparent 0,transparent calc(var(--badge-size)/2 + var(--badge-mask)),#000 calc(var(--badge-size)/2 + var(--badge-mask) + .5px))}.tw-badge>.tw-badge__content{align-items:center;border-radius:50%;bottom:0;box-sizing:border-box;display:flex;height:var(--badge-size);justify-content:center;overflow:hidden;position:absolute;right:0;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:var(--badge-size)}[dir=rtl] .tw-badge>.tw-badge__content{left:0;right:auto}.tw-badge>.tw-badge__content *{max-height:100%;max-width:100%}.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-dark__children,.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-light__children,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-dark__children,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-light__children{-webkit-mask-image:none;mask-image:none}.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-dark__content,.tw-badge.tw-badge-border-dark>.tw-badge.tw-badge-border-light__content,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-dark__content,.tw-badge.tw-badge-border-light>.tw-badge.tw-badge-border-light__content{border-color:var(--badge-border-color);border-style:solid inset solid solid;border-width:1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-btn{position:relative}.np-btn.np-btn-block>span.btn-loader{
|
|
1
|
+
.np-btn{position:relative}.np-btn.np-btn-block>span.btn-loader{left:24px;left:var(--size-24,24px);position:absolute}[dir=rtl] .np-btn.np-btn-block>span.btn-loader{left:auto;right:24px;right: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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-card{transition-property:transform,box-shadow;transition-
|
|
1
|
+
.np-card{transition-duration:.35s;transition-property:transform,box-shadow;transition-timing-function:ease}.np-card .media{border:0}.np-card--expanded{background-color:#fff;background-color:var(--color-background-elevated,#fff);box-shadow:0 1px 10px #0000001a;box-shadow:0 1px 10px var(--color-border-neutral,#0000001a)}.np-card--inactive .decision{cursor:default}@media (min-width:480px){.np-card--has-icon .np-card__content{padding:24px 72px;padding:var(--size-24,24px) var(--size-72,72px)}.np-card--has-icon .np-card__divider--expanded{margin:0 72px;margin:0 var(--size-72,72px)}}.np-card__button{background-color:transparent;text-align:left;width:100%}[dir=rtl] .np-card__button{text-align:right}.np-card__content{padding:24px 16px;padding:var(--size-24,24px) var(--size-16,16px)}.np-card__divider{transition:margin .35s ease}.np-card__divider--expanded{background-color:#0000001a;background-color:var(--color-border-neutral,#0000001a);height:1px;margin:0 16px;margin:0 var(--size-16,16px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-checkbox-button input[type=checkbox]{
|
|
1
|
+
.np-checkbox-button input[type=checkbox]{height:24px;height:var(--size-24,24px);opacity:0;position:absolute;width:24px;width:var(--size-24,24px)}.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]{left:0;margin:0;top:0}[dir=rtl] .checkbox .np-checkbox-button input[type=checkbox]{left:auto;right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-chip{color:#5d7079;color:var(--color-content-secondary,#5d7079);
|
|
1
|
+
.np-chip{background-color:transparent;border:1px solid #0000001a;border:1px solid var(--color-border-neutral,#0000001a);border-radius:16px;border-radius:var(--size-16,16px);color:#5d7079;color:var(--color-content-secondary,#5d7079);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);transition:color .15s ease-in-out,border-color .15s ease-in-out,background-color .15s ease-in-out}[dir=rtl] .np-chip{margin-left:8px;margin-left:var(--size-8,8px);margin-right:0}.np-chip .np-chip-label{padding-top:2px}.np-chip .np-close-button{color:#5d7079;color:var(--color-content-secondary,#5d7079);opacity:1;pointer-events:auto;transition:opacity .15s ease-in-out}.np-chip .np-close-button:focus,.np-chip .np-close-button:hover{color:#fff;opacity:.85}.np-chip:last-child{margin-right:0}[dir=rtl] .np-chip:last-child{margin-left:0;margin-right:0}.np-chip:hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral,#86a7bd1a)}.np-chip:active{background-color:#0081ba;background-color:var(--color-interactive-accent-active,#0081ba);border-color:#0081ba;border-color:var(--color-interactive-accent-active,#0081ba);color:#fff}.np-chip--selected{background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd);border-color:#00a2dd;border-color:var(--color-interactive-accent,#00a2dd);color:#fff;pointer-events:none}.np-chip--selected:active,.np-chip--selected:hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover,#008fc9);border-color:#008fc9;border-color:var(--color-interactive-accent-hover,#008fc9);color:#fff}.np-chip--selected .np-close-button{color:#fff}.np-chip.has-error{background:#e74848;background:var(--color-interactive-negative,#e74848);color:#fff}.np-chip.has-error .np-close-button{color:#fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-circular-btn{display:inline-flex;flex-direction:column;
|
|
1
|
+
.np-circular-btn{align-items:center;cursor:pointer;display:inline-flex;flex-direction:column;position:relative;text-align:center}.np-circular-btn input[type=button]{border-radius:50%;height:40px;height:var(--size-40,40px);margin-bottom:8px;margin-bottom:var(--size-8,8px);min-height:40px;min-height:var(--size-40,40px);padding:0;width:40px;width:var(--size-40,40px)}.np-circular-btn .tw-icon{color:#fff;left:0;pointer-events:none;position:absolute;top:8px;transition:color .15s ease-in-out;width:100%}[dir=rtl] .np-circular-btn .tw-icon{left:auto;right:0}.np-circular-btn .tw-icon>svg{margin:0 auto}.np-circular-btn__label{font-family:inherit;font-weight:600;font-weight:var(--font-weight-semi-bold,600);transition:color .15s ease-in-out}.np-circular-btn.accent .np-circular-btn__label{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd)}.np-circular-btn.accent input[type=button]:focus~.np-circular-btn__label,.np-circular-btn.accent:hover .np-circular-btn__label{color:#008fc9;color:var(--color-interactive-accent-hover,#008fc9)}.np-circular-btn.accent input[type=button]:active~.np-circular-btn__label,.np-circular-btn.accent:active .np-circular-btn__label{color:#0081ba;color:var(--color-interactive-accent-active,#0081ba)}.np-circular-btn.accent.secondary .tw-icon{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd)}.np-circular-btn.accent.secondary input[type=button]:focus+.tw-icon,.np-circular-btn.accent.secondary:active input[type=button]+.tw-icon,.np-circular-btn.accent.secondary:hover .tw-icon{color:#fff}.np-circular-btn.positive .np-circular-btn__label{color:#2ead4b;color:var(--color-interactive-positive,#2ead4b)}.np-circular-btn.positive input[type=button]:focus~.np-circular-btn__label,.np-circular-btn.positive:hover .np-circular-btn__label{color:#069939;color:var(--color-interactive-positive-hover,#069939)}.np-circular-btn.positive input[type=button]:active~.np-circular-btn__label,.np-circular-btn.positive:active .np-circular-btn__label{color:#008b2b;color:var(--color-interactive-positive-active,#008b2b)}.np-circular-btn.positive.secondary .tw-icon{color:#2ead4b;color:var(--color-interactive-positive,#2ead4b)}.np-circular-btn.positive.secondary input[type=button]:focus+.tw-icon,.np-circular-btn.positive.secondary:active input[type=button]+.tw-icon,.np-circular-btn.positive.secondary:hover .tw-icon{color:#fff}.np-circular-btn.negative .np-circular-btn__label{color:#e74848;color:var(--color-interactive-negative,#e74848)}.np-circular-btn.negative input[type=button]:focus~.np-circular-btn__label,.np-circular-btn.negative:hover .np-circular-btn__label{color:#d03238;color:var(--color-interactive-negative-hover,#d03238)}.np-circular-btn.negative input[type=button]:active~.np-circular-btn__label,.np-circular-btn.negative:active .np-circular-btn__label{color:#bf1e2c;color:var(--color-interactive-negative-active,#bf1e2c)}.np-circular-btn.negative.secondary .tw-icon{color:#e74848;color:var(--color-interactive-negative,#e74848)}.np-circular-btn.negative.secondary input[type=button]:focus+.tw-icon,.np-circular-btn.negative.secondary:active input[type=button]+.tw-icon,.np-circular-btn.negative.secondary:hover .tw-icon{color:#fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-option .circle-sm{
|
|
1
|
+
.np-option .circle-sm{height:40px;height:var(--size-40,40px);line-height:40px;line-height:var(--size-40,40px);width:40px;width:var(--size-40,40px)}.np-option__sm-media.decision .media-left{display:block}.np-option__no-media-circle{display:flex;justify-content:center;width:64px;width:var(--size-64,64px)}.np-option__no-media-circle>*{max-height:76px}button.np-option{background-color:transparent;text-align:left;width:100%}[dir=rtl] button.np-option{text-align:right}button.np-option:focus:not(:focus-visible){outline:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.radio:hover{border-color
|
|
1
|
+
.radio:hover{border-color:#0000001a;border-color:var(--color-border-neutral,#0000001a)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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;
|
|
1
|
+
.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{align-items:center;cursor:grab;display:flex;flex-direction:column;padding:8px 0 20px}.np-bottom-sheet--top-bar--shadow{box-shadow:0 4px 40px rgba(34,48,73,.2)}.np-bottom-sheet--handler{background:#c9cbce;background:var(--color-interactive-secondary,#c9cbce);border-radius:3px;border-radius:var(--radius-small,3px);height:4px;width:40px}.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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-close-button{
|
|
1
|
+
.np-close-button{background:none;border:none;color:#00a2dd;color:var(--color-interactive-accent,#00a2dd);height:16px;height:var(--size-16,16px);padding:0;transition:color .15s ease-in-out}.np-close-button--large{height:24px;height:var(--size-24,24px)}.np-close-button:hover{color:#008fc9;color:var(--color-interactive-accent-hover,#008fc9)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-panel__content{
|
|
1
|
+
.np-panel__content{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);opacity:0;transition:opacity .1s cubic-bezier(.6,.2,.1,1),transform .1s cubic-bezier(.6,.2,.1,1),visibility 0s linear .1s;visibility:hidden}.np-panel--open .np-panel__content{opacity:1;transform:none!important;transition:opacity .1s cubic-bezier(.6,.2,.1,1),transform .1s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible}.np-panel__arrow,.np-panel__arrow:before{height:14px;position:absolute;width:14px}.np-panel__arrow:before{background:#fff;background:var(--color-background-elevated,#fff);content:"";left:0;transform:rotate(45deg)}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-date-lookup-menu{min-width:320px}.tw-date-lookup-calendar{min-width:300px;text-align:center
|
|
1
|
+
.tw-date-lookup-menu{min-width:320px}.tw-date-lookup-calendar{min-width:300px;table-layout:fixed;text-align:center}.tw-date-lookup-calendar>tbody>tr>td{padding:4px;padding:var(--size-4,4px)}.tw-date-lookup-calendar>tbody>tr>td button{background-color:transparent;border:transparent;border-radius:3px;color:#0097c7;color:var(--color-content-accent,#0097c7);font-weight:600;font-weight:var(--font-weight-semi-bold,600);padding:4px 0;padding:var(--size-4,4px) 0;width:100%}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled).active{background-color:#0081ba;background-color:var(--color-interactive-accent-active,#0081ba);color:#fff}.tw-date-lookup-calendar>tbody>tr>td button:not(.disabled,:disabled):hover{background-color:#008fc9;background-color:var(--color-interactive-accent-hover,#008fc9);color:#fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-date-trigger.dropdown-toggle{overflow:visible!important}.np-date-trigger.dropdown-toggle.btn{display:flex}.np-date-trigger .clear-btn{
|
|
1
|
+
.np-date-trigger.dropdown-toggle{overflow:visible!important}.np-date-trigger.dropdown-toggle.btn{display:flex}.np-date-trigger .clear-btn{color:#c9cbce;color:var(--color-interactive-secondary,#c9cbce);height:100%;padding:0 16px;padding:0 var(--size-16,16px);position:absolute;right:0;top:0;transition:color .15s ease-in-out}[dir=rtl] .np-date-trigger .clear-btn{left:0;right:auto}.np-date-trigger .clear-btn:not(.disabled,:disabled):focus,.np-date-trigger .clear-btn:not(.disabled,:disabled):hover{color:#d03238;color:var(--color-interactive-negative-hover,#d03238)}.np-date-trigger .clear-btn:not(.disabled,:disabled):active{color:#bf1e2c;color:var(--color-interactive-negative-active,#bf1e2c)}.np-date-trigger.btn .clear-btn .tw-icon{position:static}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-decision__tile--small+.np-decision__tile--small{margin-left:16px;margin-left:var(--size-16,16px)}[dir=rtl] .np-decision__tile--small+.np-decision__tile--small{margin-right:16px;margin-right:var(--size-16,16px)
|
|
1
|
+
.np-decision__tile--small+.np-decision__tile--small{margin-left:16px;margin-left:var(--size-16,16px)}[dir=rtl] .np-decision__tile--small+.np-decision__tile--small{margin-left:0;margin-right:16px;margin-right:var(--size-16,16px)}.np-decision.np-decision--grid .np-decision__tile--small{margin-bottom:16px!important;margin-bottom:var(--size-16,16px)!important;margin-left:0}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile--small{margin-left:0;margin-right:0}.np-decision.np-decision--grid .np-decision__tile--small:not(:last-of-type){margin-right:16px;margin-right:var(--size-16,16px)}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile--small:not(:last-of-type){margin-left:16px;margin-left:var(--size-16,16px);margin-right:0}.np-decision__tile+.np-decision__tile{margin-left:24px;margin-left:var(--size-24,24px)}[dir=rtl] .np-decision__tile+.np-decision__tile{margin-left:0;margin-right:24px;margin-right:var(--size-24,24px)}.np-decision.np-decision--grid .np-decision__tile{margin-bottom:24px!important;margin-bottom:var(--size-24,24px)!important;margin-left:0}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile{margin-left:0;margin-right:0}.np-decision.np-decision--grid .np-decision__tile:not(:last-of-type){margin-right:24px;margin-right:var(--size-24,24px)}[dir=rtl] .np-decision.np-decision--grid .np-decision__tile:not(:last-of-type){margin-left:24px;margin-left:var(--size-24,24px);margin-right:0}.np-decision.np-decision--grid .np-size-swapper{margin-right:-24px;margin-right:calc(0 - var(--size-24, 24px))}[dir=rtl] .np-decision.np-decision--grid .np-size-swapper{margin-left:-24px;margin-left:calc(0 - var(--size-24, 24px));margin-right:0}.np-decision.np-decision--grid.np-decision--small .np-size-swapper{margin-right:-16px;margin-right:calc(0 - var(--size-16, 16px))}[dir=rtl] .np-decision.np-decision--grid.np-decision--small .np-size-swapper{margin-left:-16px;margin-left:calc(0 - var(--size-16, 16px));margin-right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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;
|
|
1
|
+
.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;margin-right:8px;margin-right:var(--size-8,8px);max-width:30%;min-width:150px}[dir=rtl] .tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dt{margin-left:8px;margin-left:var(--size-8,8px);margin-right:0}.tw-definition-list.tw-definition-list--horizontal .tw-definition-list__item dd{flex:1;margin-bottom:8px;margin-bottom:var(--size-8,8px)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.no-scroll{overflow:hidden}.dimmer{
|
|
1
|
+
.no-scroll{overflow:hidden}.dimmer{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;transition:background-color .35s cubic-bezier(0,.94,.62,1);width:100%;z-index:1050}.dimmer--scrollable{overflow-y:auto}.dimmer .np-focus-boundary{pointer-events:none}.dimmer .np-focus-boundary>*{pointer-events:all}[dir=rtl] .dimmer{left:0;left:auto;right:auto;right:0}.dimmer.dimmer--enter-done{background:rgba(0,0,0,.4)}.dimmer.dimmer--enter-done.dimmer--transparent{background:transparent}.dimmer.dimmer--enter-done.dimmer--enter-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit-fade>*{transition:opacity .35s cubic-bezier(0,.94,.62,1)}.dimmer.dimmer--exit-fade>*{opacity:1}.dimmer.dimmer--enter-fade>*,.dimmer.dimmer--exit.dimmer--exit-fade>*{opacity:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-drawer{display:flex;flex-direction:column;justify-content:space-between;
|
|
1
|
+
.np-drawer{display:flex;flex-direction:column;height:100vh;justify-content:space-between;max-height:100vh;max-height:-webkit-fill-available;max-width:600px;width:100vw}.np-drawer .np-drawer-header{align-items:center;display:flex;flex-wrap:nowrap;min-height:56px;min-height:var(--size-56,56px);padding:24px 16px;padding:var(--size-24,24px) var(--size-16,16px)}.np-drawer .np-drawer-header.np-drawer-header--withborder{box-shadow:inset 0 -1px 0 0 #e2e6e8}.np-drawer .np-drawer-header .tw-icon{fill:#00b9ff;cursor:pointer;display:block}.np-drawer .np-drawer-content{flex:1;overflow-y:auto}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:16px;padding:var(--size-16,16px)}.np-drawer .np-drawer-footer{box-shadow:inset 0 1px 0 0 #e2e6e8}.np-drawer .np-drawer-header--title{font-size:1.25rem;font-size:var(--font-size-20,1.25rem);line-height:1.2;line-height:var(--line-height-title,1.2);margin-bottom:-2px;margin-left:16px;margin-left:var(--size-16,16px)}[dir=rtl] .np-drawer .np-drawer-header--title{margin-left:0;margin-right:16px;margin-right:var(--size-16,16px)}@media (min-width:768px){.np-drawer .np-drawer-header{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.np-drawer .np-drawer-content,.np-drawer .np-drawer-footer{padding:24px;padding:var(--size-24,24px)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-dropfade,.np-dropfade-enter{opacity:0;overflow:hidden
|
|
1
|
+
.np-dropfade,.np-dropfade-enter{height:0;opacity:0;overflow:hidden}.np-dropfade-enter-active{opacity:1;transition:height .15s ease-in,opacity .15s ease-in .15s}.np-dropfade-enter-done,.np-dropfade-exit{height:auto;opacity:1}.np-dropfade-exit-active{opacity:0;transition:opacity .15s ease-in,height .15s ease-in .15s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.formatted-value__h3-custom-alignment{margin-bottom:16px;margin-bottom:var(--size-16,16px)
|
|
1
|
+
.formatted-value__h3-custom-alignment{line-height:24px;margin-bottom:16px;margin-bottom:var(--size-16,16px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.emphasis{font-weight:600;font-weight:var(--font-weight-semi-bold,600)
|
|
1
|
+
.emphasis{font-style:normal;font-weight:600;font-weight:var(--font-weight-semi-bold,600)}.emphasis--important{color:#37517e;color:var(--color-content-primary,#37517e)}.emphasis--positive{color:#008026;color:var(--color-content-positive,#008026)}.emphasis--negative{color:#cf2929;color:var(--color-content-negative,#cf2929)}.emphasis--warning{color:#9a6500;color:var(--color-content-warning,#9a6500)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-flow-navigation{
|
|
1
|
+
.np-flow-navigation{min-height:97px;width:100%}.np-flow-navigation--border-bottom{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral,#0000001a);min-height:96px}.np-flow-navigation__content{max-width:1164px;min-width:320px;width:100%}.np-flow-navigation__stepper{padding-bottom:0!important}[dir=rtl] .np-flow-navigation__stepper{padding-right:0!important}[dir=rtl] .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation__stepper{padding-left:0!important}html:not([dir=rtl]) .np-flow-navigation__stepper{padding-right:0!important}.np-flow-navigation--xs-max .np-flow-navigation__stepper .tw-stepper-steps{display:none}.np-flow-navigation--xs-max .np-flow-navigation__stepper .progress{margin-bottom:0!important}.np-flow-navigation--xs-max .np-animated-label{height:auto}.np-flow-navigation--sm .np-flow-navigation__stepper{min-height:56px}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important}[dir=rtl] .np-flow-navigation--sm .np-flow-navigation__stepper,html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-left:24px!important}html:not([dir=rtl]) .np-flow-navigation--sm .np-flow-navigation__stepper{padding-right:24px!important}.np-flow-navigation--lg .np-flow-navigation__stepper{max-width:562px}.np-flow-navigation--lg .np-flow-header__left,.np-flow-navigation--lg .np-flow-header__right{justify-content:center;width:180px}.np-flow-navigation .separator{background-color:#0000001a;background-color:var(--color-border-neutral,#0000001a);height:32px;height:var(--size-32,32px);min-width:1px;width:1px}[dir=rtl] .np-flow-navigation .separator{margin-right:16px!important}[dir=rtl] .np-flow-navigation .separator,html:not([dir=rtl]) .np-flow-navigation .separator{margin-left:16px!important}html:not([dir=rtl]) .np-flow-navigation .separator{margin-right:16px!important}.np-flow-navigation--hidden{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-animated-label{
|
|
1
|
+
.np-animated-label{font-weight:600;font-weight:var(--font-weight-semi-bold,600);height:24px;overflow:hidden;padding-top:1px;position:relative}.np-animated-label>*{height:0;opacity:0;position:absolute;transform:translateX(-8px);transition:all .3s ease-in}.np-animated-label--in{height:auto;opacity:1;position:relative;top:auto;transform:translateX(0);transition:all .3s ease-in .3s}.np-animated-label--out{position:relative;top:-24px;transform:translateX(8px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-header{
|
|
1
|
+
.np-header{align-items:center;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral,#0000001a);display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--size-8,8px);max-width:100%;padding:16px 0;padding:var(--size-16,16px) 0}.np-header__title{color:#5d7079;color:var(--color-content-secondary,#5d7079)}.np-header__action{min-height:0;padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-image{max-width:none;
|
|
1
|
+
.tw-image{max-width:none;min-width:-webkit-min-content;min-width:min-content;width:auto}.tw-image__shrink{max-width:100%;min-width:auto}.tw-image__stretch{width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-info{height:16px}.np-info [data-toggle=popover]:not(.btn),.np-info button{height:16px;overflow:hidden
|
|
1
|
+
.np-info{height:16px}.np-info [data-toggle=popover]:not(.btn),.np-info button{display:inline-block;height:16px;overflow:hidden}.np-info__large{height:24px}.np-info__large [data-toggle=popover]:not(.btn),.np-info__large button{display:inline-block;height:24px}.np-info .tw-icon{color:#0097c7;color:var(--color-content-accent,#0097c7);cursor:pointer;display:inline-block}.np-info [data-toggle=popover]:not(.btn){border-bottom:none!important}.np-info [data-toggle=popover]:not(.btn):focus{outline:revert}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mobileNav{
|
|
1
|
+
.mobileNav{background:#fff;background:var(--color-background-screen,#fff);border-top:1px solid #0000001a;border-top:1px solid var(--color-border-neutral,#0000001a);bottom:0;display:flex;height:48px;justify-content:center;left:0;margin-top:21px;position:fixed;right:0;transition:transform .08s linear .12s;width:100%;z-index:8}[dir=rtl] .mobileNav{left:auto;left:0;right:0;right:auto}@supports (transform:translate3d(0,calc(env(safe-area-inset-bottom) * -1),0)){.mobileNav{transform:translate3d(0,calc(env(safe-area-inset-bottom)*-1),0)}}.mobileNav:after{background:#fff;background:var(--color-background-screen,#fff);content:"";display:block;height:150px;left:0;position:absolute;right:0;top:47px;width:100%;z-index:0}[dir=rtl] .mobileNav:after{left:auto;left:0;right:0;right:auto}@media (min-width:769px){.mobileNav{display:none}}.mobileNav--with-open-in-app-banner{transform:translate3d(0,-44px,0)}@supports (transform:translate3d(0,calc(-44px + env(safe-area-inset-bottom) * -1),0)){.mobileNav--with-open-in-app-banner{transform:translate3d(0,calc(-44px + env(safe-area-inset-bottom)*-1),0)}}.mobileNav__items{display:flex;flex:0 1 414px;justify-content:center;list-style-type:none;margin:0;padding:0;z-index:1}[dir=rtl] .mobileNav__items{padding:0}.mobileNavItem{align-items:center;background:#fff;background:var(--color-background-screen,#fff);display:flex;flex:0 1 82px;justify-content:center}.mobileNavItem.mobileNavItem--active .mobileNavItem__link{color:#0097c7;color:var(--color-content-accent,#0097c7)}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link{box-sizing:border-box}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:before{background:#fff;background:var(--color-background-screen,#fff);border:1px solid #0000001a;border:1px solid var(--color-border-neutral,#0000001a);border-bottom:0;border-radius:24px 24px 0 0;box-sizing:content-box;content:"";height:24px;left:0;min-height:24px;position:relative;top:-23px;width:48px}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:before{left:auto;right:0}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:after{background:#fff;background:var(--color-background-screen,#fff);content:"";height:6px;left:0;position:absolute;top:0;width:100%}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__link:after{left:auto;right:0}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon{color:#fff;color:var(--color-background-screen,#fff);margin:-45px 0 0;padding:10px;z-index:2}.mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon:before{background:#2ead4b;background:var(--color-interactive-positive,#2ead4b);border-radius:50%;content:"";display:block;height:40px;left:calc(50% - 20px);position:absolute;top:-13px;width:40px;z-index:1}[dir=rtl] .mobileNavItem.mobileNavItem--call-to-action .mobileNavItem__icon:before{left:auto;right:calc(50% - 20px)}.mobileNavItem.mobileNavItem--call-to-action:hover .mobileNavItem__icon:before{background:#069939;background:var(--color-interactive-positive-hover,#069939)}.mobileNavItem__icon{align-items:center;display:flex;justify-content:center;width:100%}.mobileNavItem__icon .tw-icon{position:relative;z-index:2}.mobileNavItem__link{align-items:center;color:#37517e;color:var(--color-content-primary,#37517e);display:flex;flex:0 0 100%;flex-direction:column;justify-content:center;padding-top:5px;position:relative;text-decoration:none}.mobileNavItem__label{display:inline-block;flex:0 0 auto;font-family:Averta,Avenir W02,Avenir,Helvetica,Arial,sans-serif;font-family:var(--font-family-regular,Averta,,,Avenir,W02,,,Avenir,,,Helvetica,,,Arial,,,sans-serif);font-size:10px;font-style:normal;font-weight:400;letter-spacing:.24px;line-height:16px;padding-top:2px;text-align:center;width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-pagination{display:inline-block;
|
|
1
|
+
.tw-pagination{display:inline-block;margin-bottom:24px;margin-bottom:var(--size-24,24px);padding-left:0}[dir=rtl] .tw-pagination{padding-left:0;padding-right:0}.tw-pagination li{display:inline}.tw-pagination li:first-child>a{margin-left:0}[dir=rtl] .tw-pagination li:first-child>a{margin-left:0;margin-right:0}.tw-pagination li:last-child>a{margin-right:0}[dir=rtl] .tw-pagination li:last-child>a{margin-left:0;margin-right:0}.tw-pagination a{border-radius:50%;color:#37517e;color:var(--color-content-primary,#37517e);float:left;font-weight:400;line-height:48px;line-height:var(--size-48,48px);margin:0 4px;margin:0 var(--size-4,4px);text-align:center;text-decoration:none;width:48px;width:var(--size-48,48px)}[dir=rtl] .tw-pagination a{float:right}.tw-pagination a:not(.disabled,:disabled).active,.tw-pagination a:not(.disabled,:disabled):focus,.tw-pagination a:not(.disabled,:disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral,#86a7bd1a)}.tw-pagination a:not(.disabled,:disabled).active{cursor:not-allowed;font-weight:800;font-weight:var(--font-weight-bold,800)}.tw-pagination svg{margin:16px;margin:var(--size-16,16px)}[dir=rtl] .tw-pagination svg{transform:rotate(180deg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.np-link .tw-icon{margin-left:4px;margin-left:var(--size-4,4px)}[dir=rtl] .np-link .tw-icon{margin-right:4px;margin-right:var(--size-4,4px)
|
|
1
|
+
.np-link .tw-icon{margin-left:4px;margin-left:var(--size-4,4px)}[dir=rtl] .np-link .tw-icon{margin-left:0;margin-right:4px;margin-right:var(--size-4,4px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-loader{
|
|
1
|
+
.tw-loader{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;overflow:hidden;transform:translateZ(0)}.tw-loader.tw-loader--xs{height:24px;width:24px}.tw-loader.tw-loader--sm{height:48px;width:48px}.tw-loader.tw-loader--md{height:72px;width:72px}.tw-loader.tw-loader--lg{height:96px;width:96px}.tw-loader.tw-loader--xl{height:128px;width:128px}.tw-loader__stripe{background-color:#00a2dd;background-color:var(--color-interactive-accent,#00a2dd);height:11%;margin:7.5% 0;position:relative;width:100%}.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)}}
|