@seamly/web-ui 20.0.0-beta.3 → 20.0.0-beta.4

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.
Files changed (66) hide show
  1. package/build/dist/lib/components.js +1 -1
  2. package/build/dist/lib/components.min.js +1 -1
  3. package/build/dist/lib/deprecated-view.css +1 -0
  4. package/build/dist/lib/deprecated-view.js +1 -0
  5. package/build/dist/lib/index.debug.js +75 -52
  6. package/build/dist/lib/index.debug.min.js +1 -1
  7. package/build/dist/lib/index.debug.min.js.LICENSE.txt +20 -12
  8. package/build/dist/lib/index.js +14465 -13888
  9. package/build/dist/lib/index.min.js +1 -1
  10. package/build/dist/lib/index.min.js.LICENSE.txt +5 -0
  11. package/build/dist/lib/standalone.js +19693 -19678
  12. package/build/dist/lib/standalone.min.js +1 -1
  13. package/build/dist/lib/style-guide.js +68 -26
  14. package/build/dist/lib/style-guide.min.js +1 -1
  15. package/build/dist/lib/styles-default-implementation.css +1 -0
  16. package/build/dist/lib/styles-default-implementation.js +1 -0
  17. package/build/dist/lib/styles.css +1 -1
  18. package/package.json +8 -7
  19. package/src/javascripts/domains/translations/components/options-button.js +1 -1
  20. package/src/javascripts/index.js +2 -2
  21. package/src/javascripts/lib/parse-body.js +1 -1
  22. package/src/javascripts/package/components.js +1 -1
  23. package/src/javascripts/style-guide/components/view.js +1 -0
  24. package/src/javascripts/style-guide/states.js +48 -6
  25. package/src/javascripts/ui/components/app-options/index.js +9 -3
  26. package/src/javascripts/ui/components/conversation/conversation.js +1 -1
  27. package/src/javascripts/ui/components/conversation/event/carousel-message/index.js +3 -1
  28. package/src/javascripts/ui/components/conversation/event/conversation-suggestions.js +12 -3
  29. package/src/javascripts/ui/components/conversation/event/hooks/use-text-rendering.js +35 -0
  30. package/src/javascripts/ui/components/conversation/event/participant.js +5 -2
  31. package/src/javascripts/ui/components/conversation/event/splash.js +2 -1
  32. package/src/javascripts/ui/components/conversation/event/text.js +2 -1
  33. package/src/javascripts/ui/components/entry/{toggle-button.js → deprecated-toggle-button.js} +0 -0
  34. package/src/javascripts/ui/components/entry/entry-container.js +1 -1
  35. package/src/javascripts/ui/components/layout/chat-frame.js +1 -1
  36. package/src/javascripts/ui/components/layout/{app-frame.js → chat.js} +10 -41
  37. package/src/javascripts/ui/components/layout/deprecated-app-frame.js +1 -8
  38. package/src/javascripts/ui/components/layout/header.js +1 -1
  39. package/src/javascripts/ui/components/options/options-button.js +2 -2
  40. package/src/javascripts/ui/components/suggestions/index.js +2 -2
  41. package/src/javascripts/ui/components/view/app-view.js +3 -3
  42. package/src/javascripts/ui/components/view/deprecated-view.js +2 -2
  43. package/src/javascripts/ui/components/view/index.js +61 -5
  44. package/src/javascripts/ui/components/view/inline-view.js +9 -3
  45. package/src/javascripts/ui/components/view/window-view/index.js +3 -3
  46. package/src/stylesheets/1-settings/_config.scss +6 -6
  47. package/src/stylesheets/{3-app/_app.scss → 3-chat/_chat.scss} +27 -25
  48. package/src/stylesheets/5-components/_conversation.scss +2 -2
  49. package/src/stylesheets/5-components/_disclaimer.scss +1 -1
  50. package/src/stylesheets/5-components/_message-count.scss +1 -0
  51. package/src/stylesheets/5-components/_modal.scss +2 -2
  52. package/src/stylesheets/5-components/_options.scss +8 -8
  53. package/src/stylesheets/5-components/_pre-chat-messages.scss +6 -2
  54. package/src/stylesheets/5-components/_suggestions.scss +12 -6
  55. package/src/stylesheets/5-components/_unstarted.scss +14 -8
  56. package/src/stylesheets/6-default-implementation/_hover.scss +153 -0
  57. package/src/stylesheets/{6-webui-only → 6-default-implementation}/_scrollbar.scss +1 -1
  58. package/src/stylesheets/7-deprecated/3-app/_app.scss +8 -8
  59. package/src/stylesheets/7-deprecated/5-components/_options.scss +8 -8
  60. package/src/stylesheets/styles-default-implementation.scss +3 -0
  61. package/src/stylesheets/styles.scss +8 -9
  62. package/webpack/config.package.js +9 -1
  63. package/webpack/defaults.js +3 -6
  64. package/src/javascripts/ui/components/layout/modal-wrapper.js +0 -0
  65. package/src/stylesheets/6-webui-only/_hover.scss +0 -151
  66. package/src/stylesheets/styles-webui-only.scss +0 -3
