@font-face{font-family:Alegreya Sans SC;src:url(/fonts/AlegreyaSansSC-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/BarlowSemiCondensed-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.ttf)format("truetype");font-weight:400;font-style:normal}html,body{margin:0;padding:0}html{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}body,#app{width:192px;max-width:100vw;height:80px;max-height:100vh}body.open,body.open #app{width:370px;height:670px}#app{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}#app #open-button{color:#fff;cursor:pointer;background:url(/boyde-chat-icon.png) 50%/cover no-repeat;border:0;justify-content:center;align-items:center;width:192px;height:80px;margin:0;padding:0;transition:all .3s;display:flex}#app #chat-window{background:#d88642;flex-flow:column wrap;width:100%;height:100%;transition:all .5s;display:none}#app #chat-window #header{box-sizing:border-box;background-color:#632a7f;justify-content:center;align-items:center;width:100%;padding:20px 50px;display:flex;position:relative}#app #chat-window #header #language-selector{appearance:none;color:#fff;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:none;outline:none;padding-right:25px;font-size:14px;font-weight:900;display:none;position:absolute;left:10px}#app #chat-window #header #language-selector:hover{background-color:#ffffff4d}#app #chat-window #header #language-selector option{color:#333;background:#fff}#app #chat-window #header #title{letter-spacing:0%;vertical-align:middle;color:#fff;font-family:Alegreya Sans SC,sans-serif;font-size:20px;font-weight:400;line-height:14px}#app #chat-window #header #close-button{color:#fff;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:all .3s;display:flex;position:absolute;right:10px}#app #chat-window #header #close-button:hover{background-color:#ffffff4d}#app #chat-window #message-area{background-color:#fff;flex-flow:column wrap;flex-grow:1;font-family:Barlow Semi Condensed,sans-serif;font-weight:400;display:flex}#app #chat-window #message-area #message-display{flex-grow:1;height:1px;padding:20px;position:relative;overflow:hidden auto}#app #chat-window #message-area #message-display .message{box-sizing:border-box;text-align:left;width:fit-content;max-width:75%;letter-spacing:0%;border-radius:16px;margin-bottom:40px;padding:18px;font-size:18px;line-height:18px;position:relative}#app #chat-window #message-area #message-display .message.from-user{background-color:#d2f6e8;border-bottom-right-radius:0;margin-left:auto}#app #chat-window #message-area #message-display .message.from-user:after{text-align:right;width:90vw;right:0;left:unset}#app #chat-window #message-area #message-display .message.from-api{background-color:#e5cdf0;border-bottom-left-radius:0;margin-left:12%}#app #chat-window #message-area #message-display .message.from-api:before{content:"";background-color:#0000;background-image:url(/boyde-message-icon.svg);width:32px;height:32px;position:absolute;bottom:-18px;left:-40px}#app #chat-window #message-area #message-display .message>*{word-break:break-word;max-width:100%}#app #chat-window #message-area #message-display .message:after{content:attr(date);width:90vw;letter-spacing:0%;vertical-align:middle;color:#727272;font-family:Barlow Semi Condensed;font-size:12px;font-weight:400;line-height:18px;position:absolute;bottom:-20px;left:0}#app #chat-window #message-area #message-input-wrapper{border:1px solid #d6d6d6;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:10px;padding:10px;display:flex;position:relative}#app #chat-window #message-area #message-input-wrapper #message-input{resize:none;border:none;flex-grow:1;padding:0}#app #chat-window #message-area #message-input-wrapper #message-input::placeholder{color:#000;opacity:1}#app #chat-window #message-area #message-input-wrapper #message-input:focus{box-shadow:none;outline:none}#app #chat-window #message-area #message-input-wrapper #message-send-button{cursor:pointer;background-color:#632a7f;border:none;border-radius:6px;width:22px;height:22px;margin-left:20px;transition:all .3s}#app #chat-window #message-area #message-input-wrapper #message-send-button #message-send-arrow{background-color:#fff;width:14px;height:14px;-webkit-mask-image:url(/boyde-arrow.svg);mask-image:url(/boyde-arrow.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#app #chat-window #message-area #message-input-wrapper #message-send-button:hover{background-color:#0000004d}#app #chat-window #footer{text-align:left;background-color:#d6d6d6;padding:10px 20px}#app #chat-window #footer a{color:#000;letter-spacing:0%;font-variant:small-caps;font-family:Montserrat,sans-serif;font-size:8px;font-weight:500;line-height:100%;text-decoration:none}body.open #app #open-button{display:none}body.open #app #chat-window{display:flex}body.once-opened #app #open-button{background-image:url(/boyde-chatbot-once-closed.svg);width:80px}