-
Notifications
You must be signed in to change notification settings - Fork 771
/
Copy pathconversational-form.min.css
1 lines (1 loc) · 33.2 KB
/
conversational-form.min.css
1
@charset "UTF-8";.conversational-form{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;visibility:visible!important;font-family:"Helvetica Neue","Neue Helvetica W01",Helvetica,Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:18px;line-height:22px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;margin:auto;background:#fff;overflow:hidden;opacity:0;will-change:opacity}.conversational-form *,.conversational-form :after,.conversational-form :before{box-sizing:border-box;outline:0}.conversational-form:before{content:"";width:100%;height:50px;pointer-events:none;background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%);position:absolute;top:0;left:0;z-index:2}.conversational-form button{border:none;background:0 0;margin:0;padding:0;outline:0;-webkit-tap-highlight-color:transparent!important}.conversational-form menu{padding:0;margin:0}.conversational-form li,.conversational-form ol,.conversational-form ul{margin:0;padding:0}.conversational-form a,.conversational-form a:active,.conversational-form a:visited{color:currentColor}.conversational-form a,.conversational-form button{cursor:pointer}@media (max-width:1152px){.conversational-form{font-size:16px;line-height:20px}}.conversational-form .conversational-form-inner{padding:0 20px;position:absolute;width:100%;min-height:100%;max-height:100%;bottom:0;height:auto;overflow:hidden;margin-bottom:auto;display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:baseline}@media (max-width:1152px){.conversational-form .conversational-form-inner{padding:0 14px}}.conversational-form--enable-animation .conversational-form{transition:opacity .1875s cubic-bezier(.215,.61,.355,1)}.conversational-form *{-webkit-tap-highlight-color:rgba(255,255,255,0);tap-highlight-color:rgba(255,255,255,0)}.conversational-form--show{opacity:1}cf-info{position:absolute;pointer-events:none;z-index:0;left:0;top:25%;height:auto;width:100%;text-overflow:ellipsis;padding-right:20px;margin-top:12px;overflow:hidden;display:block;transform:translateY(-115%);color:#000;opacity:1;will-change:opacity;font-size:12px}cf-info.show{opacity:1}.conversational-form--enable-animation cf-info.show{transition:opacity .75s cubic-bezier(.215,.61,.355,1)}cf-input{display:block;position:relative;width:100%;height:auto;margin-bottom:20px;margin-top:0;flex:0 0 auto;background:#fff}@media (max-width:1152px){cf-input{margin-bottom:14px}}cf-input .inputWrapper{position:relative}cf-input.animate-in input,cf-input.animate-in textarea{transition-delay:0s,0s,0s,.4s,.4s;opacity:1;transform:translateY(0) rotateX(0)}cf-input.animate-in cf-input-button.cf-input-button{transition-delay:0s,0s .75s;transform:scale(1,1)}cf-input input,cf-input textarea{resize:none;overflow:hidden;padding:calc((60px - 4px - 18px)/ 2) 60px calc((60px - 4px - 18px)/ 2) calc((60px - 2px - 18px)/ 2)}cf-input input,cf-input textarea{outline:0;-webkit-appearance:none;-webkit-touch-callout:auto!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important;border-radius:0;border:none;-webkit-appearance:none;position:relative;z-index:2;display:block;font-family:"Helvetica Neue","Neue Helvetica W01",Helvetica,Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;font-size:18px;width:100%;height:60px;min-height:60px;color:#464957;will-change:box-shadow,background,color,transform,opacity;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.35);opacity:0;transform:translateY(40px) rotateX(-40deg);transition:all .3125s!important}cf-input input:-webkit-autofill,cf-input textarea:-webkit-autofill{background-color:#fff}cf-input input:active,cf-input input:focus,cf-input textarea:active,cf-input textarea:focus{box-shadow:0 0 6px rgba(0,0,0,.3)}.conversational-form--enable-animation cf-input input,.conversational-form--enable-animation cf-input textarea{transition:box-shadow .75s cubic-bezier(.215,.61,.355,1),background .75s cubic-bezier(.215,.61,.355,1),color .75s cubic-bezier(.215,.61,.355,1),transform 375ms cubic-bezier(.175,.885,.32,1.275) 0s,opacity 375ms cubic-bezier(.215,.61,.355,1) 0s}cf-input input:hover::-webkit-input-placeholder,cf-input textarea:hover::-webkit-input-placeholder{color:#020202}cf-input input:hover::-moz-input-placeholder,cf-input textarea:hover::-moz-input-placeholder{color:#020202}cf-input input:hover:-moz-input-placeholder,cf-input textarea:hover:-moz-input-placeholder{color:#020202}cf-input input:hover:-ms-input-placeholder,cf-input textarea:hover:-ms-input-placeholder{color:#020202}cf-input input::-webkit-input-placeholder,cf-input textarea::-webkit-input-placeholder{color:currentColor}cf-input input::-moz-input-placeholder,cf-input textarea::-moz-input-placeholder{color:currentColor}cf-input input:-moz-input-placeholder,cf-input textarea:-moz-input-placeholder{color:currentColor}cf-input input:-ms-input-placeholder,cf-input textarea:-ms-input-placeholder{color:currentColor}cf-input input[no-animations],cf-input textarea[no-animations]{transition:none!important}cf-input input[rows='1'],cf-input textarea[rows='1']{min-height:60px!important}cf-input input:not([rows="1"]),cf-input textarea:not([rows="1"]){transition-delay:.9s!important}cf-input input[rows="2"],cf-input textarea[rows="2"]{min-height:80px!important}cf-input input[rows="3"],cf-input textarea[rows="3"]{min-height:100px!important}cf-input input[rows="4"],cf-input textarea[rows="4"]{min-height:120px!important}cf-input input[rows="5"],cf-input textarea[rows="5"]{min-height:140px!important}cf-input input[rows="6"],cf-input textarea[rows="6"]{min-height:160px!important}cf-input.hide-input input,cf-input.hide-input textarea{display:none}cf-input.hide-input cf-input-button{display:none}cf-input[disabled=disabled]{pointer-events:none}cf-input[disabled=disabled] input,cf-input[disabled=disabled] textarea{background:rgba(229,230,234,.5)}cf-input[disabled=disabled] .cf-input-button{background:rgba(229,230,234,.75)}cf-input cf-icon-audio-eq{display:block;border:0 solid grey;border-color:#303030;width:100%;height:100%;border-radius:50%;z-index:0;position:absolute;top:0;left:0}cf-input[error]{pointer-events:none}cf-input[error] input,cf-input[error] textarea{background:#ffebe9;color:#fe8d84}cf-input[error] .cf-input-button{background:#ffebe9}cf-input[error] .cf-input-button svg polygon{fill:#fe8d84}cf-input[message] input,cf-input[message] textarea{background:#303030;color:#4a4a4a}cf-input[message] .cf-input-button{background:#303030}cf-input[message] .cf-input-button svg polygon{fill:#4a4a4a}cf-input[tag-type=file] cf-input-button.cf-input-button.loading:after{content:"";display:block;position:relative;left:calc(50% - (60px / 4));top:calc(50% - (60px / 4));width:30px;height:30px;border:1px solid #b9bcbe;border-radius:50%;border-left:0;border-top:0;animation:cf-spin 1s linear infinite;will-change:opacity}.conversational-form--enable-animation cf-input[tag-type=file] cf-input-button.cf-input-button.loading:after{transition:opacity 375ms cubic-bezier(.215,.61,.355,1)}cf-input[tag-type=file] cf-input-button.cf-input-button div.cf-icon-attachment{transform:rotateX(0);opacity:1}cf-input[tag-type=file] cf-input-button.cf-input-button div.cf-icon-progress{transform:rotateX(-90deg);opacity:0}cf-input-button.cf-input-button{width:60px;height:100%;background:#303030;position:absolute;overflow:hidden;right:0;bottom:0;z-index:3;cursor:pointer;border-radius:0;will-change:background,border;transform-origin:50% 50%;transform:scale(0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none}.conversational-form--enable-animation cf-input-button.cf-input-button{transition:background 375ms cubic-bezier(.215,.61,.355,1),border 375ms cubic-bezier(.215,.61,.355,1),transform 375ms cubic-bezier(.175,.885,.32,1.275) 0s}cf-input-button.cf-input-button .cf-input-icons.cf-microphone{transform:scale(0,0);pointer-events:none}cf-input-button.cf-input-button.microphone-interface .cf-input-icons{transform-origin:50% 50%;transform:scale(1,1) rotateX(0) translateZ(0);transition:transform 375ms cubic-bezier(.215,.61,.355,1)}cf-input-button.cf-input-button.microphone-interface .cf-input-icons:not(.cf-microphone){pointer-events:none;transform:scale(.25,.25) rotateX(90deg) translateZ(0)}cf-input-button.cf-input-button.microphone-interface .cf-input-icons.cf-microphone{pointer-events:auto;transform:scale(1,1) rotateX(0) translateZ(0)}cf-input-button.cf-input-button.microphone-interface.loading:not(.typing){pointer-events:none}cf-input-button.cf-input-button.microphone-interface.loading:not(.typing) .cf-microphone div.cf-icon-audio{opacity:1}cf-input-button.cf-input-button.microphone-interface.typing .cf-input-icons:not(.cf-microphone){pointer-events:auto;transform:scale(1,1) rotateX(0) translateZ(0)}cf-input-button.cf-input-button.microphone-interface.typing .cf-input-icons.cf-microphone{transform:scale(.25,.25) rotateX(90deg) translateZ(0);pointer-events:none}cf-input-button.cf-input-button .cf-input-icons{position:absolute;z-index:1;pointer-events:none;width:100%;height:100%}cf-input-button.cf-input-button .cf-input-icons>div{width:100%;height:100%;position:absolute;z-index:1;background-repeat:no-repeat;background-position:50% 50%;transform-origin:50% 50%;will-change:transform,opacity}.conversational-form--enable-animation cf-input-button.cf-input-button .cf-input-icons>div{transition:transform 375ms cubic-bezier(.215,.61,.355,1),opacity 375ms cubic-bezier(.215,.61,.355,1)}cf-input-button.cf-input-button div.cf-icon-attachment{transform:rotateX(90deg);opacity:0;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12px' height='16px' viewBox='0 0 12 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%28-573.000000, -605.000000%29' stroke='%23E5E6EA'%3E%3Cg transform='translate%2884.000000, 136.000000%29'%3E%3Cg transform='translate%281.000000, 456.000000%29'%3E%3Cpath d='M499,23.1092437 L499,18.907563 C499,16.2016807 496.756849,14 494,14 C491.243151,14 489,16.2016807 489,18.907563 L489,24.5042017 C489,26.4369748 490.592466,28 492.561644,28 C494.530822,28 496.123288,26.4369748 496.123288,24.5042017 L496.123288,18.907563 C496.140411,17.7478992 495.181507,16.8067227 494,16.8067227 C492.818493,16.8067227 491.859589,17.7478992 491.859589,18.907563 L491.859589,23.1092437'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:18px 24px}cf-input-button.cf-input-button div.cf-icon-progress{transform:rotateX(0);opacity:1;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg fill='%23E5E6EA'%3E%3Cpolygon transform='translate%2815.500000, 15.500000%29 rotate%2890.000000%29 translate%28-15.500000, -15.500000%29 ' points='22 14.6875 12.111875 14.6875 16.6496875 10.1496875 15.5 9 9 15.5 15.5 22 16.6496875 20.8503125 12.111875 16.3125 22 16.3125'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:45px 45px}cf-input-button.cf-input-button div.cf-icon-audio{transform:rotateX(0);opacity:1;background-image:url("data:image/svg+xml;charset=UTF-8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' fill='%23E5E6EA' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M256,320c37.712,0,68.571-30.924,68.571-68.714V100.714C324.571,62.924,293.712,32,256,32s-68.571,30.924-68.571,68.714 v150.572C187.429,289.076,218.288,320,256,320z M377.139,244.548c0,68.714-58.282,116.815-121.139,116.815 s-121.139-48.102-121.139-116.815H96c0,77.873,61.719,143.153,137.144,153.465V480h45.713v-81.987 C354.281,386.561,416,322.421,416,244.548H377.139z'/%3E%3C/g%3E%3C/svg%3E");background-size:39px 39px}cf-input-button.cf-input-button:active{opacity:.2}cf-input-button.cf-input-button:focus,cf-input-button.cf-input-button:hover{background:#303030;border:0}cf-input-button.cf-input-button:focus:after,cf-input-button.cf-input-button:hover:after{opacity:0}@media (min-width:1152px){cf-input-button.cf-input-button:focus .cf-icon-progress,cf-input-button.cf-input-button:hover .cf-icon-progress{animation:cf-arrow-up .75s cubic-bezier(.645,.045,.355,1)}}cf-input[tag-type=file] cf-input-button.cf-input-button,cf-input[tag-type=group] cf-input-button.cf-input-button,cf-input[tag-type=select] cf-input-button.cf-input-button{height:60px}cf-input[tag-type=file].hide-input cf-input-button,cf-input[tag-type=group].hide-input cf-input-button,cf-input[tag-type=select].hide-input cf-input-button{display:block;left:0;right:0;margin-left:auto;margin-right:auto}cf-input[tag-type=file].hide-input cf-input-control-elements,cf-input[tag-type=group].hide-input cf-input-control-elements,cf-input[tag-type=select].hide-input cf-input-control-elements{margin-bottom:60px}cf-input[error=""].hide-input cf-input-button .cf-icon-progress{filter:saturate(0);animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}@keyframes cf-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes cf-arrow-up{0%{transform:translateY(0)}40%{transform:translateY(-40px)}40.001%{transform:translateY(40px)}80%{transform:translateY(-5px)}90%{transform:translateY(2px)}100%{transform:translateY(0)}}cf-input-control-elements.animate-in cf-list-button{opacity:1}cf-input-control-elements.hide-nav-buttons cf-list-button{pointer-events:none}cf-input-control-elements.hide-nav-buttons cf-list-button:after{opacity:0}cf-list-button{display:block;position:absolute;z-index:2;height:calc(100% - 16px);width:38px;cursor:pointer;opacity:0;pointer-events:none;will-change:opacity}.conversational-form--enable-animation cf-list-button{transition:opacity .75s cubic-bezier(.215,.61,.355,1) .5s}@media (min-width:1152px){cf-list-button:hover:nth-child(1){background:linear-gradient(to left,rgba(255,255,255,0) 0,#fff 75%)}cf-list-button:hover:nth-child(1):after{animation:cf-arrow-left .75s cubic-bezier(.645,.045,.355,1)}cf-list-button:hover:nth-child(2){background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 75%)}cf-list-button:hover:nth-child(2):after{animation:cf-arrow-right .75s cubic-bezier(.645,.045,.355,1)}}cf-list-button.cf-gradient:before{opacity:1}cf-list-button.active{pointer-events:auto}cf-list-button.active:after{opacity:1}cf-list-button:active:after{visibility:hidden}cf-list-button:nth-child(1){left:0}cf-list-button:nth-child(1):before{background:linear-gradient(to left,rgba(255,255,255,0) 0,#fff 100%)}cf-list-button:nth-child(1):after{background-image:url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8' standalone='no'?%3e%3csvg viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg stroke='none' stroke-width='1' fill='%23000000' fill-rule='evenodd'%3e%3cg transform='translate%28-1230.000000, -567.000000%29' %3e%3cg transform='translate%28738.000000, 178.000000%29'%3e%3cg transform='translate%280.000000, 340.000000%29'%3e%3cg transform='translate%28466.000000, 0.000000%29'%3e%3cpolygon transform='translate%2829.000000, 54.000000%29 rotate%28-180.000000%29 translate%28-29.000000, -54.000000%29 ' points='26 50.1538462 27.125 49 32 54 27.125 59 26 57.8461538 29.75 54'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}cf-list-button:nth-child(2){right:0}cf-list-button:nth-child(2):before{background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)}cf-list-button:nth-child(2):after{background-image:url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8' standalone='no'?%3e%3csvg viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg stroke='none' stroke-width='1' fill='%23000000' fill-rule='evenodd'%3e%3cg transform='translate%28-1230.000000, -567.000000%29'%3e%3cg transform='translate%28738.000000, 178.000000%29'%3e%3cg transform='translate%280.000000, 340.000000%29'%3e%3cg transform='translate%28466.000000, 0.000000%29'%3e%3cpolygon points='26 50.1538462 27.125 49 32 54 27.125 59 26 57.8461538 29.75 54'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}cf-list-button:before{content:"";display:block;width:100%;height:100%;opacity:0;will-change:opacity}.conversational-form--enable-animation cf-list-button:before{transition:opacity .75s cubic-bezier(.215,.61,.355,1)}cf-list-button:after{content:"";display:block;width:6px;height:10px;position:absolute;background-size:6px 10px;background-repeat:no-repeat;top:calc(50% - 5px);left:calc(50% - 3px);opacity:0;will-change:opacity}.conversational-form--enable-animation cf-list-button:after{transition:opacity 375ms cubic-bezier(.215,.61,.355,1)}@keyframes cf-arrow-right{0%{transform:translateX(0);opacity:1}40%{transform:translateX(20px);opacity:0}40.001%{transform:translateX(-20px);opacity:0}80%{transform:translateX(4px);opacity:1}90%{transform:translateX(-2px);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes cf-arrow-left{0%{transform:translateX(0);opacity:1}40%{transform:translateX(-20px);opacity:0}40.001%{transform:translateX(20px);opacity:0}80%{transform:translateX(-4px);opacity:1}90%{transform:translateX(2px);opacity:1}100%{transform:translateX(0);opacity:1}}.cf-progressBar{background-color:#fff;width:100%;height:3px;z-index:999;position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease-in-out;will-change:opacity}.cf-progressBar.show{opacity:1}.cf-progressBar .bar{width:0;height:100%;background-color:#303030;transition:width .3s ease-in-out;will-change:width}cf-chat{display:block;width:100%;height:auto;min-height:100%;overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:baseline;margin-bottom:-10px}cf-chat scrollable{width:calc(100% + 40px);padding-right:40px;max-height:100%;min-height:40px;flex-grow:1;display:flex;flex-direction:column-reverse;overflow-y:scroll}@supports (-ms-ime-align:auto){cf-chat scrollable{overflow:hidden}}cf-chat .scrollableInner{position:relative;display:flex;flex:0 0 auto;flex-direction:column;padding-bottom:10px;padding-top:40px;overflow:hidden}cf-chat .scrollableInner.scroll{flex:1 1 auto;height:100%;overflow-y:scroll;margin-bottom:20px}@supports (-ms-ime-align:auto){cf-chat .scrollableInner.scroll{margin-right:-16px}}.conversational-form.done cf-chat-response{pointer-events:none}cf-chat-response{max-width:90%;min-width:120px;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding-left:62px;margin-top:8px;color:#2f323b;margin-left:0;margin-right:auto;word-break:break-all;display:flex;flex-shrink:0;flex-grow:1;position:absolute;visibility:hidden;will-change:height;transition:height .3375s cubic-bezier(.215,.61,.355,1);padding-bottom:12px}@media (min-width:1152px){cf-chat-response{max-width:70%}}@media (max-width:1152px){cf-chat-response{padding-left:47.71429px}}cf-chat-response.show{position:relative;visibility:visible}cf-chat-response.can-edit{cursor:pointer}cf-chat-response.can-edit:hover text>p{background:#1c1c1c}cf-chat-response.user{justify-content:flex-end;margin-right:0;margin-left:auto;padding-left:0;padding-right:calc(50px + 14px);color:#fff}@media (max-width:1152px){cf-chat-response.user{padding-right:47.71429px}}cf-chat-response.user thumb{left:auto;right:0}cf-chat-response.user text>p{background:#303030;border-radius:24px 0 24px 24px;margin-right:0;margin-left:auto}cf-chat-response.user.peak-thumb thumb{transform:scale(1,1) translateY(0);opacity:1}.conversational-form--enable-animation cf-chat-response.user.peak-thumb thumb{transition-delay:.2s,.2s,.2s}cf-chat-response.robot.peak-thumb thumb{transform:scale(1,1) translateY(0);opacity:1}.conversational-form--enable-animation cf-chat-response.robot.peak-thumb thumb{transition-delay:.2s,.2s,.2s}cf-chat-response.disabled{pointer-events:none;color:#686d81}cf-chat-response.disabled text{background:#b0b0b0}cf-chat-response[thinking] text thinking{display:block}cf-chat-response text{display:flex;flex-flow:column;align-items:start;position:relative;min-height:40px;height:auto;white-space:pre-wrap;word-break:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}cf-chat-response text>div{display:inline-block}cf-chat-response text thinking span:nth-child(1){animation-delay:.66667 s}cf-chat-response text thinking span:nth-child(2){animation-delay:1.33333 s}cf-chat-response text thinking span:nth-child(3){animation-delay:2 s}cf-chat-response text strong{font-weight:900}cf-chat-response text>p{display:inline-block;margin:0;padding:0;background:#e5e6ea;padding:14px 21px 14px 21px;border-radius:0 24px 24px 24px;transition:background 375ms cubic-bezier(.215,.61,.355,1)}@media (max-width:1152px){cf-chat-response text>p{padding:9px 17px 11px 17px}}.conversational-form--enable-animation cf-chat-response text>p{will-change:transform,opacity;transform:scale(0,0) translateY(30px);opacity:0}.conversational-form--enable-animation cf-chat-response text>p.show{animation:moveIn .2625s forwards 375ms cubic-bezier(.215,.61,.355,1)}cf-chat-response text>p.hasImage{padding:0;overflow:hidden;background:0 0}cf-chat-response text>p.hasImage img{margin:0;padding:0}cf-chat-response text>p.hasImage>span{display:block;padding:5px 6px 6px 18px;background:#303030}cf-chat-response text>p:not(:only-child){border-radius:0 24px 24px 0}cf-chat-response text>p:not(:only-child):first-child{border-radius:24px 24px 24px 0}cf-chat-response text>p:not(:only-child):last-child{border-radius:0 24px 24px 24px}cf-chat-response text>p:not(:only-child):not(:first-child){margin-top:6px}cf-chat-response text>p>img{max-width:140px;padding-bottom:8px;width:100%;height:auto;display:block;margin-bottom:6px}cf-chat-response text:after{content:"";display:block;position:absolute;top:50%;left:30px;transform:translateY(-50%);padding-right:30px}cf-chat-response text thinking{position:relative;display:table;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;transform-origin:0 50%;transform:scale(1.5)}cf-chat-response text thinking span:nth-child(1){animation:dot-fade 1s linear .33333 s infinite}cf-chat-response text thinking span:nth-child(2){animation:dot-fade 1s linear .66667 s infinite}cf-chat-response text thinking span:nth-child(3){animation:dot-fade 1s linear 1 s infinite}cf-chat-response text svg.cf-icon-file{width:15px;height:auto;display:inline-block;margin-right:11px}cf-chat-response text svg.cf-icon-file g{fill:#e5e6ea}cf-chat-response thumb{position:absolute;top:0;left:0;display:block;width:50px;height:50px;border-radius:50%;background:#e5e6ea;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;opacity:0;overflow:hidden;transform-origin:50% 50%;transform:scale(.001,.001) translateY(50px);will-change:transform,opacity}@media (max-width:1152px){cf-chat-response thumb{width:39.68254px;height:39.68254px}}.conversational-form--enable-animation cf-chat-response thumb{transition:transform .2625s cubic-bezier(.215,.61,.355,1),opacity 375ms cubic-bezier(.215,.61,.355,1)}cf-chat-response thumb>span{display:block;line-height:36px;text-align:center;font-weight:700;font-size:14.4px}cf-chat-response thumb>span[length="1"]{font-size:28.8px}cf-chat-response thumb>span[length="3"]{font-size:11.88px}@keyframes dot-fade{0%{opacity:1}15.1111%{opacity:0}33.333%{opacity:1}100%{opacity:1}}@keyframes bounce{0%{transform:scale(1,1);opacity:1}50%{transform:scale(1.05,1.05);opacity:.85}100%{transform:scale(1,1);opacity:1}}@keyframes moveIn{0%{transform:scale(1,1) translateY(60px);opacity:0}100%{transform:scale(1,1) translateY(0);opacity:1}}cf-input-control-elements{width:auto;height:auto;overflow:hidden;display:block;position:relative;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;height:auto;padding-top:10px;padding-bottom:10px}cf-input-control-elements .cf-button{margin-bottom:10px;display:inline-block}cf-input-control-elements .cf-button.hide{display:none}cf-input-control-elements.resized{visibility:visible;height:auto}cf-input-control-elements.one-row cf-list{height:auto}cf-input-control-elements.one-row cf-list-button{opacity:0}cf-input-control-elements.two-row cf-list{white-space:normal;height:auto}cf-input-control-elements.animate-in cf-list:last-of-type{min-height:56px}cf-input-control-elements.two-row.animate-in cf-list:last-of-type{min-height:112px}cf-list,cf-list-button{will-change:height}.conversational-form--enable-animation cf-list,.conversational-form--enable-animation cf-list-button{transition:height 375ms cubic-bezier(.215,.61,.355,1)}cf-input[tag-type=file] cf-list{cursor:default}cf-input[tag-type=file] cf-input-control-elements{margin-bottom:0}cf-list{display:block;height:auto;cursor:move;white-space:nowrap}cf-list.disabled{pointer-events:none}.cf-button{background:#fff;cursor:pointer;border:1px solid #303030;border-radius:calc(24px * .88);color:#303030;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;transform:translateZ(0);font-size:16px;transform-origin:0 100%;will-change:opacity,background;opacity:0}@media (max-width:1152px){.cf-button{font-size:14px}}.cf-button>div{position:relative;margin:12px 22px}@media (max-width:1152px){.cf-button>div{margin:10px 22px}}.cf-button.has-image{max-width:160px}@media (max-width:1152px){.cf-button.has-image{max-width:132px}}.cf-button.has-image>div{margin:8px 22px 10px 22px}.conversational-form--enable-animation .cf-button{transition:opacity 0s cubic-bezier(.215,.61,.355,1),background .75s cubic-bezier(.215,.61,.355,1)}.cf-button.animate-in{opacity:1}.conversational-form--enable-animation .cf-button.animate-in{transition-duration:375ms,.75s;transition-timing-function:cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1)}.conversational-form--enable-animation .cf-button.animate-in:nth-child(even){transition-delay:50ms,0s}.conversational-form--enable-animation .cf-button.animate-in:nth-child(odd){transition-delay:.15s,0s}.cf-button.animate-in.animate-out{transform-origin:75% 100%;opacity:0}.cf-button:not(:last-child){margin-right:10px}.cf-button:focus,.cf-button:focus:not([checked=checked]),.cf-button:hover,.cf-button:hover:not([checked=checked]){background:#303030;color:#e5e6ea}.cf-button[checked=checked]:not(:focus):not(:hover):not(.highlight),.cf-button[selected=selected]:not(:focus):not(:hover):not(.highlight){color:#e5e6ea;background:#303030}.cf-button[disabled=disabled]{pointer-events:none}.cf-button[disabled=disabled].animate-in{opacity:.5}.cf-button:active>div{opacity:.2}.cf-button .cf-image{width:100%;height:auto;will-change:opacity;transition:opacity .75s cubic-bezier(.215,.61,.355,1);opacity:0}.cf-button .cf-image.loaded{opacity:1}.cf-button.cf-checkbox-button:focus cf-checkbox,.cf-button.cf-checkbox-button:hover cf-checkbox{background:#303030}.cf-button.cf-checkbox-button:focus cf-checkbox:after,.cf-button.cf-checkbox-button:hover cf-checkbox:after{transform:scale(1,1);top:1px;left:0;width:15px;height:12px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='13px' height='10px' viewBox='0 0 13 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg transform='translate%28-290.000000, -505.000000%29' fill='%23E5E6EA'%3e%3cg transform='translate%2884.000000, 136.000000%29'%3e%3cg transform='translate%281.000000, 216.000000%29'%3e%3cg transform='translate%28189.000000, 139.000000%29'%3e%3cpolygon points='17.5 18.5 16 20 20 24 29 15.5 27.5 14 20 21'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:15px 12px;transform-origin:50% 50%}.cf-button.cf-checkbox-button.no-text{padding:18px 24px}.cf-button.cf-checkbox-button.no-text cf-checkbox{margin-right:0;margin-left:0}.cf-button.cf-checkbox-button.has-image cf-checkbox{margin-left:0}.cf-button.cf-checkbox-button cf-checkbox{display:block;float:left;width:14px;height:14px;border-radius:3px;border:1px solid #303030;will-change:background;margin-right:8px;margin-left:-10px;margin-top:1px;position:relative}.conversational-form--enable-animation .cf-button.cf-checkbox-button cf-checkbox{transition:background 375ms cubic-bezier(.215,.61,.355,1)}.cf-button.cf-checkbox-button cf-checkbox:after{content:"";position:absolute;top:1px;left:0;display:block;width:15px;height:12px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='13px' height='10px' viewBox='0 0 13 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg transform='translate%28-290.000000, -505.000000%29' fill='%23E5E6EA'%3e%3cg transform='translate%2884.000000, 136.000000%29'%3e%3cg transform='translate%281.000000, 216.000000%29'%3e%3cg transform='translate%28189.000000, 139.000000%29'%3e%3cpolygon points='17.5 18.5 16 20 20 24 29 15.5 27.5 14 20 21'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:15px 12px;background-repeat:no-repeat;transform-origin:50% 50%;will-change:transform;transform:scale(0,0)}.conversational-form--enable-animation .cf-button.cf-checkbox-button cf-checkbox:after{transition:transform .1875s cubic-bezier(.215,.61,.355,1)}.cf-button.cf-checkbox-button[checked=checked],.cf-button.cf-checkbox-button[selected=selected]{background:#303030!important;color:#e5e6ea!important}.cf-button.cf-checkbox-button[checked=checked] cf-checkbox,.cf-button.cf-checkbox-button[selected=selected] cf-checkbox{background:rgba(48,48,48,0);border:none}.cf-button.cf-checkbox-button[checked=checked] cf-checkbox:after,.cf-button.cf-checkbox-button[selected=selected] cf-checkbox:after{transform:scale(1,1)}.conversational-form--enable-animation .cf-button.cf-checkbox-button[checked=checked] cf-checkbox:after,.conversational-form--enable-animation .cf-button.cf-checkbox-button[selected=selected] cf-checkbox:after{transition-timing-function:cubic-bezier(.215,.61,.355,1)}cf-options-list{display:block;width:auto}cf-radio-button.cf-button.highlight cf-radio,cf-radio-button.cf-button:focus cf-radio,cf-radio-button.cf-button:hover cf-radio{background:#e5e6ea}cf-radio-button.cf-button.has-image cf-checkbox{margin-left:0}cf-radio-button.cf-button cf-radio{display:block;float:left;width:12px;height:12px;border-radius:50%;background:0 0;border:1px solid #303030;will-change:background;margin-right:8px;margin-left:-10px;margin-top:2px;position:relative}.conversational-form--enable-animation cf-radio-button.cf-button cf-radio{transition:background 375ms cubic-bezier(.215,.61,.355,1)}cf-radio-button.cf-button[checked=checked]{background:#303030!important;color:#e5e6ea!important}cf-radio-button.cf-button[checked=checked] cf-radio{background:#fff;border:1px solid #fff;pointer-events:none}cf-upload-file-ui{display:block;width:100%;height:60px;position:relative;top:0;color:#4a4a4a;opacity:0;transform:translateY(20px) rotateX(30deg);will-change:opacity,transform}.conversational-form--enable-animation cf-upload-file-ui{transition:opacity 375ms cubic-bezier(.215,.61,.355,1),transform 375ms cubic-bezier(.215,.61,.355,1)}cf-upload-file-ui.animate-in{opacity:1;transform:translateY(0) rotateX(0)}.conversational-form--enable-animation cf-upload-file-ui.animate-in{transition-timing-function:cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1)}cf-upload-file-text{display:block;float:left;width:auto;height:100%;padding-right:20px;padding-top:17px;position:relative;color:currentColor;width:50%;text-overflow:ellipsis;overflow:hidden}cf-upload-file-text:before{content:"";display:inline-block;position:absolute;top:17px;left:23px;width:10px;height:14px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 10 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg transform='translate(-756.000000, -549.000000)' fill='#E5E6EA'%3e%3cg transform='translate(736.000000, 127.000000)'%3e%3cg transform='translate(0.000000, 406.000000)'%3e%3cpolygon points='20 16 26.0030799 16 30 19.99994 30 30 20 30'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:10px 14px}cf-upload-file-progress{display:block;height:100%;overflow:hidden;position:relative;float:right;width:50%}cf-upload-file-progress:after{content:"";width:100%;background:#f7f7f7;border-radius:7px}cf-upload-file-progress cf-upload-file-progress-bar,cf-upload-file-progress:after{display:block;height:10px;position:absolute;top:19px;z-index:1}cf-upload-file-progress cf-upload-file-progress-bar{width:0%;will-change:width,border-radius;background:currentColor;z-index:2;border-radius:7px}.conversational-form--enable-animation cf-upload-file-progress cf-upload-file-progress-bar{transition:width .15s linear,border-radius 375ms cubic-bezier(.215,.61,.355,1)}cf-upload-file-progress cf-upload-file-progress-bar.loaded{border-radius:7px 7px 7px 7px}