package/build/dist/lib/styles.css CHANGED
@@ -1 +1 @@
1
- @-webkit-keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@-webkit-keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}.cvco-app{display:flex;flex-direction:column;transform-origin:100% 100%;transition:margin .3s ease,height .3s ease,transform .3s ease,opacity .3s ease;outline:0;color:#3d4166;font-family:arial,helvetica,sans-serif;font-size:12px}.cvco-app,.cvco-app *,.cvco-app :after,.cvco-app :before{box-sizing:border-box}.cvco-app--layout-inline{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;background-color:initial;box-shadow:none}@media(min-width:641px){.cvco-app--layout-inline{flex-direction:row}}.cvco-app--layout-inline.cvco-app--collapsed .cvco-app-wrapper{height:auto}.cvco-app--layout-inline.cvco-app--user-responded,.cvco-app--layout-inline.cvco-app--user-responded .cvco-app-wrapper{transition:none}.cvco-app--layout-window{max-width:calc(100vw - 40px);max-height:calc(85vh - 40px);display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:360px;max-width:calc(100% - 40px);height:720px;transform:scale(0);opacity:0}@media(min-width:641px){.cvco-app--layout-window{max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app--layout-window{max-height:calc(90vh - 40px)}}}@media(min-width:1025px){.cvco-app--layout-window{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app--layout-window{max-height:calc(90vh - 40px)}}}.cvco-app--layout-window.cvco-transition--visible{display:flex}.cvco-app--layout-window.cvco-transition--in{transform:scale(1);opacity:1}.cvco-app--layout-app{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%}.cvco-app-wrapper{display:flex;position:relative;z-index:1;flex-direction:column;width:100%;height:100%;overflow:hidden;transition:flex .3s ease,width .3s ease,height .3s ease,border-radius .3s ease;border:1px solid #a3b4bf;border-radius:10px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app--layout-app .cvco-app-wrapper{border:0;border-radius:0}.cvco-app--layout-inline .cvco-app-wrapper{width:100%;height:0}@media(min-width:641px)and (max-width:1023px){.cvco-app--layout-inline .cvco-app-wrapper{flex:0 0 100%}.cvco-app--layout-inline .cvco-app-wrapper:not(:only-child){flex:0 0 50%;width:50%}}@media(min-width:1025px){.cvco-app--layout-inline .cvco-app-wrapper{flex:0 0 67%;width:67%}}.cvco-app--layout-inline.cvco-transition--in .cvco-app-wrapper{height:640px;max-height:90vh}.cvco-app__container{display:flex;position:relative;flex-direction:column;width:100%;height:100%}.cvco-app__body{display:flex;position:relative;flex-grow:4;padding:0;overflow-y:auto}.cvco-app--layout-window .cvco-app__body{overscroll-behavior:contain}.cvco-app__entry{position:relative;flex:0 0 auto;padding:10px;border-top:1px solid #dee3e5}.cvco-app__entry .cvco-entry__body--hidden{display:none}.cvco-app--layout-inline.cvco-app--collapsed .cvco-app__entry{border:0}.cvco-entry__body{display:flex;align-items:center}.cvco-button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:14px;text-align:left;cursor:pointer}.cvco-button span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-button--primary{min-height:40px;padding:10px 15px;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-button--secondary{padding:10px 15px;color:#4a48c1;font-weight:700}.cvco-button--tertiary{padding:2px 5px;border-radius:5px;background-color:transparent;background-color:initial;color:#fff;font-size:12px;font-weight:700}.cvco-button--disabled{color:#5e727b;cursor:auto}.cvco-button__state{display:inline-block;margin:-3px -3px -3px 3px;padding:3px 5px;border-radius:5px;background-color:#eff3f6;color:inherit}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-input__checkbox{margin-right:10px}.cvco-app .cvco-input__checkbox:disabled{opacity:.5}.cvco-app .cvco-label{display:block;margin-bottom:5px;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app .cvco-input__checkbox:disabled+.cvco-label{opacity:.5}.cvco-app .cvco-input__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;padding:10px;border:1px solid #dee3e5;border-radius:5px;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzRBNDhDMSIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:right 10px top 50%;background-size:15px auto;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__select:disabled{border:1px solid #a3b4bf;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");color:#a3b4bf}.cvco-app .cvco-avatar{display:block;position:relative;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:5px}.cvco-app .cvco-avatar>.cvco-icon,.cvco-app .cvco-avatar__graphic{display:block}.cvco-app .cvco-conversation__message+.cvco-avatar{align-self:flex-end;margin-left:10px}.cvco-app .cvco-choice-prompt{display:flex;flex-direction:column;padding:0}.cvco-app .cvco-choice-prompt__item{display:block;width:100%;margin-top:5px;margin-left:0}.cvco-app .cvco-choice-prompt__item:first-child{margin-top:0}.cvco-app .cvco-choice-prompt__item .cvco-button{display:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{padding:5px 0;background-color:transparent;background-color:initial;color:#4a48c1}.cvco-app .cvco-button--choose-again{display:flex;align-items:center;margin:5px 0 10px;padding:0}.cvco-app .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app .cvco-button--choose-again .cvco-icon{display:flex;flex:0 0 8px;align-items:center;justify-content:center;width:8px;height:8px;margin:0 10px;transform-origin:50% 50%;transition:transform .3s ease}.cvco-app .cvco-button--choose-again .cvco-icon path{fill:currentColor}.cvco-app .cvco-button--choose-again[aria-expanded=true] .cvco-icon{transform:rotate(180deg)}.cvco-app .cvco-conversation__container{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex:1 1 100%;flex-direction:column;justify-content:space-between;height:100%;max-height:100%}.cvco-app .cvco-conversation{list-style:none;width:100%;margin:auto 0 0;padding:20px 20px 0}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-chat-status~.cvco-app__container .cvco-conversation{padding-top:80px}.cvco-app .cvco-chat-status~.cvco-app__container .cvco-disclaimer+.cvco-conversation{padding-top:0}.cvco-app.cvco-app--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{width:100%;min-height:0;margin-top:10px}.cvco-app .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-conversation__item--source-info{margin-top:20px;margin-bottom:20px}.cvco-app .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app .cvco-divider{display:flex;position:relative;justify-content:center;margin:20px -20px 0;padding:65px 30px 0;overflow:hidden;background:linear-gradient(180deg,#fff,#eff3f6);background-repeat:no-repeat;background-size:100% 40px;line-height:1.5}.cvco-app .cvco-divider:before{content:"";position:absolute;top:0;left:50%;width:100%;height:40px;transform:translateX(-50%);background:radial-gradient(110px at 50%,at 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background:radial-gradient(110px at 50% 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background-repeat:no-repeat}.cvco-app .cvco-divider--type-time-indicator{padding-top:60px;padding-bottom:20px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app .cvco-divider__graphic{position:absolute;top:40px;left:50%;width:32px;height:32px;transform:translate(-50%,-60%);border-radius:5px;background:#fff}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-divider__body{font-size:12px;text-align:center}.cvco-app .cvco-divider__time{text-align:center}.cvco-app .cvco-divider__time span{display:block}.cvco-app .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app .cvco-divider--type-newtranslation{text-align:center}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app .cvco-divider .cvco-button{padding:0;font-size:inherit}.cvco-app .cvco-loader{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:20px;padding:2.5px 5px;-webkit-animation:cvco-fadeIn .3s linear;animation:cvco-fadeIn .3s linear}.cvco-app .cvco-loader__part{display:inline-block;width:6.666px;height:100%;margin-right:5px;transform:scaleY(.45);-webkit-animation-name:cvco-loader;animation-name:cvco-loader;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:50% 50%;background-color:currentColor}.cvco-app .cvco-loader__part.cvco-one{-webkit-animation-delay:.12s;animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{-webkit-animation-delay:.24s;animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{-webkit-animation-delay:.36s;animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{margin-right:0;-webkit-animation-delay:.48s;animation-delay:.48s}.cvco-app .cvco-message{display:flex;flex-direction:row;flex-wrap:wrap;width:80%}.cvco-app .cvco-message.cvco-message--type-suggestions{width:100%}.cvco-app .cvco-message+.cvco-message{margin-top:10px}.cvco-app .cvco-message--source-info.cvco-message{width:90%;max-width:90%;margin:0 auto}.cvco-app .cvco-message--source-info.cvco-message:after{content:"";display:block;width:20px;height:0;margin:0 auto;border-top:2px solid #4a48c1}.cvco-app .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .cvco-message__author{display:none;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-bottom:.3rem;padding:0 10px;font-weight:700}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{width:16px;height:16px;margin:0 .5em 0 0}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author{display:flex}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2;margin:0 0 0 10px}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message__info{width:100%;margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app .cvco-message--source-user .cvco-message__info{text-align:right}.cvco-app .cvco-message__translation-info{width:100%}.cvco-app .cvco-message__translation-label{margin-right:5px;font-size:12px}.cvco-app .cvco-button.cvco-message__translation-toggle{padding:0;font-size:inherit}.cvco-app .cvco-message--source-user .cvco-message__translation-info{text-align:right}.cvco-app .cvco-card__wrapper{display:flex;flex-direction:column;height:100%}.cvco-app .cvco-card__image{flex:0 0 auto;width:100%;height:160px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.cvco-app .cvco-card__content{display:flex;flex:1 1 auto;flex-wrap:wrap;padding:10px 15px 15px}.cvco-app .cvco-card__title{display:block;flex:0 0 100%;width:100%;margin:0 0 5px;padding:0;font-size:16px;font-weight:700}.cvco-app .cvco-card__title:last-child{margin-bottom:0}.cvco-app .cvco-card__description{display:block;width:100%;margin-bottom:20px}.cvco-app .cvco-card__description:last-child{margin-bottom:0}.cvco-app .cvco-card__content .cvco-button{display:block;align-self:flex-end;width:100%;font-weight:700;text-decoration:none}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;width:100%;overflow:hidden}.cvco-app .cvco-carousel__slides{display:flex;position:relative;flex-direction:row;padding:0;transition:left .3s ease;list-style:none}.cvco-app .cvco-carousel__slide{display:block;width:100%;padding:0;list-style:none}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .cvco-carousel-controls{display:flex;position:relative;justify-content:space-between;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;border-top:1px solid #dee3e5}.cvco-app .cvco-carousel-controls .cvco-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;background-color:initial;color:transparent;font-size:0}.cvco-app .cvco-carousel-controls .cvco-button--previous{left:0}.cvco-app .cvco-carousel-controls .cvco-button--next{right:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon{display:block;width:16px;height:16px;padding:0;border:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{fill:#4a48c1}.cvco-app .cvco-carousel__pagination{display:flex;position:relative;align-items:center;justify-content:center;padding:0 10px}.cvco-app .cvco-carousel-pagination{width:100%;margin:0 auto;padding:0}.cvco-app .cvco-carousel-pagination,.cvco-app .cvco-carousel-pagination__wrapper{display:flex;position:relative;flex-direction:row;justify-content:center}.cvco-app .cvco-carousel-pagination__item{display:block;list-style:none}.cvco-app .cvco-carousel-pagination__button{display:block;position:relative;width:32px;height:32px;padding:0;border:0;border-radius:0;background-color:transparent;background-color:initial}.cvco-app .cvco-carousel-pagination__button:before{content:"";display:block;position:absolute;top:50%;left:50%;width:9.6px;height:9.6px;transform:translate(-50%,-50%);transform-origin:50% 50%;border-radius:50% 50%;background-color:#a3b4bf}.cvco-app .cvco-is-active .cvco-carousel-pagination__button:before{background-color:#003a5d}.cvco-app .cvco-cta__content{margin-bottom:10px;color:#fff;font-size:14px;line-height:1.5}.cvco-app .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-message--type-cta .cvco-button{margin-bottom:10px;line-height:2;text-decoration:none}.cvco-app .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app .cvco-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.cvco-app .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-form,.cvco-app .cvco-input{display:flex;flex:1 1 100%;width:100%;height:100%}.cvco-app .cvco-input--text__container{display:flex;position:relative;flex:1 1 100%;height:100%;margin-right:5px}.cvco-app .cvco-input__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:4;height:40px;margin-right:5px;padding:10px;transition:padding .3s ease;border:1px solid transparent;border-radius:5px;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__text::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input--text__container .cvco-input__text{width:100%;margin-right:0}.cvco-app .cvco-character-exceeded .cvco-input__text,.cvco-app .cvco-character-warning .cvco-input__text{padding-right:40px}.cvco-app .cvco-character-exceeded .cvco-input__text{border:1px solid #db1639}.cvco-app .cvco-input__submit{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:5px}.cvco-app .cvco-input__submit:disabled{cursor:auto}.cvco-app .cvco-input__submit .cvco-icon path{transition:fill .3s ease;fill:#4a48c1}.cvco-app .cvco-input__submit:disabled .cvco-icon path{fill:#a3b4bf}.cvco-app .cvco-interrupt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.cvco-app .cvco-interrupt__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;margin:10px;padding:40px}.cvco-app .cvco-interrupt__title{font-size:16px;font-weight:700}.cvco-app .cvco-interrupt__message{margin-bottom:40px;font-size:16px}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .cvco-skip-link{position:absolute;z-index:100;top:20px;left:50%;padding:10px 15px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease,opacity .3s ease;border:1px solid #fff;border-radius:5px;opacity:0;background:#4a48c1;color:#fff;font-size:12px}.cvco-app .cvco-skip-link:focus{transform:translate(-50%) scale(1);opacity:1}.cvco-app .cvco-disclaimer{display:block;flex:0 0 auto;width:100%;height:auto;padding:20px;background-color:#eff3f6}.cvco-app.cvco-app--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-chat-status~.cvco-app__container .cvco-disclaimer{margin-top:80px;padding:10px 20px}.cvco-app.cvco-app--collapsed .cvco-disclaimer{display:none}.cvco-app .cvco-disclaimer__title{margin:0 0 5px;padding-right:20px;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app .cvco-idle{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-idle__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-idle__title:last-child{margin-bottom:0}.cvco-app .cvco-idle__count-container{display:block;width:100%;height:2.75em;margin-bottom:10px;font-size:12px}.cvco-app .cvco-idle__count-text,.cvco-app .cvco-idle__count-timer{display:block;width:100%;font-size:inherit;text-align:center;white-space:nowrap}.cvco-app .cvco-idle__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-idle__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-prompt{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-prompt__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-prompt__title:last-child{margin-bottom:0}.cvco-app .cvco-prompt__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-prompt__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-app__options{display:flex;position:relative;flex:0;align-items:center;justify-content:flex-end;width:100%;padding:5px;border-top:1px solid #dee3e5}.cvco-app .cvco-app__options-item--left{margin-right:auto}.cvco-app.cvco-app--collapsed .cvco-app__options{display:none}.cvco-app .cvco-app__options__button{display:flex;align-items:center;justify-content:flex-end;padding:5px 10px;border-radius:5px}.cvco-app.cvco-app--collapsed .cvco-app__options-button{display:none}.cvco-app .cvco-app__options__button .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-app__options__button .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-app__options__button .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__menu{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);max-width:300px;max-height:400px;margin:0;padding:10px;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options__menu.cvco-transition--visible{display:block}.cvco-app .cvco-options__menu.cvco-transition--in{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__menu__item{margin-bottom:5px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__menu__item:last-child{margin-bottom:0}.cvco-app .cvco-options__menu.cvco-transition--in .cvco-options__menu__item{opacity:1}.cvco-app .cvco-options__menu .cvco-button{display:flex;align-items:center;width:100%;min-width:200px;border-radius:5px}.cvco-app .cvco-options{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);flex-direction:column;width:calc(100% - 20px);max-width:300px;margin:0;padding:0;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options--left{right:auto;left:10px}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__body{display:flex;flex-direction:column;max-height:300px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .cvco-options__title{display:flex;flex:0 0 auto;align-items:center;width:calc(100% - 50px);margin:0;padding:20px 20px 10px;color:#223182;font-size:16px;font-weight:700}.cvco-app .cvco-options__close{display:flex;position:absolute;top:10px;right:10px;align-items:center;justify-content:center;width:40px;height:40px;color:#4a48c1;font-size:0}.cvco-app .cvco-options__close .cvco-icon{flex:0 0 16px;width:16px;height:16px}.cvco-app .cvco-options__close .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__form{flex:1 1 auto;flex-direction:column}.cvco-app .cvco-options__wrapper{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:flex-start;width:100%;padding:0 20px;overflow:auto}.cvco-app .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-options__body div{width:100%}.cvco-app .cvco-options__wrapper h3{margin:0;color:#223182;font-size:14px;font-weight:700}.cvco-app .cvco-options__description{display:block;width:100%;margin-bottom:10px;font-size:14px}.cvco-app .cvco-transcript__input{width:100%;min-height:40px;padding:10px;transition:padding .3s ease;border:1px solid #dee3e5;border-radius:5px;font-size:16px}.cvco-app .cvco-transcript__input:focus{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-options__active-language{color:#3d4166;font-size:14px}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;width:100%;margin-top:10px;padding:0}.cvco-app .cvco-options__actions .cvco-button{width:100%;margin-right:10px}.cvco-app .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app .cvco-chat-status{display:flex;position:absolute;z-index:1;top:20px;left:20px;align-items:center;justify-content:space-between;width:calc(100% - 40px);height:40px;min-height:40px;padding:5px 20px;border-radius:20px;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app.cvco-app--layout-window .cvco-chat-status{width:calc(100% - 90px)}.cvco-app.cvco-app--collapsed .cvco-chat-status{display:none}.cvco-app .cvco-chat-status__title{display:flex;flex:1;align-items:center;margin:0 10px 0 0;color:#3d4166;font-size:12px;font-weight:700;line-height:1.25}.cvco-app .cvco-chat-status .cvco-button--tertiary{color:#4a48c1}.cvco-app .cvco-upload-toggle-wrapper{width:0;height:100%;overflow:visible;transition:width .3s ease}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:50px}.cvco-app .cvco-upload-toggle{display:flex;flex:0 0 40px;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;padding:0;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;border-radius:5px;opacity:0;color:transparent;font-size:0;line-height:1;text-align:center}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{transform:translateX(0);opacity:1}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 24px;width:24px;height:24px}.cvco-app .cvco-upload-toggle .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-upload{width:100%;padding:10px 10px 0}.cvco-app .cvco-upload-form{display:block}.cvco-app .cvco-upload__container{width:100%;margin-bottom:10px}.cvco-app .cvco-upload__visible-label--text{display:block;width:100%;font-size:16px;font-weight:700}.cvco-app .cvco-upload__content-hint{display:block;width:100%;margin-bottom:10px;padding-right:20px;font-size:12px}.cvco-app .cvco-file-upload{width:100%;max-width:100%;border:1px solid #4a48c1;border-radius:5px}.cvco-app .cvco-file-upload.cvco-focus-within{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px;color:#4a48c1;text-align:left}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;width:32px;height:32px;margin-right:10px}.cvco-app .cvco-upload__label .cvco-icon path{fill:currentColor}.cvco-app .cvco-upload__label--text{display:block;flex:1 1 100%;max-width:100%;color:inherit;font-size:14px;font-weight:700}.cvco-app .cvco-upload__output{display:block;flex:1 1 100%;max-width:100%;color:#003a5d;font-size:12px;word-break:break-all}.cvco-app .cvco-upload .cvco-button--primary{text-align:center}.cvco-app .cvco-upload__button-container{display:flex;flex:0 0 100%;justify-content:flex-end}.cvco-app .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app .cvco-upload__cancel:last-child{margin-right:0}.cvco-app .cvco-progress__text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.cvco-app .cvco-progress__text--file-name{max-width:calc(100% - 40px);padding-right:20px;overflow:hidden;font-size:14px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.cvco-app .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app .cvco-progress .cvco-error{margin-top:10px}.cvco-app .cvco-progress .cvco-error:empty{display:none}.cvco-app .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-bar{border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-value{border-radius:5px;background-color:#4a48c1}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error{display:block;width:100%;margin:0 0 5px}.cvco-app .cvco-error:empty{display:none;margin:0}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-error .cvco-error__message{display:flex;align-items:flex-start;background-color:rgba(219,22,57,.1);color:#ad001f}.cvco-app .cvco-error .cvco-error__message,.cvco-app .cvco-notification{width:100%;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700}.cvco-app .cvco-notification{display:block;margin:0 0 10px;background-color:rgba(74,72,193,.1);color:#223182}.cvco-app .cvco-notification:last-child{margin:0}.cvco-app .cvco-character-count{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:right;height:100%;padding:0 10px;transform:translateX(100%);transition:transform .3s ease,opacity .2s ease .2s;opacity:0;font-size:12px;font-weight:700;line-height:1;text-align:right;pointer-events:none}.cvco-app .cvco-character-count span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.cvco-app .cvco-character-exceeded .cvco-character-count,.cvco-app .cvco-character-warning .cvco-character-count{transform:translateX(0);opacity:1}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-collapse-button{display:flex;position:absolute;z-index:1;top:20px;right:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app .cvco-visually-hidden,.cvco-app__live-container .cvco-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-message__body{display:block;position:relative;max-width:100%;margin-bottom:5px;padding:10px 15px;border-radius:10px;background-color:#eff3f6;color:#3d4166}.cvco-message__body .cvco-icon svg path{fill:#3d4166}.cvco-message__body:last-child{margin-bottom:0}.cvco-conversation__item--source-info .cvco-message__body{flex:0 0 100%;width:100%;padding:0 15px 10px;border-radius:0;background-color:transparent;background-color:initial;text-align:center}.cvco-message--source-user .cvco-message__body{background-color:#223182;color:#fff}.cvco-message--source-user .cvco-message__body .cvco-icon svg path{fill:#fff}.cvco-message--type-splash .cvco-message__body{padding:0;border-radius:0;background-color:transparent;background-color:initial;font-size:24px;font-weight:700}.cvco-message--type-suggestions .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-message--type-splash .cvco-message__body ol,.cvco-message--type-splash .cvco-message__body p,.cvco-message--type-splash .cvco-message__body ul,.cvco-message--type-text .cvco-message__body ol,.cvco-message--type-text .cvco-message__body p,.cvco-message--type-text .cvco-message__body ul{margin:0 0 20px}.cvco-message--type-splash .cvco-message__body ol:last-child,.cvco-message--type-splash .cvco-message__body p:last-child,.cvco-message--type-splash .cvco-message__body ul:last-child,.cvco-message--type-text .cvco-message__body ol:last-child,.cvco-message--type-text .cvco-message__body p:last-child,.cvco-message--type-text .cvco-message__body ul:last-child{margin:0}.cvco-message--type-splash .cvco-message__body ul,.cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-message--type-splash .cvco-message__body ul li,.cvco-message--type-text .cvco-message__body ul li{list-style-type:disc}.cvco-message--type-splash .cvco-message__body a,.cvco-message--type-text .cvco-message__body a{color:#4a48c1;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.cvco-message--source-user .cvco-message__body a{color:#fff}.cvco-message--type-loading .cvco-message__body{align-self:flex-start}.cvco-message--type-choice-prompt .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-message--type-image .cvco-message__body{padding:0}.cvco-message--type-image img{display:block;width:100%;height:auto;overflow:hidden;border-radius:10px}.cvco-message--type-video .cvco-message__body{width:100%;padding:0;background-color:#000}.cvco-message--type-video iframe{display:block;width:100%;aspect-ratio:6/4;border:0;border-radius:10px}.cvco-message--type-upload .cvco-download{display:flex;align-items:center;width:100%}.cvco-message--type-upload a{color:inherit;text-align:left;word-break:break-all}.cvco-message--type-upload .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-message--type-upload .cvco-icon svg{width:100%;height:100%}.cvco-conversation__item--source-agent .cvco-message--type-upload .cvco-icon path{fill:#4a48c1}.cvco-conversation__item--source-agent .cvco-message--type-upload a{color:#4a48c1}.cvco-message .cvco-message__info{margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-message--type-cta .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:10px 15px 15px;background-color:#223182}.cvco-message--type-card .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:0}.cvco-message--type-carousel .cvco-message__body{display:block;padding:0}.cvco-message-count{display:flex;position:absolute;top:-10px;right:-10px;align-items:center;justify-content:center;width:25px;height:25px;transform:scale(1);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275) .5s;border-radius:50% 50%;background-color:#db1639;color:#fff;font-size:12px;font-weight:700;line-height:1}.cvco-message-count:empty{transform:scale(0);transition:transform .3s ease}.cvco-suggestions{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior:contain}.cvco-app--layout-inline>.cvco-suggestions{flex-direction:column;max-height:320px;padding:20px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease;opacity:0}.cvco-app--layout-inline>.cvco-suggestions.cvco-transition--visible{display:flex}.cvco-app--layout-inline>.cvco-suggestions.cvco-transition--in{transition:padding .3s ease .2s,transform .3s ease .2s,opacity .3s ease .2s;opacity:1}@media(min-width:641px){.cvco-app--layout-inline>.cvco-suggestions.cvco-transition--in{transform:translateX(0)}}@media(min-width:641px){.cvco-app--layout-inline>.cvco-suggestions{flex:0 0 50%;width:50%;height:640px;min-height:100%;max-height:90vh;transform:translateX(-100%)}}@media(min-width:1025px){.cvco-app--layout-inline>.cvco-suggestions{flex:0 0 33%;width:33%}}.cvco-suggestions__heading{flex:0 0 auto;margin:0 0 10px;color:#003a5d;font-size:18px;font-weight:700}.cvco-suggestions__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;height:auto;overscroll-behavior:contain}.cvco-app--layout-inline>.cvco-suggestions .cvco-suggestions__list{flex:1 1 100%;flex-direction:column;flex-wrap:nowrap;height:100%;max-height:100%;overflow-y:auto}.cvco-suggestions-item{display:block;flex:0 0 auto;max-width:100%;margin:0 5px 5px 0}.cvco-app--layout-inline>.cvco-suggestions .cvco-suggestions-item{width:100%;margin-right:0}.cvco-suggestions-item .cvco-icon{display:none}.cvco-suggestions__footer.cvco-suggestions__footer{display:block;width:100%;margin:5px 0 0;color:#003a5d;font-size:16px;font-weight:700}.cvco-modal{display:flex;position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:100%;min-width:100%;height:100%;min-height:100%;padding:20px;transform:scale(1);opacity:1;background-color:hsla(0,0%,100%,.8)}.cvco-modal,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.cvco-modal__float{max-width:80rem;padding:5px;border:1px solid #dee3e5;border-radius:10px;outline:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-modal__float,.cvco-modal__inner{position:relative;width:100%;height:100%}.cvco-modal__inner{display:flex;align-items:center;justify-content:center;padding:10px}.cvco-modal__image{display:block;flex:0 0 auto;width:auto;max-width:100%;max-height:100%;border:1px solid #dee3e5}.cvco-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;top:20px;right:20px;align-items:center;min-height:40px;padding:5px 15px;border:0;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-modal__close .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-modal__close .cvco-icon svg{width:inherit;height:inherit}.cvco-modal__close .cvco-icon svg path{transition:fill .3s ease;fill:#fff}.cvco-modal__enlarge{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;right:20px;bottom:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;color:transparent;font-size:0}.cvco-modal__enlarge .cvco-icon svg path{fill:#4a48c1}.cvco-window-open-button{display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:48px;height:48px;padding:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease;border:1px solid #a3b4bf;border-radius:10px;opacity:0;background-color:#003a5d;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-window-open-button.cvco-transition--visible{display:block}.cvco-window-open-button.cvco-transition--in{transform:scale(1);transition:transform .3s ease .2s;opacity:1}.cvco-window-open-button .cvco-avatar,.cvco-window-open-button .cvco-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:10px}.cvco-pre-chat-messages{list-style:none;margin:0;padding:0}.cvco-pre-chat-messages--window{position:fixed;z-index:1;right:20px;bottom:68px;max-width:calc(100% - 40px)}@media(min-width:641px){.cvco-pre-chat-messages--window{max-width:280px}}.cvco-pre-chat-messages__message{margin-bottom:10px}.cvco-pre-chat-messages--window .cvco-message__body{padding:10px 15px;border:1px solid #fff;border-radius:10px;background-color:#eff3f6;font-size:14px}.cvco-unstarted-wrapper{display:none;width:100%;overflow:hidden;transition:margin .3s ease,max-height .3s ease}.cvco-unstarted-wrapper:not(.cvco-unstarted-wrapper.cvco-unstarted-wrapper--window){max-height:0}@media(min-width:1025px){.cvco-unstarted-wrapper:not(.cvco-unstarted-wrapper.cvco-unstarted-wrapper--window){width:67%}}.cvco-unstarted-wrapper.cvco-transition--visible{display:block}.cvco-unstarted-wrapper:not(.cvco-unstarted-wrapper--window).cvco-transition--in{max-height:600px;margin-bottom:20px}.cvco-unstarted-wrapper .cvco-cvco-suggestions,.cvco-unstarted-wrapper .cvco-pre-chat-messages{display:none;transition:transform .3s ease,opacity .3s ease;opacity:0}.cvco-unstarted-wrapper.cvco-transition--visible .cvco-cvco-suggestions,.cvco-unstarted-wrapper.cvco-transition--visible .cvco-pre-chat-messages{display:block}.cvco-unstarted-wrapper.cvco-transition--in .cvco-cvco-suggestions,.cvco-unstarted-wrapper.cvco-transition--in .cvco-pre-chat-messages{transition:transform .3s ease .2s,opacity .3s ease .2s;opacity:1}.cvco-unstarted-wrapper--window .cvco-pre-chat-messages{transform:scale(0);transform-origin:100% 100%}.cvco-unstarted-wrapper--window.cvco-transition--in .cvco-pre-chat-messages{transform:scale(1)}
1
+ @-webkit-keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@keyframes cvco-loader{0%,75%,to{transform:scaleY(.45);border-radius:50% 50%}37.5%{transform:scaleY(1);border-radius:2.5px}}@-webkit-keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cvco-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes cvco-blink{0%,to{opacity:0}50%{opacity:1}}.cvco-app .cvco-chat{display:flex;flex-direction:column;transform-origin:100% 100%;transition:margin .3s ease,height .3s ease,transform .3s ease,opacity .3s ease;outline:0;color:#3d4166;font-family:arial,helvetica,sans-serif;font-size:12px}.cvco-app .cvco-chat,.cvco-app .cvco-chat *,.cvco-app .cvco-chat :after,.cvco-app .cvco-chat :before{box-sizing:border-box}.cvco-app.cvco-app--layout-inline .cvco-chat{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;background-color:initial;box-shadow:none}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-chat{flex-direction:row}}.cvco-app.cvco-app--layout-inline .cvco-chat--collapsed .cvco-chat-wrapper{height:auto}.cvco-app.cvco-app--layout-inline .cvco-chat--user-responded,.cvco-app.cvco-app--layout-inline .cvco-chat--user-responded .cvco-chat-wrapper{transition:none}.cvco-app.cvco-app--layout-window .cvco-chat{max-width:calc(100vw - 40px);max-height:calc(85vh - 40px);display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:360px;max-width:calc(100% - 40px);height:720px;transform:scale(0);opacity:0}@media(min-width:641px){.cvco-app.cvco-app--layout-window .cvco-chat{max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app.cvco-app--layout-window .cvco-chat{max-height:calc(90vh - 40px)}}}@media(min-width:1025px){.cvco-app.cvco-app--layout-window .cvco-chat{right:20px;bottom:20px;max-height:calc(100vh - 40px)}@supports(-webkit-overflow-scrolling:touch){.cvco-app.cvco-app--layout-window .cvco-chat{max-height:calc(90vh - 40px)}}}.cvco-app.cvco-app--layout-window .cvco-chat.cvco-transition--visible{display:flex}.cvco-app.cvco-app--layout-window .cvco-chat.cvco-transition--in{transform:scale(1);opacity:1}.cvco-app.cvco-app--layout-app .cvco-chat{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%}.cvco-app .cvco-chat-wrapper{display:flex;position:relative;z-index:1;flex-direction:column;width:100%;height:100%;overflow:hidden;transition:flex .3s ease,width .3s ease,height .3s ease,border-radius .3s ease;border:1px solid #a3b4bf;border-radius:10px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app.cvco-app--layout-app .cvco-chat-wrapper{border:0;border-radius:0}.cvco-app.cvco-app--layout-inline .cvco-chat-wrapper{width:100%;height:0}@media(min-width:641px)and (max-width:1023px){.cvco-app.cvco-app--layout-inline .cvco-chat-wrapper{flex:0 0 100%}.cvco-app.cvco-app--layout-inline .cvco-chat-wrapper:not(:only-child){flex:0 0 50%;width:50%}}@media(min-width:1025px){.cvco-app.cvco-app--layout-inline .cvco-chat-wrapper{flex:0 0 67%;width:67%}}.cvco-app.cvco-app--layout-inline .cvco-chat.cvco-transition--in .cvco-chat-wrapper{height:640px;max-height:90vh}.cvco-app .cvco-chat__container{display:flex;position:relative;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-chat__body{display:flex;position:relative;flex-grow:4;padding:0;overflow-y:auto}.cvco-app.cvco-app--layout-window .cvco-chat__body{overscroll-behavior:contain}.cvco-app .cvco-chat__entry{position:relative;flex:0 0 auto;padding:10px;border-top:1px solid #dee3e5}.cvco-app .cvco-chat__entry .cvco-entry__body--hidden{display:none}.cvco-app.cvco-app--layout-inline .cvco-chat.cvco-app--collapsed .cvco-chat__entry{border:0}.cvco-app .cvco-entry__body{display:flex;align-items:center}.cvco-app p{margin:0}.cvco-app img{max-width:100%}.cvco-app .cvco-input__checkbox{margin-right:10px}.cvco-app .cvco-input__checkbox:disabled{opacity:.5}.cvco-app .cvco-label{display:block;margin-bottom:5px;color:#4a48c1;font-size:14px;font-weight:700}.cvco-app .cvco-input__checkbox:disabled+.cvco-label{opacity:.5}.cvco-app .cvco-input__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:40px;padding:10px;border:1px solid #dee3e5;border-radius:5px;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzRBNDhDMSIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:right 10px top 50%;background-size:15px auto;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__select:disabled{border:1px solid #a3b4bf;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2EzYjRiZiIgZD0iTTIuOTk4IDYuNTAzYS45OTkuOTk5IDAgMDExLjY4Ny0uNzI3TDcuMjcgOC4yMjJjLjM5NC4zNzMgMS4wNi4zNzMgMS40NTQgMGwyLjU4Ni0yLjQ0NmEuOTk5Ljk5OSAwIDExMS4zNzQgMS40NTRsLTIuNTg2IDIuNDQ2Yy0xLjE1OSAxLjA5Ni0zLjA0MyAxLjA5Ni00LjIwMyAwTDMuMzEgNy4yMjlhLjk5NC45OTQgMCAwMS0uMzEyLS43MjZ6Ii8+PC9zdmc+");color:#a3b4bf}.cvco-app .cvco-avatar{display:block;position:relative;flex-shrink:0;width:32px;height:32px;overflow:hidden;border-radius:5px}.cvco-app .cvco-avatar>.cvco-icon,.cvco-app .cvco-avatar__graphic{display:block}.cvco-app .cvco-conversation__message+.cvco-avatar{align-self:flex-end;margin-left:10px}.cvco-app .cvco-button{display:inline-block;margin:0;padding:0;border:0;background:none;font-size:14px;text-align:left;cursor:pointer}.cvco-app .cvco-button span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-button--primary{min-height:40px;padding:10px 15px;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-app .cvco-button--secondary{padding:10px 15px;color:#4a48c1;font-weight:700}.cvco-app .cvco-button--tertiary{padding:2px 5px;border-radius:5px;background-color:transparent;background-color:initial;color:#fff;font-size:12px;font-weight:700}.cvco-app .cvco-button--disabled{color:#5e727b;cursor:auto}.cvco-app .cvco-button__state{display:inline-block;margin:-3px -3px -3px 3px;padding:3px 5px;border-radius:5px;background-color:#eff3f6;color:inherit}.cvco-app .cvco-choice-prompt{display:flex;flex-direction:column;padding:0}.cvco-app .cvco-choice-prompt__item{display:block;width:100%;margin-top:5px;margin-left:0}.cvco-app .cvco-choice-prompt__item:first-child{margin-top:0}.cvco-app .cvco-choice-prompt__item .cvco-button{display:inline-block;white-space:normal}.cvco-app .cvco-choice-prompt__item--secondary .cvco-button{padding:5px 0;background-color:transparent;background-color:initial;color:#4a48c1}.cvco-app .cvco-button--choose-again{display:flex;align-items:center;margin:5px 0 10px;padding:0}.cvco-app .cvco-button--choose-again:last-child{margin-bottom:0}.cvco-app .cvco-button--choose-again .cvco-icon{display:flex;flex:0 0 8px;align-items:center;justify-content:center;width:8px;height:8px;margin:0 10px;transform-origin:50% 50%;transition:transform .3s ease}.cvco-app .cvco-button--choose-again .cvco-icon path{fill:currentColor}.cvco-app .cvco-button--choose-again[aria-expanded=true] .cvco-icon{transform:rotate(180deg)}.cvco-app .cvco-conversation__container{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex:1 1 100%;flex-direction:column;justify-content:space-between;height:100%;max-height:100%}.cvco-app .cvco-conversation{list-style:none;width:100%;margin:auto 0 0;padding:20px 20px 0}.cvco-app .cvco-conversation:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-conversation{padding-top:80px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-disclaimer+.cvco-conversation{padding-top:0}.cvco-app.cvco-app--layout-inline .cvco-conversation{position:relative}.cvco-app .cvco-conversation__item{width:100%;min-height:0;margin-top:10px}.cvco-app .cvco-conversation__item--new-participant{margin-top:20px}.cvco-app .cvco-conversation__item--new-participant:first-child{margin-top:0}.cvco-app .cvco-conversation__item--source-info{margin-top:20px;margin-bottom:20px}.cvco-app .cvco-conversation__item--source-info:last-child{margin-bottom:0}.cvco-app .cvco-divider{display:flex;position:relative;justify-content:center;margin:20px -20px 0;padding:65px 30px 0;overflow:hidden;background:linear-gradient(180deg,#fff,#eff3f6);background-repeat:no-repeat;background-size:100% 40px;line-height:1.5}.cvco-app .cvco-divider:before{content:"";position:absolute;top:0;left:50%;width:100%;height:40px;transform:translateX(-50%);background:radial-gradient(110px at 50%,at 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background:radial-gradient(110px at 50% 300%,rgba(74,72,193,.5) 0,hsla(0,0%,100%,0) 99.99%,rgba(74,72,193,0) 100%);background-repeat:no-repeat}.cvco-app .cvco-divider--type-time-indicator{padding-top:60px;padding-bottom:20px}.cvco-app .cvco-divider--type-time-indicator:before{display:none}.cvco-app .cvco-conversation__item:first-child .cvco-divider{margin-top:0;padding-bottom:10px}.cvco-app .cvco-divider__graphic{position:absolute;top:40px;left:50%;width:32px;height:32px;transform:translate(-50%,-60%);border-radius:5px;background:#fff}.cvco-app .cvco-divider__graphic .cvco-avatar,.cvco-app .cvco-divider__graphic .cvco-icon,.cvco-app .cvco-divider__graphic .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-divider__body{font-size:12px;text-align:center}.cvco-app .cvco-divider__time{text-align:center}.cvco-app .cvco-divider__time span{display:block}.cvco-app .cvco-divider__time span:first-of-type{font-weight:700}.cvco-app .cvco-divider--type-newtranslation{text-align:center}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__body{max-width:80%}.cvco-app .cvco-divider--type-newtranslation .cvco-divider__title{font-weight:700}.cvco-app .cvco-divider .cvco-button{padding:0;font-size:inherit}.cvco-app .cvco-loader{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:20px;padding:2.5px 5px;-webkit-animation:cvco-fadeIn .3s linear;animation:cvco-fadeIn .3s linear}.cvco-app .cvco-loader__part{display:inline-block;width:6.666px;height:100%;margin-right:5px;transform:scaleY(.45);-webkit-animation-name:cvco-loader;animation-name:cvco-loader;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.12s;animation-delay:.12s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border-radius:50% 50%;background-color:currentColor}.cvco-app .cvco-loader__part.cvco-one{-webkit-animation-delay:.12s;animation-delay:.12s}.cvco-app .cvco-loader__part.cvco-two{-webkit-animation-delay:.24s;animation-delay:.24s}.cvco-app .cvco-loader__part.cvco-three{-webkit-animation-delay:.36s;animation-delay:.36s}.cvco-app .cvco-loader__part.cvco-four{margin-right:0;-webkit-animation-delay:.48s;animation-delay:.48s}.cvco-app .cvco-message{display:flex;flex-direction:row;flex-wrap:wrap;width:80%}.cvco-app .cvco-message.cvco-message--type-suggestions{width:100%}.cvco-app .cvco-message+.cvco-message{margin-top:10px}.cvco-app .cvco-message--source-info.cvco-message{width:90%;max-width:90%;margin:0 auto}.cvco-app .cvco-message--source-info.cvco-message:after{content:"";display:block;width:20px;height:0;margin:0 auto;border-top:2px solid #4a48c1}.cvco-app .cvco-message--source-user{justify-content:flex-end;margin-left:auto}.cvco-app .cvco-message__author{display:none;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin-bottom:.3rem;padding:0 10px;font-weight:700}.cvco-app .cvco-message--source-user .cvco-message__author{justify-content:flex-end}.cvco-app .cvco-message__avatar{width:16px;height:16px;margin:0 .5em 0 0}.cvco-app .cvco-message__avatar .cvco-avatar{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cvco-app .cvco-conversation__item--new-participant .cvco-message__author{display:flex}.cvco-app .cvco-message--source-user .cvco-message__avatar{order:2;margin:0 0 0 10px}.cvco-app .cvco-message--source-user .cvco-message__author-name{order:1}.cvco-app .cvco-message__info{width:100%;margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app .cvco-message--source-user .cvco-message__info{text-align:right}.cvco-app .cvco-message__translation-info{width:100%}.cvco-app .cvco-message__translation-label{margin-right:5px;font-size:12px}.cvco-app .cvco-button.cvco-message__translation-toggle{padding:0;font-size:inherit}.cvco-app .cvco-message--source-user .cvco-message__translation-info{text-align:right}.cvco-app .cvco-card__wrapper{display:flex;flex-direction:column;height:100%}.cvco-app .cvco-card__image{flex:0 0 auto;width:100%;height:160px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px}.cvco-app .cvco-card__content{display:flex;flex:1 1 auto;flex-wrap:wrap;padding:10px 15px 15px}.cvco-app .cvco-card__title{display:block;flex:0 0 100%;width:100%;margin:0 0 5px;padding:0;font-size:16px;font-weight:700}.cvco-app .cvco-card__title:last-child{margin-bottom:0}.cvco-app .cvco-card__description{display:block;width:100%;margin-bottom:20px}.cvco-app .cvco-card__description:last-child{margin-bottom:0}.cvco-app .cvco-card__content .cvco-button{display:block;align-self:flex-end;width:100%;font-weight:700;text-decoration:none}.cvco-app .cvco-carousel{position:relative}.cvco-app .cvco-carousel__slides-wrapper{display:block;width:100%;overflow:hidden}.cvco-app .cvco-carousel__slides{display:flex;position:relative;flex-direction:row;padding:0;transition:left .3s ease;list-style:none}.cvco-app .cvco-carousel__slide{display:block;width:100%;padding:0;list-style:none}.cvco-app .cvco-carousel-item{display:flex;flex-direction:column;width:100%;height:100%}.cvco-app .cvco-carousel-item .cvco-button{display:block;width:100%}.cvco-app .cvco-carousel-controls{display:flex;position:relative;justify-content:space-between;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;border-top:1px solid #dee3e5}.cvco-app .cvco-carousel-controls .cvco-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;background-color:initial;color:transparent;font-size:0}.cvco-app .cvco-carousel-controls .cvco-button--previous{left:0}.cvco-app .cvco-carousel-controls .cvco-button--next{right:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon{display:block;width:16px;height:16px;padding:0;border:0}.cvco-app .cvco-carousel__controls .cvco-button .cvco-icon svg path{fill:#4a48c1}.cvco-app .cvco-carousel__pagination{display:flex;position:relative;align-items:center;justify-content:center;padding:0 10px}.cvco-app .cvco-carousel-pagination{width:100%;margin:0 auto;padding:0}.cvco-app .cvco-carousel-pagination,.cvco-app .cvco-carousel-pagination__wrapper{display:flex;position:relative;flex-direction:row;justify-content:center}.cvco-app .cvco-carousel-pagination__item{display:block;list-style:none}.cvco-app .cvco-carousel-pagination__button{display:block;position:relative;width:32px;height:32px;padding:0;border:0;border-radius:0;background-color:transparent;background-color:initial}.cvco-app .cvco-carousel-pagination__button:before{content:"";display:block;position:absolute;top:50%;left:50%;width:9.6px;height:9.6px;transform:translate(-50%,-50%);transform-origin:50% 50%;border-radius:50% 50%;background-color:#a3b4bf}.cvco-app .cvco-is-active .cvco-carousel-pagination__button:before{background-color:#003a5d}.cvco-app .cvco-cta__content{margin-bottom:10px;color:#fff;font-size:14px;line-height:1.5}.cvco-app .cvco-cta__content p{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.cvco-app .cvco-message--type-cta .cvco-button{margin-bottom:10px;line-height:2;text-decoration:none}.cvco-app .cvco-message--type-cta .cvco-button:last-child{margin-bottom:0}.cvco-app .cvco-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.cvco-app .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-form,.cvco-app .cvco-input{display:flex;flex:1 1 100%;width:100%;height:100%}.cvco-app .cvco-input--text__container{display:flex;position:relative;flex:1 1 100%;height:100%;margin-right:5px}.cvco-app .cvco-input__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:4;height:40px;margin-right:5px;padding:10px;transition:padding .3s ease;border:1px solid transparent;border-radius:5px;color:#3d4166;font-size:16px;resize:none}.cvco-app .cvco-input__text::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input__text:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-input--text__container .cvco-input__text{width:100%;margin-right:0}.cvco-app .cvco-character-exceeded .cvco-input__text,.cvco-app .cvco-character-warning .cvco-input__text{padding-right:40px}.cvco-app .cvco-character-exceeded .cvco-input__text{border:1px solid #db1639}.cvco-app .cvco-input__submit{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:5px}.cvco-app .cvco-input__submit:disabled{cursor:auto}.cvco-app .cvco-input__submit .cvco-icon path{transition:fill .3s ease;fill:#4a48c1}.cvco-app .cvco-input__submit:disabled .cvco-icon path{fill:#a3b4bf}.cvco-app .cvco-interrupt{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.cvco-app .cvco-interrupt__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;margin:10px;padding:40px}.cvco-app .cvco-interrupt__title{font-size:16px;font-weight:700}.cvco-app .cvco-interrupt__message{margin-bottom:40px;font-size:16px}.cvco-app .cvco-interrupt__actions{margin-top:auto}.cvco-app .cvco-skip-link{position:absolute;z-index:100;top:20px;left:50%;padding:10px 15px;transform:translate(-50%,-5px) scale(0);transform-origin:50% 0;transition:transform .3s ease,opacity .3s ease;border:1px solid #fff;border-radius:5px;opacity:0;background:#4a48c1;color:#fff;font-size:12px}.cvco-app .cvco-skip-link:focus{transform:translate(-50%) scale(1);opacity:1}.cvco-app .cvco-disclaimer{display:block;flex:0 0 auto;width:100%;height:auto;padding:20px;background-color:#eff3f6}.cvco-app.cvco-app--layout-window .cvco-disclaimer{padding-right:80px}.cvco-app .cvco-chat-status~.cvco-chat__container .cvco-disclaimer{margin-top:80px;padding:10px 20px}.cvco-app.cvco-app--collapsed .cvco-disclaimer{display:none}.cvco-app .cvco-disclaimer__title{margin:0 0 5px;padding-right:20px;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-disclaimer__message{font-size:12px;line-height:1.25}.cvco-app .cvco-idle{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-idle__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-idle__title:last-child{margin-bottom:0}.cvco-app .cvco-idle__count-container{display:block;width:100%;height:2.75em;margin-bottom:10px;font-size:12px}.cvco-app .cvco-idle__count-text,.cvco-app .cvco-idle__count-timer{display:block;width:100%;font-size:inherit;text-align:center;white-space:nowrap}.cvco-app .cvco-idle__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-idle__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-prompt{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-height:none;padding:10px}.cvco-app .cvco-prompt__title{margin-top:0;margin-bottom:5px;font-size:16px;font-weight:700;text-align:center}.cvco-app .cvco-prompt__title:last-child{margin-bottom:0}.cvco-app .cvco-prompt__options{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0;padding:0;list-style-type:none}.cvco-app .cvco-prompt__options .cvco-button{margin:5px 5px 0;text-align:center;white-space:normal}.cvco-app .cvco-chat__options{display:flex;position:relative;flex:0;align-items:center;justify-content:flex-end;width:100%;padding:5px;border-top:1px solid #dee3e5}.cvco-app .cvco-chat__options-item--left{margin-right:auto}.cvco-app.cvco-app--collapsed .cvco-chat__options{display:none}.cvco-app .cvco-chat__options__button{display:flex;align-items:center;justify-content:flex-end;padding:5px 10px;border-radius:5px}.cvco-app.cvco-app--collapsed .cvco-chat__options-button{display:none}.cvco-app .cvco-chat__options__button .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-chat__options__button .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-chat__options__button .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__menu{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);max-width:300px;max-height:400px;margin:0;padding:10px;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options__menu.cvco-transition--visible{display:block}.cvco-app .cvco-options__menu.cvco-transition--in{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__menu__item{margin-bottom:5px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__menu__item:last-child{margin-bottom:0}.cvco-app .cvco-options__menu.cvco-transition--in .cvco-options__menu__item{opacity:1}.cvco-app .cvco-options__menu .cvco-button{display:flex;align-items:center;width:100%;min-width:200px;border-radius:5px}.cvco-app .cvco-options{display:none;position:absolute;right:10px;bottom:calc(100% + 10px);flex-direction:column;width:calc(100% - 20px);max-width:300px;margin:0;padding:0;transform:scaleY(0) translateY(100px);transform-origin:100% 100%;transition:transform .2s ease-in-out,opacity .2s ease;border:1px solid #dee3e5;border-radius:5px;opacity:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);list-style:none}.cvco-app .cvco-options--left{right:auto;left:10px}.cvco-app .cvco-options--right{right:10px}.cvco-app .cvco-options__dialog.cvco-transition--visible .cvco-options{display:flex}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options{transform:scaleY(1) translateY(0);opacity:1}.cvco-app .cvco-options__body{display:flex;flex-direction:column;max-height:300px;transition:opacity .1s ease .1s;opacity:0}.cvco-app .cvco-options__dialog.cvco-transition--in .cvco-options__body{opacity:1}.cvco-app .cvco-options__title{display:flex;flex:0 0 auto;align-items:center;width:calc(100% - 50px);margin:0;padding:20px 20px 10px;color:#223182;font-size:16px;font-weight:700}.cvco-app .cvco-options__close{display:flex;position:absolute;top:10px;right:10px;align-items:center;justify-content:center;width:40px;height:40px;color:#4a48c1;font-size:0}.cvco-app .cvco-options__close .cvco-icon{flex:0 0 16px;width:16px;height:16px}.cvco-app .cvco-options__close .cvco-icon path{fill:currentColor}.cvco-app .cvco-options__form{flex:1 1 auto;flex-direction:column}.cvco-app .cvco-options__wrapper{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:flex-start;width:100%;padding:0 20px;overflow:auto}.cvco-app .cvco-options__wrapper:last-child:after{content:"";display:block;flex:0 0 100%;width:100%;height:20px}.cvco-app .cvco-options__body div{width:100%}.cvco-app .cvco-options__wrapper h3{margin:0;color:#223182;font-size:14px;font-weight:700}.cvco-app .cvco-options__description{display:block;width:100%;margin-bottom:10px;font-size:14px}.cvco-app .cvco-transcript__input{width:100%;min-height:40px;padding:10px;transition:padding .3s ease;border:1px solid #dee3e5;border-radius:5px;font-size:16px}.cvco-app .cvco-transcript__input:focus{border:1px solid #dee3e5}.cvco-app .cvco-transcript__input::-webkit-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input::-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-ms-input-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-transcript__input:-moz-placeholder{overflow:visible;color:#a3b4bf;line-height:20px}.cvco-app .cvco-options__active-language{color:#3d4166;font-size:14px}.cvco-app .cvco-options__actions{display:flex;flex:0 0 auto;justify-content:flex-end;width:100%;margin-top:10px;padding:0}.cvco-app .cvco-options__actions .cvco-button{width:100%;margin-right:10px}.cvco-app .cvco-options__actions .cvco-button:last-child{margin-right:0}.cvco-app .cvco-chat-status{display:flex;position:absolute;z-index:1;top:20px;left:20px;align-items:center;justify-content:space-between;width:calc(100% - 40px);height:40px;min-height:40px;padding:5px 20px;border-radius:20px;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app.cvco-app--layout-window .cvco-chat-status{width:calc(100% - 90px)}.cvco-app.cvco-app--collapsed .cvco-chat-status{display:none}.cvco-app .cvco-chat-status__title{display:flex;flex:1;align-items:center;margin:0 10px 0 0;color:#3d4166;font-size:12px;font-weight:700;line-height:1.25}.cvco-app .cvco-chat-status .cvco-button--tertiary{color:#4a48c1}.cvco-app .cvco-upload-toggle-wrapper{width:0;height:100%;overflow:visible;transition:width .3s ease}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in{width:50px}.cvco-app .cvco-upload-toggle{display:flex;flex:0 0 40px;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;padding:0;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;border-radius:5px;opacity:0;color:transparent;font-size:0;line-height:1;text-align:center}.cvco-app .cvco-upload-toggle-wrapper.cvco-transition--in .cvco-upload-toggle{transform:translateX(0);opacity:1}.cvco-app .cvco-upload-toggle .cvco-icon{flex:0 0 24px;width:24px;height:24px}.cvco-app .cvco-upload-toggle .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-upload{width:100%;padding:10px 10px 0}.cvco-app .cvco-upload-form{display:block}.cvco-app .cvco-upload__container{width:100%;margin-bottom:10px}.cvco-app .cvco-upload__visible-label--text{display:block;width:100%;font-size:16px;font-weight:700}.cvco-app .cvco-upload__content-hint{display:block;width:100%;margin-bottom:10px;padding-right:20px;font-size:12px}.cvco-app .cvco-file-upload{width:100%;max-width:100%;border:1px solid #4a48c1;border-radius:5px}.cvco-app .cvco-file-upload.cvco-focus-within{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.cvco-app .cvco-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-app .cvco-upload__label{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px;color:#4a48c1;text-align:left}.cvco-app .cvco-upload__label .cvco-icon{flex:0 0 32px;width:32px;height:32px;margin-right:10px}.cvco-app .cvco-upload__label .cvco-icon path{fill:currentColor}.cvco-app .cvco-upload__label--text{display:block;flex:1 1 100%;max-width:100%;color:inherit;font-size:14px;font-weight:700}.cvco-app .cvco-upload__output{display:block;flex:1 1 100%;max-width:100%;color:#003a5d;font-size:12px;word-break:break-all}.cvco-app .cvco-upload .cvco-button--primary{text-align:center}.cvco-app .cvco-upload__button-container{display:flex;flex:0 0 100%;justify-content:flex-end}.cvco-app .cvco-upload__cancel{margin-right:5px;padding:10px}.cvco-app .cvco-upload__cancel:last-child{margin-right:0}.cvco-app .cvco-progress__text{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:5px}.cvco-app .cvco-progress__text--file-name{max-width:calc(100% - 40px);padding-right:20px;overflow:hidden;font-size:14px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.cvco-app .cvco-progress__text--percentage{color:#6a7f8c;font-size:14px;line-height:1}.cvco-app .cvco-progress .cvco-error{margin-top:10px}.cvco-app .cvco-progress .cvco-error:empty{display:none}.cvco-app .cvco-progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-bar{border-radius:5px;background:#eff3f6}.cvco-app .cvco-progress__bar::-webkit-progress-value{border-radius:5px;background-color:#4a48c1}.cvco-app .cvco-progress__bar::-moz-progress-bar{background-color:#4a48c1}.cvco-app .cvco-error{display:block;width:100%;margin:0 0 5px}.cvco-app .cvco-error:empty{display:none;margin:0}.cvco-app .cvco-error .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}.cvco-app .cvco-error .cvco-error__message{display:flex;align-items:flex-start;background-color:rgba(219,22,57,.1);color:#ad001f}.cvco-app .cvco-error .cvco-error__message,.cvco-app .cvco-notification{width:100%;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700}.cvco-app .cvco-notification{display:block;margin:0 0 10px;background-color:rgba(74,72,193,.1);color:#223182}.cvco-app .cvco-notification:last-child{margin:0}.cvco-app .cvco-character-count{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:right;height:100%;padding:0 10px;transform:translateX(100%);transition:transform .3s ease,opacity .2s ease .2s;opacity:0;font-size:12px;font-weight:700;line-height:1;text-align:right;pointer-events:none}.cvco-app .cvco-character-count span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:right}.cvco-app .cvco-character-exceeded .cvco-character-count,.cvco-app .cvco-character-warning .cvco-character-count{transform:translateX(0);opacity:1}.cvco-app .cvco-character-exceeded .cvco-character-count span{color:#db1639}.cvco-app .cvco-collapse-button{display:flex;position:absolute;z-index:1;top:20px;right:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;box-shadow:0 5px 30px rgba(53,75,90,.15),0 3px 10px rgba(53,75,90,.2)}.cvco-app .cvco-message__body{display:block;position:relative;max-width:100%;margin-bottom:5px;padding:10px 15px;border-radius:10px;background-color:#eff3f6;color:#3d4166}.cvco-app .cvco-message__body .cvco-icon svg path{fill:#3d4166}.cvco-app .cvco-message__body:last-child{margin-bottom:0}.cvco-app .cvco-conversation__item--source-info .cvco-message__body{flex:0 0 100%;width:100%;padding:0 15px 10px;border-radius:0;background-color:transparent;background-color:initial;text-align:center}.cvco-app .cvco-message--source-user .cvco-message__body{background-color:#223182;color:#fff}.cvco-app .cvco-message--source-user .cvco-message__body .cvco-icon svg path{fill:#fff}.cvco-app .cvco-message--type-splash .cvco-message__body{padding:0;border-radius:0;background-color:transparent;background-color:initial;font-size:24px;font-weight:700}.cvco-app .cvco-message--type-suggestions .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-app .cvco-message--type-splash .cvco-message__body ol,.cvco-app .cvco-message--type-splash .cvco-message__body p,.cvco-app .cvco-message--type-splash .cvco-message__body ul,.cvco-app .cvco-message--type-text .cvco-message__body ol,.cvco-app .cvco-message--type-text .cvco-message__body p,.cvco-app .cvco-message--type-text .cvco-message__body ul{margin:0 0 20px}.cvco-app .cvco-message--type-splash .cvco-message__body ol:last-child,.cvco-app .cvco-message--type-splash .cvco-message__body p:last-child,.cvco-app .cvco-message--type-splash .cvco-message__body ul:last-child,.cvco-app .cvco-message--type-text .cvco-message__body ol:last-child,.cvco-app .cvco-message--type-text .cvco-message__body p:last-child,.cvco-app .cvco-message--type-text .cvco-message__body ul:last-child{margin:0}.cvco-app .cvco-message--type-splash .cvco-message__body ul,.cvco-app .cvco-message--type-text .cvco-message__body ul{padding-left:1.5em}.cvco-app .cvco-message--type-splash .cvco-message__body ul li,.cvco-app .cvco-message--type-text .cvco-message__body ul li{list-style-type:disc}.cvco-app .cvco-message--type-splash .cvco-message__body a,.cvco-app .cvco-message--type-text .cvco-message__body a{color:#4a48c1;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.cvco-app .cvco-message--source-user .cvco-message__body a{color:#fff}.cvco-app .cvco-message--type-loading .cvco-message__body{align-self:flex-start}.cvco-app .cvco-message--type-choice-prompt .cvco-message__body{width:100%;padding:0;background-color:transparent;background-color:initial}.cvco-app .cvco-message--type-image .cvco-message__body{padding:0}.cvco-app .cvco-message--type-image img{display:block;width:100%;height:auto;overflow:hidden;border-radius:10px}.cvco-app .cvco-message--type-video .cvco-message__body{width:100%;padding:0;background-color:#000}.cvco-app .cvco-message--type-video iframe{display:block;width:100%;aspect-ratio:6/4;border:0;border-radius:10px}.cvco-app .cvco-message--type-upload .cvco-download{display:flex;align-items:center;width:100%}.cvco-app .cvco-message--type-upload a{color:inherit;text-align:left;word-break:break-all}.cvco-app .cvco-message--type-upload .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-app .cvco-message--type-upload .cvco-icon svg{width:100%;height:100%}.cvco-app .cvco-conversation__item--source-agent .cvco-message--type-upload .cvco-icon path{fill:#4a48c1}.cvco-app .cvco-conversation__item--source-agent .cvco-message--type-upload a{color:#4a48c1}.cvco-app .cvco-message .cvco-message__info{margin-top:4px;color:#6a7f8c;font-size:12px;line-height:1.35}.cvco-app .cvco-message--type-cta .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:10px 15px 15px;background-color:#223182}.cvco-app .cvco-message--type-card .cvco-message__body{display:flex;flex-direction:column;width:100%;padding:0}.cvco-app .cvco-message--type-carousel .cvco-message__body{display:block;padding:0}.cvco-app .cvco-message-count{display:flex;position:absolute;z-index:1;top:-10px;right:-10px;align-items:center;justify-content:center;width:25px;height:25px;transform:scale(1);transform-origin:50% 50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275) .5s;border-radius:50% 50%;background-color:#db1639;color:#fff;font-size:12px;font-weight:700;line-height:1}.cvco-app .cvco-message-count:empty{transform:scale(0);transition:transform .3s ease}.cvco-app .cvco-suggestions{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overscroll-behavior:contain}.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions{flex-direction:column;max-height:320px;padding:20px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,transform .3s ease,opacity .3s ease;opacity:0}.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions.cvco-transition--visible{display:flex}.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions.cvco-transition--in{transition:padding .3s ease .2s,transform .3s ease .2s,opacity .3s ease .2s;opacity:1}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions.cvco-transition--in{transform:translateX(0)}}@media(min-width:641px){.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions{flex:0 0 50%;width:50%;height:640px;min-height:100%;max-height:90vh;transform:translateX(-100%)}}@media(min-width:1025px){.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions{flex:0 0 33%;width:33%}}.cvco-app .cvco-suggestions__heading{flex:0 0 auto;margin:0 0 10px;color:#003a5d;font-size:18px;font-weight:700}.cvco-app .cvco-suggestions__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;height:auto;overscroll-behavior:contain}.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions .cvco-suggestions__list{flex:1 1 100%;flex-direction:column;flex-wrap:nowrap;height:100%;max-height:100%;overflow-y:auto}.cvco-app .cvco-suggestions-item{display:block;flex:0 0 auto;max-width:100%;margin:0 5px 5px 0}.cvco-app.cvco-app--layout-inline .cvco-chat>.cvco-suggestions .cvco-suggestions-item{width:100%;margin-right:0}.cvco-app .cvco-suggestions-item .cvco-icon{display:none}.cvco-app .cvco-suggestions__footer.cvco-suggestions__footer{display:block;width:100%;margin:5px 0 0;color:#003a5d;font-size:16px;font-weight:700}.cvco-app .cvco-window-open-button{display:none;position:fixed;z-index:1;right:20px;bottom:20px;width:48px;height:48px;padding:0;transform:scale(0);transform-origin:100% 100%;transition:transform .3s ease;border:1px solid #a3b4bf;border-radius:10px;opacity:0;background-color:#003a5d;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-app .cvco-window-open-button.cvco-transition--visible{display:block}.cvco-app .cvco-window-open-button.cvco-transition--in{transform:scale(1);transition:transform .3s ease .2s;opacity:1}.cvco-app .cvco-window-open-button .cvco-avatar,.cvco-app .cvco-window-open-button .cvco-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:10px}.cvco-app .cvco-pre-chat-messages{list-style:none;margin:0;padding:0}.cvco-app.cvco-app--layout-window .cvco-pre-chat-messages{position:fixed;z-index:1;right:20px;bottom:68px;max-width:calc(100% - 40px)}@media(min-width:641px){.cvco-app.cvco-app--layout-window .cvco-pre-chat-messages{max-width:280px}}.cvco-app .cvco-pre-chat-messages__message{margin-bottom:10px}.cvco-app.cvco-app--layout-window .cvco-pre-chat-messages .cvco-message{width:100%}.cvco-app.cvco-app--layout-window .cvco-pre-chat-messages .cvco-message__body{padding:10px 15px;border:1px solid #fff;border-radius:10px;background-color:#eff3f6;font-size:14px}.cvco-app .cvco-unstarted-wrapper{display:none;width:100%;overflow:hidden;transition:margin .3s ease,max-height .3s ease}.cvco-app.cvco-app--layout-inline .cvco-unstarted-wrapper{max-height:0}@media(min-width:1025px){.cvco-app.cvco-app--layout-inline .cvco-unstarted-wrapper{width:67%}}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible{display:block}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible:empty{display:none}.cvco-app.cvco-app--layout-inline .cvco-unstarted-wrapper.cvco-transition--in{max-height:600px;margin-bottom:20px}.cvco-app .cvco-unstarted-wrapper .cvco-cvco-suggestions,.cvco-app .cvco-unstarted-wrapper .cvco-pre-chat-messages{display:none;transition:transform .3s ease,opacity .3s ease;opacity:0}.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible .cvco-cvco-suggestions,.cvco-app .cvco-unstarted-wrapper.cvco-transition--visible .cvco-pre-chat-messages{display:block}.cvco-app .cvco-unstarted-wrapper.cvco-transition--in .cvco-cvco-suggestions,.cvco-app .cvco-unstarted-wrapper.cvco-transition--in .cvco-pre-chat-messages{transition:transform .3s ease .2s,opacity .3s ease .2s;opacity:1}.cvco-app.cvco-app--layout-window .cvco-pre-chat-messages{transform:scale(0);transform-origin:100% 100%}.cvco-app.cvco-app--layout-window .cvco-unstarted-wrapper.cvco-transition--in .cvco-pre-chat-messages{transform:scale(1)}.cvco-app .cvco-visually-hidden,.cvco-app__live-container .cvco-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cvco-modal{display:flex;position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:100%;min-width:100%;height:100%;min-height:100%;padding:20px;transform:scale(1);opacity:1;background-color:hsla(0,0%,100%,.8)}.cvco-modal,.cvco-modal *,.cvco-modal :after,.cvco-modal :before{box-sizing:border-box}.cvco-modal__float{max-width:80rem;padding:5px;border:1px solid #dee3e5;border-radius:10px;outline:0;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}.cvco-modal__float,.cvco-modal__inner{position:relative;width:100%;height:100%}.cvco-modal__inner{display:flex;align-items:center;justify-content:center;padding:10px}.cvco-modal__image{display:block;flex:0 0 auto;width:auto;max-width:100%;max-height:100%;border:1px solid #dee3e5}.cvco-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;top:20px;right:20px;align-items:center;min-height:40px;padding:5px 15px;border:0;border-radius:5px;background-color:#4a48c1;color:#fff;font-weight:700}.cvco-modal__close .cvco-icon{flex:0 0 16px;width:16px;height:16px;margin-right:10px}.cvco-modal__close .cvco-icon svg{width:inherit;height:inherit}.cvco-modal__close .cvco-icon svg path{transition:fill .3s ease;fill:#fff}.cvco-modal__enlarge{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;position:absolute;right:20px;bottom:20px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50% 50%;background-color:#fff;color:transparent;font-size:0}.cvco-modal__enlarge .cvco-icon svg path{fill:#4a48c1}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seamly/web-ui",
3
- "version": "20.0.0-beta.3",
3
+ "version": "20.0.0-beta.4",
4
4
  "main": "build/dist/lib/index.js",
5
5
  "module": "",
6
6
  "exports": {
@@ -29,9 +29,10 @@
29
29
  "focus-trap": "^6.7.1",
30
30
  "include-media": "^1.4.10",
31
31
  "js-cookie": "^3.0.1",
32
- "marked": "^3.0.7",
32
+ "marked": "^4.0.12",
33
33
  "minivents": "^2.2.0",
34
- "phoenix": "1.6.2",
34
+ "mustache": "^4.2.0",
35
+ "phoenix": "1.6.6",
35
36
  "redux": "^4.1.1",
36
37
  "redux-thunk": "^2.3.0",
37
38
  "reselect": "^4.0.0",
@@ -53,7 +54,7 @@
53
54
  "@testing-library/preact": "^2.0.1",
54
55
  "babel-jest": "^27.3.1",
55
56
  "babel-loader": "^8.2.2",
56
- "copy-webpack-plugin": "^9.1.0",
57
+ "copy-webpack-plugin": "^10.2.4",
57
58
  "cypress": "^7.5.0",
58
59
  "cypress-file-upload": "^5.0.8",
59
60
  "cypress-wait-until": "^1.7.1",
@@ -61,13 +62,13 @@
61
62
  "eslint": "^7.32.0",
62
63
  "eslint-import-resolver-alias": "^1.1.2",
63
64
  "eslint-plugin-cypress": "^2.12.1",
64
- "eslint-plugin-jest": "^25.2.2",
65
+ "eslint-plugin-jest": "^26.1.1",
65
66
  "file-loader": "^6.2.0",
66
67
  "glob": "^7.2.0",
67
68
  "husky": "^7.0.2",
68
- "jest": "27.3.1",
69
+ "jest": "^27.5.1",
69
70
  "mini-css-extract-plugin": "^2.4.2",
70
- "preact": "10.5.15",
71
+ "preact": "10.6.6",
71
72
  "prettier": "^2.4.1",
72
73
  "raw-loader": "^4.0.2",
73
74
  "rimraf": "^3.0.2",
package/src/javascripts/domains/translations/components/options-button.js CHANGED
@@ -57,7 +57,7 @@ export default function TranslationsOptionButton() {
57
57
  className={className([
58
58
  'button',
59
59
  'button--secondary',
60
- 'app__options__button',
60
+ 'chat__options__button',
61
61
  ])}
62
62
  id={toggleButtonId}
63
63
  onClick={handleToggleClick}
package/src/javascripts/index.js CHANGED
@@ -9,7 +9,7 @@ export default initializeExternalApi
9
9
  export { default as AgentInfo } from './ui/components/layout/agent-info'
10
10
 
11
11
  // Used by: Client
12
- export { default as AppFrame } from './ui/components/layout/app-frame'
12
+ export { default as Chat } from './ui/components/layout/chat'
13
13
 
14
14
  // Used by: Client
15
15
  export { calculateVisibility } from './domains/visibility'
@@ -127,7 +127,7 @@ export {
127
127
  export { default as Text } from './ui/components/conversation/event/text'
128
128
 
129
129
  // Used by: Client
130
- export { default as DeprecatedToggleButton } from './ui/components/entry/toggle-button'
130
+ export { default as DeprecatedToggleButton } from './ui/components/entry/deprecated-toggle-button'
131
131
 
132
132
  // Used by: StyleGuide
133
133
  export { default as View } from './ui/components/view'
package/src/javascripts/lib/parse-body.js CHANGED
@@ -1,4 +1,4 @@
1
- import marked from 'marked'
1
+ import { marked } from 'marked'
2
2
 
3
3
  export default (body) => {
4
4
  try {
package/src/javascripts/package/components.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export {
2
2
  AgentInfo,
3
- AppFrame,
3
+ Chat,
4
4
  ChatFrame,
5
5
  Conversation,
6
6
  EntryContainer,
package/src/javascripts/style-guide/components/view.js CHANGED
@@ -7,6 +7,7 @@ const StyleGuideView = ({ state, customComponents = {}, translations }) => {
7
7
  const { config } = state || {}
8
8
  const { layoutMode } = config || {}
9
9
  const CustomView = customComponents[layoutMode]
10
+
10
11
  // This ensures that the style guide view is completely
11
12
  // reconstructed for each state to avoid artifacts from previous
12
13
  // renders showing up.
package/src/javascripts/style-guide/states.js CHANGED
@@ -65,7 +65,7 @@ const participantInfo = {
65
65
  'e65fa8dc-97ab-4711-8fec-82bae6461aa2': {
66
66
  avatar,
67
67
  id: 'e65fa8dc-97ab-4711-8fec-82bae6461aa2',
68
- introduction: "You're now talking to Mrs. Bot gimme a minit",
68
+ introduction: "You're now talking to {{name}} gimme a minit",
69
69
  name: 'Mrs. Bot',
70
70
  service: {
71
71
  expose: { map: {}, version: 2 },
@@ -77,7 +77,7 @@ const participantInfo = {
77
77
  },
78
78
  'e65fa8dc-97ab-4711-8fec-82bae6461aa3': {
79
79
  id: 'e65fa8dc-97ab-4711-8fec-82bae6461aa3',
80
- introduction: "You're now talking to Mrs. Bot gimme a minit",
80
+ introduction: "You're now talking to {{name}} gimme a minit",
81
81
  name: 'Mrs. Bot',
82
82
  service: {
83
83
  expose: { map: {}, version: 2 },
@@ -173,6 +173,7 @@ const infoMessage = {
173
173
  body: {
174
174
  text: 'This is a system generated info message',
175
175
  type: 'text',
176
+ variables: {},
176
177
  },
177
178
  fromClient: false,
178
179
  id: randomId(),
@@ -215,7 +216,7 @@ const participantMessage = {
215
216
  participant: {
216
217
  avatar,
217
218
  id: 'e65fa8dc-97ab-4711-8fec-82bae6461aa2',
218
- introduction: "You're now talking to Mrs. Bot gimme a minit",
219
+ introduction: "You're now talking to {{name}} gimme a minit",
219
220
  name: 'Mrs. Bot',
220
221
  service: {
221
222
  expose: { map: {}, version: 2 },
@@ -239,7 +240,7 @@ const participantMessageDefaultIcon = {
239
240
  messageStatus: 'received',
240
241
  participant: {
241
242
  id: 'e65fa8dc-97ab-4711-8fec-82bae6461aa3',
242
- introduction: "You're now talking to Mrs. Bot gimme a minit",
243
+ introduction: "You're now talking to {{name}} gimme a minit",
243
244
  name: 'Mrs. Bot',
244
245
  service: {
245
246
  expose: { map: {}, version: 2 },
@@ -261,6 +262,7 @@ const getCustomMessage = ({ type, data, text }) => ({
261
262
  type,
262
263
  text,
263
264
  data,
265
+ variables: {},
264
266
  },
265
267
  participant: 'e65fa8dc-97ab-4711-8fec-82bae6461aa2',
266
268
  service: {
@@ -284,6 +286,7 @@ const shortTextMessage = {
284
286
  body: {
285
287
  text: 'What do you want to do?',
286
288
  type: 'text',
289
+ variables: {},
287
290
  },
288
291
  fromClient: false,
289
292
  fromHistory: true,
@@ -345,6 +348,7 @@ const longTextMessage = {
345
348
  body: {
346
349
  text: 'What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am. What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am. What do you want to do? This is a really long message from a bot that has a lot to say about a lot of things. Currently I am contemplating my own bot existence and constantly asking myself who I am.',
347
350
  type: 'text',
351
+ variables: {},
348
352
  },
349
353
  fromClient: false,
350
354
  fromHistory: true,
@@ -368,6 +372,7 @@ const textMessageBoldItalicUnderline = {
368
372
  body: {
369
373
  text: 'Bubble with **bold** *italic* <u>underline</u>',
370
374
  type: 'text',
375
+ variables: {},
371
376
  },
372
377
  fromClient: false,
373
378
  fromHistory: true,
@@ -389,8 +394,24 @@ const textMessageWithLinks = {
389
394
  type: 'message',
390
395
  payload: {
391
396
  body: {
392
- text: '<a href="https://google.com" data-link-id="1">Link in same window</a> and <a href="https://google.com" data-link-id="2" target="_blank">link in new window</a> embedded in text',
397
+ text: '{{link_1}} and {{link_2}} embedded in text',
393
398
  type: 'text',
399
+ variables: {
400
+ link_1: {
401
+ id: '1',
402
+ name: 'Link in same window',
403
+ newTab: false,
404
+ type: 'link',
405
+ url: 'https://google.com',
406
+ },
407
+ link_2: {
408
+ id: '2',
409
+ name: 'link in new window',
410
+ newTab: true,
411
+ type: 'link',
412
+ url: 'https://google.com',
413
+ },
414
+ },
394
415
  },
395
416
  fromClient: false,
396
417
  fromHistory: true,
@@ -412,8 +433,17 @@ const textMessageWithLongLink = {
412
433
  type: 'message',
413
434
  payload: {
414
435
  body: {
415
- text: 'Here is a long link <a href="https://google.com" data-link-id="1">click me click me please click me yoohoooo please please click me here I am click me now what are you waiting for click me now now now now now click meeeeeeeeeeeeee</a> embedded in text',
436
+ text: 'Here is a long link {{link_1}} embedded in text',
416
437
  type: 'text',
438
+ variables: {
439
+ link_1: {
440
+ id: '1',
441
+ name: 'click me click me please click me yoohoooo please please click me here I am click me now what are you waiting for click me now now now now now click meeeeeeeeeeeeee',
442
+ newTab: false,
443
+ type: 'link',
444
+ url: 'https://google.com',
445
+ },
446
+ },
417
447
  },
418
448
  fromClient: false,
419
449
  fromHistory: true,
@@ -437,6 +467,7 @@ const textMesageWithBullets = {
437
467
  body: {
438
468
  text: '<ul>\n<li>Bullets</li>\n<li>bullets</li>\n<li>bullets</li>\n</ul>\n',
439
469
  type: 'text',
470
+ variables: {},
440
471
  },
441
472
  fromClient: false,
442
473
  fromHistory: true,
@@ -591,6 +622,7 @@ const userMessage = {
591
622
  body: {
592
623
  text: 'This is what the user typed',
593
624
  type: 'text',
625
+ variables: {},
594
626
  },
595
627
  fromClient: true,
596
628
  fromHistory: true,
@@ -609,6 +641,7 @@ const userMessageLong = {
609
641
  body: {
610
642
  text: 'This is what the user typed. And sometimes the user has quite a lot to say and then we get longer lines that need to wrap well and not break the styling so here goes with just such a line right here!!',
611
643
  type: 'text',
644
+ variables: {},
612
645
  },
613
646
  fromClient: true,
614
647
  fromHistory: true,
@@ -1181,6 +1214,7 @@ const standardState = {
1181
1214
  body: {
1182
1215
  text: 'Long ago when a dialog started',
1183
1216
  type: 'text',
1217
+ variables: {},
1184
1218
  },
1185
1219
  },
1186
1220
  },
@@ -1242,6 +1276,7 @@ const standardState = {
1242
1276
  body: {
1243
1277
  text: 'Long ago when a dialog started',
1244
1278
  type: 'text',
1279
+ variables: {},
1245
1280
  },
1246
1281
  },
1247
1282
  },
@@ -1254,6 +1289,7 @@ const standardState = {
1254
1289
  body: {
1255
1290
  text: 'Above me should be a time indicator showing the full date',
1256
1291
  type: 'text',
1292
+ variables: {},
1257
1293
  },
1258
1294
  },
1259
1295
  },
@@ -1266,6 +1302,7 @@ const standardState = {
1266
1302
  body: {
1267
1303
  text: 'Another message',
1268
1304
  type: 'text',
1305
+ variables: {},
1269
1306
  },
1270
1307
  },
1271
1308
  },
@@ -1278,6 +1315,7 @@ const standardState = {
1278
1315
  body: {
1279
1316
  text: 'And another message',
1280
1317
  type: 'text',
1318
+ variables: {},
1281
1319
  },
1282
1320
  },
1283
1321
  },
@@ -1290,6 +1328,7 @@ const standardState = {
1290
1328
  body: {
1291
1329
  text: 'Above me should be a time indicator showing "yesterday"',
1292
1330
  type: 'text',
1331
+ variables: {},
1293
1332
  },
1294
1333
  },
1295
1334
  },
@@ -1302,6 +1341,7 @@ const standardState = {
1302
1341
  body: {
1303
1342
  text: 'Another message',
1304
1343
  type: 'text',
1344
+ variables: {},
1305
1345
  },
1306
1346
  },
1307
1347
  },
@@ -1314,6 +1354,7 @@ const standardState = {
1314
1354
  body: {
1315
1355
  text: 'And another message',
1316
1356
  type: 'text',
1357
+ variables: {},
1317
1358
  },
1318
1359
  },
1319
1360
  },
@@ -1326,6 +1367,7 @@ const standardState = {
1326
1367
  body: {
1327
1368
  text: 'Above me should be a time indicator showing me the dialog continues today',
1328
1369
  type: 'text',
1370
+ variables: {},
1329
1371
  },
1330
1372
  },
1331
1373
  },
package/src/javascripts/ui/components/app-options/index.js CHANGED
@@ -17,17 +17,23 @@ export default function AppOptions() {
17
17
  }
18
18
 
19
19
  return (
20
- <div className={className('app__options')}>
20
+ <div className={className('chat__options')}>
21
21
  {isTranslationsAvailable && (
22
22
  <div
23
- className={className('app__options-item', 'app__options-item--left')}
23
+ className={className(
24
+ 'chat__options-item',
25
+ 'chat__options-item--left',
26
+ )}
24
27
  >
25
28
  <TranslationsOptionsButton />
26
29
  </div>
27
30
  )}
28
31
  {allowOptionSelection && (
29
32
  <div
30
- className={className('app__options-item', 'app__options-item--right')}
33
+ className={className(
34
+ 'chat__options-item',
35
+ 'chat__options-item--right',
36
+ )}
31
37
  >
32
38
  <OptionsButton />
33
39
  </div>
package/src/javascripts/ui/components/conversation/conversation.js CHANGED
@@ -72,7 +72,7 @@ const Conversation = () => {
72
72
  {t('skiplinkText')}
73
73
  </a>
74
74
  )}
75
- <div className={className('app__body')} ref={appBodyContainer}>
75
+ <div className={className('chat__body')} ref={appBodyContainer}>
76
76
  <div className={className('conversation__container')}>
77
77
  <PrivacyDisclaimer />
78
78
  <ol className={className('conversation')}>
package/src/javascripts/ui/components/conversation/event/carousel-message/index.js CHANGED
@@ -1,11 +1,13 @@
1
1
  import MessageContainer from '../../message-container'
2
2
  import CarouselComponent from '../carousel-component'
3
+ import { useTranslatedEventData } from '../../../../../domains/translations'
3
4
  import CarouselMessageSlide from './components/slide'
4
5
 
5
6
  const getItemKey = (item, idx, prefix = '') => `${prefix}${item.title}:${idx}`
6
7
  const getItemLabel = (item) => item.title
7
8
  const CarouselMessage = ({ event }) => {
8
- const slides = event.payload.body.cards
9
+ const [body] = useTranslatedEventData(event)
10
+ const slides = body.cards
9
11
 
10
12
  return (
11
13
  <MessageContainer event={event} modifiers={'type-carousel'}>
package/src/javascripts/ui/components/conversation/event/conversation-suggestions.js CHANGED
@@ -1,4 +1,4 @@
1
- import { useCallback } from 'preact/hooks'
1
+ import { useCallback, useState } from 'preact/hooks'
2
2
  import { className } from '../../../../lib/css'
3
3
  import { actionTypes } from '../../../utils/seamly-utils'
4
4
  import { useI18n } from '../../../../domains/i18n'
@@ -6,6 +6,7 @@ import { useTranslatedEventData } from '../../../../domains/translations'
6
6
  import MessageContainer from '../message-container'
7
7
  import { useSeamlyCommands } from '../../../hooks/seamly-hooks'
8
8
  import SuggestionsList from '../../suggestions/suggestions-list'
9
+ import { useConfig } from '../../../../domains/config'
9
10
 
10
11
  export const useSuggestions = (event) => {
11
12
  const { payload } = event
@@ -18,6 +19,8 @@ export const useSuggestions = (event) => {
18
19
  }
19
20
 
20
21
  const ConversationSuggestions = ({ event, ...props }) => {
22
+ const { userResponded } = useConfig()
23
+ const [isExpanded, setIsExpanded] = useState(true)
21
24
  const { t } = useI18n()
22
25
  const headingText = t('suggestions.headingText')
23
26
  const footerText = t('suggestions.footerText')
@@ -26,6 +29,8 @@ const ConversationSuggestions = ({ event, ...props }) => {
26
29
  const handleClick = useCallback(
27
30
  ({ id, question }) => {
28
31
  // @todo Refactor to 'suggestionclick'
32
+ setIsExpanded(false)
33
+
29
34
  sendAction({
30
35
  type: actionTypes.custom,
31
36
  originMessage: payload.id,
@@ -40,13 +45,17 @@ const ConversationSuggestions = ({ event, ...props }) => {
40
45
 
41
46
  addMessageBubble(question)
42
47
  },
43
- [payload, sendAction, addMessageBubble],
48
+ [payload, sendAction, addMessageBubble, setIsExpanded],
44
49
  )
45
50
 
51
+ if (!isExpanded || userResponded) {
52
+ return null
53
+ }
54
+
46
55
  return (
47
56
  <div className={className('suggestions', 'suggestions--conversation')}>
48
57
  {headingText && (
49
- <h2 className={className('suggestions__heading')}>{headingText}</h2>
58
+ <p className={className('suggestions__heading')}>{headingText}</p>
50
59
  )}
51
60
  <MessageContainer
52
61
  type="suggestions"
package/src/javascripts/ui/components/conversation/event/hooks/use-text-rendering.js ADDED
@@ -0,0 +1,35 @@
1
+ import Mustache from 'mustache'
2
+
3
+ Mustache.escape = function (escapeText) {
4
+ return escapeText
5
+ }
6
+
7
+ const parseLinkVariable = (variable) => {
8
+ return `<a href='${variable.url}' data-link-id='${variable.id}' ${
9
+ variable.newTab ? 'target="_blank"' : ''
10
+ }>${variable.name}</a>`
11
+ }
12
+
13
+ export function parseRichText(text, variables = {}) {
14
+ const view = {}
15
+ Object.entries(variables).forEach(([key, variable]) => {
16
+ switch (variable.type) {
17
+ case 'link':
18
+ view[key] = parseLinkVariable(variable)
19
+ break
20
+ case 'text':
21
+ view[key] = variable.value
22
+ break
23
+ }
24
+ }, {})
25
+
26
+ // Disable escaping as we'll be generating HTML
27
+ const oldEscape = Mustache.escape
28
+ Mustache.escape = function (escapeText) {
29
+ return escapeText
30
+ }
31
+ const output = Mustache.render(text, view)
32
+ Mustache.escape = oldEscape
33
+
34
+ return output
35
+ }