.chatbot__button{cursor:pointer;background-color:#fff;border:none;border-radius:100%;align-items:center;width:60px;height:60px;padding:0;transition:transform .2s ease-in-out;display:flex;overflow:hidden;box-shadow:0 1px 6px #00000026,0 2px 32px #00000040;&:hover{transform:scale(1.1)}&.has-notifications{animation:5s ease-in-out infinite notification-bounce;&:hover{transition:transform .2s ease-in-out;animation-play-state:paused;transform:scale(1.1)}}}.chatbot__button__mathew-img{width:100%}@keyframes notification-bounce{0%,10%{transform:translateY(0)rotate(0)scaleX(1)scaleY(1)}15%{transform:translateY(15px)rotate(0)scaleX(1.05)scaleY(.95)}18%{transform:translateY(3px)rotate(0)scaleX(.97)scaleY(1.03)}20%{transform:translateY(-40px)rotate(-2deg)scaleX(.96)scaleY(1.04)}22%{transform:translateY(-42px)rotate(6deg)scaleX(.98)scaleY(1.02)}24%{transform:translateY(-41px)rotate(-7deg)scaleX(.99)scaleY(1.01)}26%{transform:translateY(-42px)rotate(5deg)scaleX(.98)scaleY(1.02)}28%{transform:translateY(-41px)rotate(-2deg)scaleX(.99)scaleY(1.01)}30%{transform:translateY(-41px)rotate(1deg)scaleX(.98)scaleY(1.02)}32%{transform:translateY(-40px)rotate(-.5deg)scaleX(.99)scaleY(1.01)}34%{transform:translateY(-40px)rotate(0)scaleX(.97)scaleY(1.03)}37%{transform:translateY(8px)rotate(0)scaleX(1.03)scaleY(.97)}40%{transform:translateY(-3px)rotate(0)scaleX(1.02)scaleY(.98)}42%{transform:translateY(0)rotate(0)scaleX(1)scaleY(1)}}.chatbot__chat__home[data-v-f33ec4b2]{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:24px;display:flex}.chatbot__chat__home__image[data-v-f33ec4b2]{width:75px;height:75px}.chatbot__chat__home__title[data-v-f33ec4b2]{color:var(--mathew-chatbot-color-light);margin-bottom:2px;font-size:1.25rem;font-weight:600}.chatbot__chat__home__subtitle[data-v-f33ec4b2]{color:var(--mathew-chatbot-color-light);margin:0;font-size:.875rem;font-weight:400}.chatbot__chat__home__description[data-v-f33ec4b2]{color:var(--mathew-chatbot-color-primary-light);margin:0;font-size:.875rem}.chatbot__chat__context__contents{&>div{flex-direction:column;gap:8px;display:flex;&>.context__content{cursor:pointer;width:fit-content;color:var(--mathew-chatbot-color-primary);background-color:var(--mathew-chatbot-color-light);border-radius:16px;padding:8px 12px;font-size:1rem;font-weight:400;transition:background-color .2s ease-out;&>svg{color:var(--mathew-chatbot-color-primary)}}}&>span{color:var(--mathew-chatbot-color-primary-light);margin-bottom:2px;font-size:.8rem;font-weight:500;display:block}}.chatbot__chat__message{&.assistant>.chatbot__chat__message__content{padding-inline-start:0;font-weight:400}&.user{max-width:80%;margin-left:auto;&>.chatbot__chat__message__content{background-color:var(--mathew-chatbot-color-light);color:var(--mathew-chatbot-color-primary);border-radius:12px 4px 12px 12px;padding:8px 12px}&>.chatbot__chat__message__participant-info{flex-direction:row-reverse}}}.chatbot__chat__message__content{color:var(--mathew-chatbot-color-light);border-radius:24px;padding:8px 12px;font-size:1rem;& p:only-child{margin:0}&>.chatbot__chat__context__contents{margin-top:14px}}.chatbot__chat__message__participant-info{color:var(--mathew-chatbot-color-primary-light);align-items:center;font-weight:500;display:flex;&+.chatbot__chat__message__content{padding-top:8px}}.chatbot__chat__message__participant-info__avatar{border-radius:100%;width:36px;height:36px}.chatbot__chat__message__participant-info__name{justify-content:space-between;align-items:center;width:100%;padding:0 12px;font-size:1rem;display:flex;&>span{font-weight:300}}.chatbot__chat{flex-direction:column;gap:32px;display:flex}.loader{align-items:center;gap:4px;height:20px;margin-top:10px;margin-left:24px;display:inline-flex;position:relative}.loader:before,.loader:after{content:"";background:var(--mathew-chatbot-color-primary-light);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-pulse}.loader:before{animation-delay:-.32s}.loader:after{animation-delay:0s}.loader{background:var(--mathew-chatbot-color-primary-light);border-radius:50%;width:8px;height:8px;margin-right:12px;animation:1.4s ease-in-out -.16s infinite typing-pulse}.loader:before{position:absolute;left:-12px}.loader:after{position:absolute;right:-12px}@keyframes typing-pulse{0%,80%,to{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chatbot__window__body{--chatbot-window-body-padding:20px;padding:0px var(--chatbot-window-body-padding);flex-grow:1;scroll-padding-block-start:64px;overflow:hidden auto;&::-webkit-scrollbar-thumb{background-color:var(--mathew-chatbot-color-primary-light);background-clip:padding-box;border:4px solid #0000;border-radius:10px}&::-webkit-scrollbar-track{background-color:inherit;border:4px solid initial;background-clip:padding-box;border-radius:10px}&::-webkit-scrollbar{width:15px;height:15px}& .chatbot__window__body__ai-disclaimer{background-color:var(--mathew-chatbot-color-primary);padding-top:8px;padding-bottom:16px;position:sticky;top:0;left:0;&>small{color:var(--mathew-chatbot-color-primary-light);text-align:center;font-size:.7rem;line-height:1.25;display:block}}}.chatbot__window__footer{width:100%;padding:20px;&>form{align-items:flex-end;gap:16px;display:flex}}.chatbot__window__footer_wrapper{background-color:var(--mathew-chatbot-color-light);border-radius:16px 20px 20px;justify-content:space-between;align-items:flex-end;gap:16px;width:100%;padding:8px 8px 8px 12px;display:flex}.chatbot__window__footer__send-button{background-color:var(--mathew-chatbot-color-primary);cursor:pointer;border:none;border-radius:16px;flex-shrink:0;align-items:center;width:40px;height:40px;padding:16px;transition:background-color .2s ease-out;display:flex;&:hover{background-color:var(--mathew-chatbot-color-primary-dark)}}.chatbot__window__footer__input{background-color:var(--mathew-chatbot-color-light);color:var(--mathew-chatbot-color-primary);resize:none;border:none;outline:none;flex-grow:1;min-height:24px;max-height:120px;font-family:inherit;font-size:1rem;line-height:1.5;overflow-y:auto;&::placeholder{color:var(--mathew-chatbot-color-gray-500)}&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background-color:var(--mathew-chatbot-color-primary-light);border-radius:2px}&::-webkit-scrollbar-track{background-color:#0000}}.chatbot__window__header{background:var(--mathew-chatbot-color-primary);flex-direction:column;gap:24px;width:100%;padding:16px 16px 4px;display:flex}.chatbot__window__header__title{justify-content:flex-start;align-items:center;gap:16px;display:flex;&>h5{color:#fff;margin:0;font-size:1.5rem;font-weight:700}}.chatbot__window__header__close__button{color:#fff;cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.chatbot__window__header__avatar{border-radius:50%;width:52px;height:52px;box-shadow:0 4px 6px #0003}.chatbot__window__header__toggle{align-items:center;gap:0;display:flex;&>button:first-of-type{border-radius:12px 0 0 12px}&>button:last-of-type{border-radius:0 12px 12px 0}}.chatbot__window__header__toggle__button{outline:1px solid var(--mathew-chatbot-color-primary-dark);outline-offset:-1px;color:#fff;background:var(--mathew-chatbot-color-primary);cursor:pointer;border:none;flex:1;height:44px;font-size:1.125rem;font-weight:600;&.selected{background-color:var(--mathew-chatbot-color-primary-dark)}&:focus{outline-offset:-1px;outline:1px solid var(--mathew-chatbot-color-primary-dark)!important}}.beta-tag-wrapper{align-items:center;display:flex}.beta-tag{background:var(--mathew-chatbot-color-secondary);color:#fff;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;padding:4px 20px;font-size:.7rem;font-weight:700;display:flex}.chatbot__notification__message{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.chatbot__notification__message__content{background-color:#fff2e5;border-radius:0 15px 15px;flex:1;min-width:0;margin-left:48px;padding:16px}.chatbot__notification__header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.chatbot__notification__icon{color:#ffb463;flex-shrink:0;width:20px;height:20px}.chatbot__notification__title{color:#333;flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.2}.chatbot__notification__details{margin-bottom:16px}.chatbot__notification__subtitle{color:#333;margin:0;font-size:14px;font-weight:600;line-height:1.2}.chatbot__notification__description{color:#333;margin:0;font-size:14px;font-weight:400;line-height:1.4}.chatbot__notification__action-button{border:1px solid var(--mathew-chatbot-color-primary);color:var(--mathew-chatbot-color-primary);cursor:pointer;background-color:#fff;border-radius:16px;padding:4px 24px;font-size:14px;font-weight:600;line-height:24px;transition:all .2s ease-out}.chatbot__notification__action-button:hover{background-color:var(--mathew-chatbot-color-primary-light)}.chatbot__window__notifications{flex-direction:column;flex:1;height:100%;display:flex}.chatbot__window__notifications__content{flex-direction:column;flex:1;padding:0 16px 16px;display:flex;overflow-y:auto}.notifications-list{flex-direction:column;gap:8px;display:flex}.notifications-date-separator{justify-content:center;margin:16px 0;display:flex;position:relative}.notifications-date-separator:before{content:"";background-color:var(--mathew-chatbot-color-primary-mid);z-index:1;height:1px;position:absolute;top:50%;left:0;right:0}.notifications-date-separator span{background-color:var(--mathew-chatbot-window-background-color);color:var(--mathew-chatbot-color-primary-light);z-index:2;text-transform:capitalize;padding:0 16px;font-size:.8rem;font-weight:500;position:relative}.notifications-empty{justify-content:center;align-items:center;height:100%;padding:32px;display:flex}.notifications-empty__content{text-align:center;color:var(--mathew-chatbot-color-primary-light)}.notifications-empty__content h3{opacity:.8;margin:0 0 8px;font-size:1rem;font-weight:600}.notifications-empty__content p{opacity:.6;margin:0;font-size:.875rem;line-height:1.4}.chatbot__window{background-color:var(--mathew-chatbot-window-background-color);opacity:0;transform-origin:100% 100%;width:0;max-width:0;height:0;max-height:0;margin-left:calc(-20px + clamp(0px,calc(100vw - var(--mathew-chatbot-window-max-width)),20px));margin-right:calc(-20px + clamp(0px,calc(100vw - var(--mathew-chatbot-window-max-width)),20px));pointer-events:none;border-radius:16px;flex-direction:column;transition:width .3s ease-out,max-width .3s ease-out,height .3s ease-out,max-height .3s ease-out,opacity .15s ease-out;display:flex;overflow:hidden;box-shadow:0 1px 3px -1px #0000000d,0 4px 20px -1px #0000002e;&.open{pointer-events:all;width:min(100vw,var(--mathew-chatbot-window-max-width));max-width:var(--mathew-chatbot-window-max-width);height:min(90vh,var(--mathew-chatbot-window-max-height));max-height:var(--mathew-chatbot-window-max-height);opacity:1;transition:width .3s cubic-bezier(0,1.2,1,1),max-width .3s cubic-bezier(0,1.2,1,1),height .3s cubic-bezier(0,1.2,1,1),max-height .3s cubic-bezier(0,1.2,1,1),opacity .15s ease-out}}.chatbot__window__content{flex:1;position:relative;overflow:hidden}.chatbot__tab-content{flex-direction:column;width:100%;height:100%;display:flex}.slide-left-enter-active,.slide-left-leave-active{transition:all .1s ease-in-out}.slide-left-enter-from{opacity:0;transform:translate(10px)}.slide-left-leave-to{opacity:0;transform:translate(-10px)}.slide-right-enter-active,.slide-right-leave-active{transition:all .1s ease-in-out}.slide-right-enter-from{opacity:0;transform:translate(-10px)}.slide-right-leave-to{opacity:0;transform:translate(10px)}.chatbot__window__powered-by{text-align:center;padding-bottom:.25rem;font-size:.7rem;&>a{color:var(--mathew-chatbot-color-primary);font-weight:600;text-decoration:none}}.chatbot{--mathew-chatbot-color-primary:#5e61ea;--mathew-chatbot-color-primary-light:#e2e5fe;--mathew-chatbot-color-primary-mid:#9ca2e1;--mathew-chatbot-color-primary-dark:#7f81ee;--mathew-chatbot-color-primary-shadow:#2a2c79;--mathew-chatbot-color-primary-shadow-rgb:42,44,121;--mathew-chatbot-color-secondary:#ea5e61;--mathew-chatbot-color-success:#38a736;--mathew-chatbot-color-info:#50ced2;--mathew-chatbot-color-warning:#ffb463;--mathew-chatbot-color-light:#f3f4ff;--mathew-chatbot-color-gray-500:#959cb0;--mathew-chatbot-color-gray-600:#5f6274;--mathew-chatbot-window-max-width:450px;--mathew-chatbot-window-max-height:900px;--mathew-chatbot-window-background-color:#5e61ea;& *{font-family:inherit}& *,& :before,& :after{box-sizing:border-box}& img,& video,& svg:not(.svg-inline--fa){max-width:100%;height:auto;display:block}& p{text-wrap:pretty}}body:is([style*="pointer-events: none"],.modal-open) .chatbot{display:none}.chatbot{z-index:999999999;flex-direction:column;align-items:flex-end;row-gap:16px;transition:transform .3s ease-out,opacity .3s ease-out;display:flex;position:fixed;bottom:20px;right:20px}.button--hidden{transition:all .3s ease-out;transform:translateY(80px)}.chatbot{--mathew-chatbot-color-primary:#5e61ea;--mathew-chatbot-color-primary-light:#e2e5fe;--mathew-chatbot-color-primary-mid:#9ca2e1;--mathew-chatbot-color-primary-dark:#7f81ee;--mathew-chatbot-color-primary-shadow:#2a2c79;--mathew-chatbot-color-primary-shadow-rgb:42,44,121;--mathew-chatbot-color-secondary:#ea5e61;--mathew-chatbot-color-success:#38a736;--mathew-chatbot-color-info:#50ced2;--mathew-chatbot-color-warning:#ffb463;--mathew-chatbot-color-light:#f3f4ff;--mathew-chatbot-color-gray-500:#959cb0;--mathew-chatbot-color-gray-600:#5f6274;--mathew-chatbot-window-max-width:450px;--mathew-chatbot-window-max-height:900px;--mathew-chatbot-window-background-color:#5e61ea;& *{font-family:inherit}& *,& :before,& :after{box-sizing:border-box}& img,& video,& svg:not(.svg-inline--fa){max-width:100%;height:auto;display:block}& p{text-wrap:pretty}}