conversation_forms 1.0.1 → 2.0.0

data/assets/stylesheets/conversational_forms.css

@@ -0,0 +1,13 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto");
+.conversational-form{padding:20px;font-family:'Roboto',sans-serif;font-size:12px;line-height:1.416666667;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;margin:auto;background:#fff;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);will-change:opacity;-webkit-transition:opacity 0.1875s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:opacity 0.1875s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 0.1875s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:opacity 0.1875s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 0.1875s cubic-bezier(0.215, 0.61, 0.355, 1);}.conversational-form *,.conversational-form *:before,.conversational-form *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}.conversational-form button{border:none;background:none;margin:0;padding:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0) !important}.conversational-form menu{padding:0;margin:0}.conversational-form ul,.conversational-form ol,.conversational-form li{margin:0;padding:0}.conversational-form a,.conversational-form a:active,.conversational-form a:visited{color:currentColor}.conversational-form button,.conversational-form a{cursor:pointer;text-decoration:none}.conversational-form .emoji{width:16px;height:auto;margin:0 4px}.conversational-form *{-webkit-tap-highlight-color:rgba(255,255,255,0);tap-highlight-color:rgba(255,255,255,0)}.conversational-form--show{opacity:1;-ms-filter:none;filter:none}
+cf-info{position:absolute;pointer-events:none;z-index:0;left:2px;top:50%;height:20px;width:400px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#acb2b6;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);will-change:opacity;}cf-info.show{-webkit-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:1;-ms-filter:none;filter:none}cf-info strong{font-weight:900}
+cf-input{display:block;position:absolute;width:calc(100% - 40px);height:auto;bottom:20px;-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px;}cf-input.animate-in input{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0) rotateX(0);-moz-transform:translateY(0) rotateX(0);-o-transform:translateY(0) rotateX(0);-ms-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0)}cf-input.animate-in cf-input-button.cf-input-button{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}cf-input input{border-radius:0;border:none;-webkit-appearance:none;position:relative;z-index:2;font-family:'Roboto',sans-serif;font-size:12px;width:100%;height:45px;color:#acb2b6;will-change:box-shadow,background,color,transform,opacity;-webkit-transition:box-shadow 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;-moz-transition:box-shadow 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;-o-transition:box-shadow 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;-ms-transition:box-shadow 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;transition:box-shadow 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.75s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.4s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;background:#fff;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.15);box-shadow:0 0 1px rgba(0,0,0,0.15);padding:5px 5px 5px 15px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(40px) rotateX(-40deg);-moz-transform:translateY(40px) rotateX(-40deg);-o-transform:translateY(40px) rotateX(-40deg);-ms-transform:translateY(40px) rotateX(-40deg);transform:translateY(40px) rotateX(-40deg);}cf-input input:-webkit-autofill{background-color:#fff}cf-input input:focus{outline:none;-webkit-appearance:none;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);box-shadow:0 0 30px rgba(0,0,0,0.2)}cf-input input:hover::-webkit-input-placeholder{color:#868d8f}cf-input input:hover::-moz-input-placeholder{color:#868d8f}cf-input input:hover:-moz-input-placeholder{color:#868d8f}cf-input input:hover:-ms-input-placeholder{color:#868d8f}cf-input input::-webkit-input-placeholder{color:currentColor}cf-input input::-moz-input-placeholder{color:currentColor}cf-input input:-moz-input-placeholder{color:currentColor}cf-input input:-ms-input-placeholder{color:currentColor}cf-input[disabled="disabled"]{pointer-events:none;}cf-input[disabled="disabled"] input{background:rgba(248,248,248,0.5)}cf-input[disabled="disabled"] .cf-input-button{background:rgba(248,248,248,0.75)}cf-input[error]{pointer-events:none;}cf-input[error] input{background:#fef0f0;color:#fe8d84}cf-input[error] .cf-input-button{background:#fef0f0;}cf-input[error] .cf-input-button svg polygon{fill:#fe8d84}cf-input[tag-type="file"] cf-input-button.cf-input-button:after{content:"";display:block;width:100%;height:100%;border:1px solid rgba(185,188,190,0.5);border-radius:50%;border-left:0;border-top:0;-webkit-animation:cf-spin 1s linear infinite;-moz-animation:cf-spin 1s linear infinite;-o-animation:cf-spin 1s linear infinite;-ms-animation:cf-spin 1s linear infinite;animation:cf-spin 1s linear infinite;will-change:opacity;-webkit-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1)}cf-input[tag-type="file"] cf-input-button.cf-input-button svg.cf-icon-attachment{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1;-ms-filter:none;filter:none}cf-input[tag-type="file"] cf-input-button.cf-input-button svg.cf-icon-progress{-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}cf-input-button.cf-input-button{width:29px;height:29px;background:#fff;border:1px solid #fff;position:absolute;overflow:hidden;right:5px;bottom:8px;z-index:3;cursor:pointer;border-radius:50%;will-change:background,border;-webkit-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.75s;-moz-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.75s;-o-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.75s;-ms-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.75s;transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.75s;-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}cf-input-button.cf-input-button svg{position:absolute;pointer-events:none;width:100%;height:auto;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;will-change:transform,opacity;-webkit-transition:-webkit-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:-moz-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:-ms-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1)}cf-input-button.cf-input-button svg.cf-icon-attachment{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-o-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}cf-input-button.cf-input-button svg.cf-icon-attachment path{stroke:#b9bcbe;will-change:stroke;-webkit-transition:stroke 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:stroke 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:stroke 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:stroke 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:stroke 0.375s cubic-bezier(0.215, 0.61, 0.355, 1)}cf-input-button.cf-input-button svg.cf-icon-progress{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0);opacity:1;-ms-filter:none;filter:none;}cf-input-button.cf-input-button svg.cf-icon-progress polygon{fill:#b9bcbe;will-change:fill;-webkit-transition:fill 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:fill 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:fill 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:fill 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:fill 0.375s cubic-bezier(0.215, 0.61, 0.355, 1)}cf-input-button.cf-input-button:active:after{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}cf-input-button.cf-input-button:active svg{-webkit-transform:scale(.75,.75);-moz-transform:scale(.75,.75);-o-transform:scale(.75,.75);-ms-transform:scale(.75,.75);transform:scale(.75,.75)}cf-input-button.cf-input-button:hover,cf-input-button.cf-input-button:focus{background:#e6f3fe;border:1px solid #c6e6fe;}cf-input-button.cf-input-button:hover:after,cf-input-button.cf-input-button:focus:after{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}cf-input-button.cf-input-button:hover svg.cf-icon-progress,cf-input-button.cf-input-button:focus svg.cf-icon-progress{-webkit-animation:cf-arrow-up .75s cubic-bezier(.645,.045,.355,1);-moz-animation:cf-arrow-up .75s cubic-bezier(.645,.045,.355,1);-o-animation:cf-arrow-up .75s cubic-bezier(.645,.045,.355,1);-ms-animation:cf-arrow-up .75s cubic-bezier(.645,.045,.355,1);animation:cf-arrow-up .75s cubic-bezier(.645,.045,.355,1);}cf-input-button.cf-input-button:hover svg.cf-icon-progress polygon,cf-input-button.cf-input-button:focus svg.cf-icon-progress polygon{fill:#0d83ff}cf-input-button.cf-input-button:hover svg.cf-icon-attachment path,cf-input-button.cf-input-button:focus svg.cf-icon-attachment path{stroke:#0d83ff}@-moz-keyframes cf-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes cf-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes cf-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cf-spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes cf-arrow-up{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-o-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}40.001%{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-o-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}90%{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes cf-arrow-up{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-o-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}40.001%{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-o-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}90%{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes cf-arrow-up{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-o-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}40.001%{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-o-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}90%{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes cf-arrow-up{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-o-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}40.001%{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-o-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px)}80%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}90%{-webkit-transform:translateY(2px);-moz-transform:translateY(2px);-o-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
+cf-input-control-elements.animate-in cf-list-button{opacity:1;-ms-filter:none;filter:none}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;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}cf-list-button{display:block;position:absolute;z-index:2;height:calc(100% - 16px);width:38px;cursor:pointer;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none;will-change:opacity;-webkit-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;-moz-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;-o-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;-ms-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;}@media only screen and (min-width:768px){cf-list-button:hover:nth-child(1){background:-webkit-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 75%);background:-moz-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 75%);background:-o-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 75%);background:-ms-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 75%);background:linear-gradient(to left, rgba(255,255,255,0) 0%, #fff 75%);}cf-list-button:hover:nth-child(1):after{-webkit-animation:cf-arrow-left .75s cubic-bezier(.645,.045,.355,1);-moz-animation:cf-arrow-left .75s cubic-bezier(.645,.045,.355,1);-o-animation:cf-arrow-left .75s cubic-bezier(.645,.045,.355,1);-ms-animation:cf-arrow-left .75s cubic-bezier(.645,.045,.355,1);animation:cf-arrow-left .75s cubic-bezier(.645,.045,.355,1)}cf-list-button:hover:nth-child(2){background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 75%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 75%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 75%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 75%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 75%);}cf-list-button:hover:nth-child(2):after{-webkit-animation:cf-arrow-right .75s cubic-bezier(.645,.045,.355,1);-moz-animation:cf-arrow-right .75s cubic-bezier(.645,.045,.355,1);-o-animation:cf-arrow-right .75s cubic-bezier(.645,.045,.355,1);-ms-animation:cf-arrow-right .75s cubic-bezier(.645,.045,.355,1);animation:cf-arrow-right .75s cubic-bezier(.645,.045,.355,1)}}cf-list-button.cf-gradient:before{opacity:1;-ms-filter:none;filter:none}cf-list-button.active{pointer-events:auto;}cf-list-button.active:after{opacity:1;-ms-filter:none;filter:none}cf-list-button:active:after{-webkit-transform:scale(.75,.75);-moz-transform:scale(.75,.75);-o-transform:scale(.75,.75);-ms-transform:scale(.75,.75);transform:scale(.75,.75)}cf-list-button:nth-child(1){left:0;}cf-list-button:nth-child(1):before{background:-webkit-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 100%);background:-moz-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 100%);background:-o-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 100%);background:-ms-linear-gradient(right, rgba(255,255,255,0) 0%, #fff 100%);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;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgdmlld0JveD0iMCAwIDYgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIzMC4wMDAwMDAsIC01NjcuMDAwMDAwKSIgZmlsbD0iIzBEODNGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDczOC4wMDAwMDAsIDE3OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzNDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDY2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuMDAwMDAwLCA1NC4wMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC0yOS4wMDAwMDAsIC01NC4wMDAwMDApICIgcG9pbnRzPSIyNiA1MC4xNTM4NDYyIDI3LjEyNSA0OSAzMiA1NCAyNy4xMjUgNTkgMjYgNTcuODQ2MTUzOCAyOS43NSA1NCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")}cf-list-button:nth-child(2){right:0;}cf-list-button:nth-child(2):before{background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 100%);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;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgdmlld0JveD0iMCAwIDYgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIzMC4wMDAwMDAsIC01NjcuMDAwMDAwKSIgZmlsbD0iIzBEODNGRiI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDczOC4wMDAwMDAsIDE3OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzNDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDY2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIyNiA1MC4xNTM4NDYyIDI3LjEyNSA0OSAzMiA1NCAyNy4xMjUgNTkgMjYgNTcuODQ2MTUzOCAyOS43NSA1NCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")}cf-list-button:before{content:"";display:block;width:100%;height:100%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);will-change:opacity;-webkit-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 0.75s cubic-bezier(0.215, 0.61, 0.355, 1)}cf-list-button:after{content:"";display:block;width:6px;height:10px;position:absolute;-webkit-background-size:6px 10px;-moz-background-size:6px 10px;background-size:6px 10px;background-repeat:no-repeat;top:calc(50% - 5px);left:calc(50% - 3px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);will-change:opacity;-webkit-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1)}@-moz-keyframes cf-arrow-right{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-o-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes cf-arrow-right{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-o-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}@-o-keyframes cf-arrow-right{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-o-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}@keyframes cf-arrow-right{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-o-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(-2px);-moz-transform:translateX(-2px);-o-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes cf-arrow-left{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-o-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes cf-arrow-left{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-o-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}@-o-keyframes cf-arrow-left{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-o-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}@keyframes cf-arrow-left{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}40%{-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-o-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}40.001%{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-o-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}80%{-webkit-transform:translateX(-4px);-moz-transform:translateX(-4px);-o-transform:translateX(-4px);-ms-transform:translateX(-4px);transform:translateX(-4px);opacity:1;-ms-filter:none;filter:none}90%{-webkit-transform:translateX(2px);-moz-transform:translateX(2px);-o-transform:translateX(2px);-ms-transform:translateX(2px);transform:translateX(2px);opacity:1;-ms-filter:none;filter:none}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-ms-filter:none;filter:none}}
+cf-chat-response{display:table;max-width:50%;min-width:120px;width:auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;padding-left:34px;padding-top:16px;color:#aaafb0;margin-left:0;margin-right:auto;}cf-chat-response:nth-of-type(2n+2){margin-right:0;margin-left:auto;padding-left:0;padding-right:34px;color:#1b9bfc;}cf-chat-response:nth-of-type(2n+2) thumb{left:auto;right:0}cf-chat-response:nth-of-type(2n+2) text{border-radius:20px 0 20px 20px;background:#e6f3fe;-webkit-transform-origin:100% 0%;-moz-transform-origin:100% 0%;-o-transform-origin:100% 0%;-ms-transform-origin:100% 0%;transform-origin:100% 0%;-webkit-transform:translateY(-10px) translateX(-10px) scale(.001,.001);-moz-transform:translateY(-10px) translateX(-10px) scale(.001,.001);-o-transform:translateY(-10px) translateX(-10px) scale(.001,.001);-ms-transform:translateY(-10px) translateX(-10px) scale(.001,.001);transform:translateY(-10px) translateX(-10px) scale(.001,.001);}cf-chat-response:nth-of-type(2n+2) text thinking{left:24px;right:auto;}cf-chat-response:nth-of-type(2n+2) text thinking span:nth-child(1){-webkit-animation-delay:.6666666666666667s;-moz-animation-delay:.6666666666666667s;-o-animation-delay:.6666666666666667s;-ms-animation-delay:.6666666666666667s;animation-delay:.6666666666666667s}cf-chat-response:nth-of-type(2n+2) text thinking span:nth-child(2){-webkit-animation-delay:1.333333333333333s;-moz-animation-delay:1.333333333333333s;-o-animation-delay:1.333333333333333s;-ms-animation-delay:1.333333333333333s;animation-delay:1.333333333333333s}cf-chat-response:nth-of-type(2n+2) text thinking span:nth-child(3){-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s}cf-chat-response:nth-of-type(2n+2).peak-thumb thumb{-webkit-transform:scale(1,1) translateY(0);-moz-transform:scale(1,1) translateY(0);-o-transform:scale(1,1) translateY(0);-ms-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0);opacity:1;-ms-filter:none;filter:none;-webkit-transition-delay:0s,0s,0s;-moz-transition-delay:0s,0s,0s;-o-transition-delay:0s,0s,0s;-ms-transition-delay:0s,0s,0s;transition-delay:0s,0s,0s}cf-chat-response text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;padding:12px 24px 12px 24px;min-height:40px;background:#f8f8f8;border-radius:0 20px 20px 20px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:translateY(-10px) translateX(10px) scale(.001,.001);-moz-transform:translateY(-10px) translateX(10px) scale(.001,.001);-o-transform:translateY(-10px) translateX(10px) scale(.001,.001);-ms-transform:translateY(-10px) translateX(10px) scale(.001,.001);transform:translateY(-10px) translateX(10px) scale(.001,.001);will-change:transform,opacity,background;-webkit-transition:-webkit-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:-moz-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:-ms-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;height:auto;}cf-chat-response text:after{content:"";display:block;position:absolute;top:50%;left:20px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-right:20px}cf-chat-response text thinking{position:absolute;top:6px;left:24px;display:table;font-size:150%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}cf-chat-response text thinking span:nth-child(1){-webkit-animation:dot-fade 1s linear .3333333333333333s infinite;-moz-animation:dot-fade 1s linear .3333333333333333s infinite;-o-animation:dot-fade 1s linear .3333333333333333s infinite;-ms-animation:dot-fade 1s linear .3333333333333333s infinite;animation:dot-fade 1s linear .3333333333333333s infinite}cf-chat-response text thinking span:nth-child(2){-webkit-animation:dot-fade 1s linear .6666666666666666s infinite;-moz-animation:dot-fade 1s linear .6666666666666666s infinite;-o-animation:dot-fade 1s linear .6666666666666666s infinite;-ms-animation:dot-fade 1s linear .6666666666666666s infinite;animation:dot-fade 1s linear .6666666666666666s infinite}cf-chat-response text thinking span:nth-child(3){-webkit-animation:dot-fade 1s linear 1s infinite;-moz-animation:dot-fade 1s linear 1s infinite;-o-animation:dot-fade 1s linear 1s infinite;-ms-animation:dot-fade 1s linear 1s infinite;animation:dot-fade 1s linear 1s infinite}cf-chat-response text svg.cf-icon-file{width:10px;height:auto;display:inline-block;margin-right:7px}cf-chat-response thumb{position:absolute;top:0;left:0;display:block;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.3);-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:50% 50%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(.001,.001) translateY(50px);-moz-transform:scale(.001,.001) translateY(50px);-o-transform:scale(.001,.001) translateY(50px);-ms-transform:scale(.001,.001) translateY(50px);transform:scale(.001,.001) translateY(50px);will-change:transform,opacity;-webkit-transition:-webkit-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1875s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1875s;-moz-transition:-moz-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1875s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1875s;-o-transition:-o-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1875s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1875s;-ms-transition:-ms-transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1875s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1875s;transition:transform 0.375s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1875s, opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1875s}cf-chat-response.show text{-webkit-transform:translateY(0) translateX(0) scale(1,1);-moz-transform:translateY(0) translateX(0) scale(1,1);-o-transform:translateY(0) translateX(0) scale(1,1);-ms-transform:translateY(0) translateX(0) scale(1,1);transform:translateY(0) translateX(0) scale(1,1);opacity:1;-ms-filter:none;filter:none;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1),cubic-bezier(.215,.61,.355,1);-webkit-transition-delay:.1875s,.1875s,0s;-moz-transition-delay:.1875s,.1875s,0s;-o-transition-delay:.1875s,.1875s,0s;-ms-transition-delay:.1875s,.1875s,0s;transition-delay:.1875s,.1875s,0s;}cf-chat-response.show text[value-added]{will-change:auto;-webkit-animation:bounce .375s cubic-bezier(.175,.885,.32,1.275) forwards;-moz-animation:bounce .375s cubic-bezier(.175,.885,.32,1.275) forwards;-o-animation:bounce .375s cubic-bezier(.175,.885,.32,1.275) forwards;-ms-animation:bounce .375s cubic-bezier(.175,.885,.32,1.275) forwards;animation:bounce .375s cubic-bezier(.175,.885,.32,1.275) forwards}cf-chat-response.show thumb{-webkit-transform:scale(1,1) translateY(0);-moz-transform:scale(1,1) translateY(0);-o-transform:scale(1,1) translateY(0);-ms-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0);opacity:1;-ms-filter:none;filter:none;-webkit-transition-delay:0s,0s,0s;-moz-transition-delay:0s,0s,0s;-o-transition-delay:0s,0s,0s;-ms-transition-delay:0s,0s,0s;transition-delay:0s,0s,0s}@-moz-keyframes dot-fade{0%{opacity:1;-ms-filter:none;filter:none}15.1111%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}33.333%{opacity:1;-ms-filter:none;filter:none}100%{opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes dot-fade{0%{opacity:1;-ms-filter:none;filter:none}15.1111%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}33.333%{opacity:1;-ms-filter:none;filter:none}100%{opacity:1;-ms-filter:none;filter:none}}@-o-keyframes dot-fade{0%{opacity:1;-ms-filter:none;filter:none}15.1111%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}33.333%{opacity:1;-ms-filter:none;filter:none}100%{opacity:1;-ms-filter:none;filter:none}}@keyframes dot-fade{0%{opacity:1;-ms-filter:none;filter:none}15.1111%{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}33.333%{opacity:1;-ms-filter:none;filter:none}100%{opacity:1;-ms-filter:none;filter:none}}@-moz-keyframes bounce{0%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}50%{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}100%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}50%{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}100%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}}@-o-keyframes bounce{0%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}50%{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}100%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}}@keyframes bounce{0%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}50%{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85)}100%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1;-ms-filter:none;filter:none}}
+cf-chat{display:block;width:100%;height:calc(100% - 45px);overflow-x:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-align:baseline;-moz-box-align:baseline;-o-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline;will-change:padding-bottom;-webkit-transition:padding-bottom 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:padding-bottom 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:padding-bottom 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:padding-bottom 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:padding-bottom 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);}cf-chat:before{content:"";width:100%;height:148px;pointer-events:none;background:-webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%);position:absolute;top:0;left:0;z-index:2}
+.cf-button{background:#fff;cursor:pointer;border:1px solid rgba(13,131,255,0.1);padding:12px 24px;border-radius:24px;color:#1b9bfc;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform-origin:25% 0%;-moz-transform-origin:25% 0%;-o-transform-origin:25% 0%;-ms-transform-origin:25% 0%;transform-origin:25% 0%;will-change:transform,background;-webkit-transition:-webkit-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:-moz-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:-ms-transform 0s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.75s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}.cf-button.animate-in{-webkit-transition-duration:.375s,.75s;-moz-transition-duration:.375s,.75s;-o-transition-duration:.375s,.75s;-ms-transition-duration:.375s,.75s;transition-duration:.375s,.75s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.175,.885,.32,1.275),cubic-bezier(.215,.61,.355,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}.cf-button.animate-in:nth-child(even){-webkit-transition-delay:.05s,0s;-moz-transition-delay:.05s,0s;-o-transition-delay:.05s,0s;-ms-transition-delay:.05s,0s;transition-delay:.05s,0s}.cf-button.animate-in:nth-child(odd){-webkit-transition-delay:.15s,0s;-moz-transition-delay:.15s,0s;-o-transition-delay:.15s,0s;-ms-transition-delay:.15s,0s;transition-delay:.15s,0s}.cf-button.animate-in.animate-out{-webkit-transform-origin:75% 100%;-moz-transform-origin:75% 100%;-o-transform-origin:75% 100%;-ms-transform-origin:75% 100%;transform-origin:75% 100%;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0)}.cf-button:not(:last-child){margin-right:10px}.cf-button:hover,.cf-button:focus,.cf-button.highlight{background:rgba(13,131,255,0.1)}.cf-button:active{background:rgba(13,131,255,0.2)}
+.cf-button.cf-checkbox-button:hover cf-checkbox,.cf-button.cf-checkbox-button.highlight cf-checkbox,.cf-button.cf-checkbox-button:focus cf-checkbox{background:#1b9bfc}.cf-button.cf-checkbox-button.no-text{padding:12px 16px;}.cf-button.cf-checkbox-button.no-text cf-checkbox{margin-right:0;margin-left:0}.cf-button.cf-checkbox-button cf-checkbox{display:block;float:left;width:14px;height:14px;border-radius:3px;background:#e6f3fe;will-change:background;-webkit-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);margin-right:10px;margin-left:-10px;position:relative;}.cf-button.cf-checkbox-button cf-checkbox:after{content:"";position:absolute;top:2px;left:1px;display:block;width:13px;height:10px;background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTMgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkwLjAwMDAwMCwgLTUwNS4wMDAwMDApIiBmaWxsPSIjMDA3NkZGIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQuMDAwMDAwLCAxMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMjE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4OS4wMDAwMDAsIDEzOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gcG9pbnRzPSIxNy41IDE4LjUgMTYgMjAgMjAgMjQgMjkgMTUuNSAyNy41IDE0IDIwIDIxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");-webkit-background-size:13px 10px;-moz-background-size:13px 10px;background-size:13px 10px;background-repeat:no-repeat;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;will-change:transform;-webkit-transition:-webkit-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:-moz-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:-ms-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0)}.cf-button.cf-checkbox-button[checked="checked"] cf-checkbox,.cf-button.cf-checkbox-button[selected="selected"] cf-checkbox{background:rgba(230,243,254,0);}.cf-button.cf-checkbox-button[checked="checked"] cf-checkbox:after,.cf-button.cf-checkbox-button[selected="selected"] cf-checkbox:after{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}
+cf-input-control-elements{width:auto;height:auto;overflow:hidden;display:block;position:relative;padding-top:10px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}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.one-row cf-list{height:62px}cf-input-control-elements.one-row cf-list-button{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none}cf-input-control-elements.two-row cf-list{white-space:normal;height:112px}cf-list,cf-list-button{will-change:height;-webkit-transition:height 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:height 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:height 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:height 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:height 0.375s cubic-bezier(0.215, 0.61, 0.355, 1)}cf-input[tag-type="file"] cf-list{cursor:default}cf-list{display:block;height:0;cursor:move;white-space:nowrap;}cf-list.disabled{pointer-events:none}
+cf-options-list{display:block;width:auto}
+cf-radio-button.cf-button:hover cf-radio,cf-radio-button.cf-button.highlight cf-radio,cf-radio-button.cf-button:focus cf-radio{background:#1b9bfc}cf-radio-button.cf-button cf-radio{display:block;float:left;width:14px;height:14px;border-radius:50%;background:#e6f3fe;will-change:background;-webkit-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:background 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);margin-right:10px;margin-left:-10px;position:relative}cf-radio-button.cf-button[checked="checked"] cf-radio{background:#1b9bfc;pointer-events:none}
+cf-upload-file-ui{display:block;width:100%;height:45px;position:absolute;top:0;padding-right:30px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transform:translateY(20px) rotateX(30deg);-moz-transform:translateY(20px) rotateX(30deg);-o-transform:translateY(20px) rotateX(30deg);-ms-transform:translateY(20px) rotateX(30deg);transform:translateY(20px) rotateX(30deg);will-change:opacity,transform;-webkit-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -o-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), -ms-transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 0.375s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);}cf-upload-file-ui.animate-in{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1),cubic-bezier(.175,.885,.32,1.275);-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1),cubic-bezier(.175,.885,.32,1.275);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1),cubic-bezier(.175,.885,.32,1.275);-ms-transition-timing-function:cubic-bezier(.215,.61,.355,1),cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.215,.61,.355,1),cubic-bezier(.175,.885,.32,1.275);opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateY(0) rotateX(0);-moz-transform:translateY(0) rotateX(0);-o-transform:translateY(0) rotateX(0);-ms-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0)}cf-upload-file-text{display:block;float:left;width:auto;height:100%;padding-left:40px;padding-right:30px;padding-top:17px;position:relative;color:#1b9bfc;}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;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1Ni4wMDAwMDAsIC01NDkuMDAwMDAwKSIgZmlsbD0iIzBEODNGRiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzM2LjAwMDAwMCwgMTI3LjAwMDAwMCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0MDYuMDAwMDAwKSI+PHBvbHlnb24gcG9pbnRzPSIyMCAxNiAyNi4wMDMwNzk5IDE2IDMwIDE5Ljk5OTk0IDMwIDMwIDIwIDMwIj48L3BvbHlnb24+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==");background-repeat:no-repeat;-webkit-background-size:10px 14px;-moz-background-size:10px 14px;background-size:10px 14px}cf-upload-file-progress{display:block;height:100%;overflow:hidden;position:relative;padding-right:30px;}cf-upload-file-progress:after{content:"";width:100%;background:#e6f2ff;border-radius:7px}cf-upload-file-progress:after,cf-upload-file-progress cf-upload-file-progress-bar{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;-webkit-transition:width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);transition:width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1);background:#0288fd;z-index:2;border-radius:7px 0 0 7px;}cf-upload-file-progress cf-upload-file-progress-bar.loaded{border-radius:7px 7px 7px 7px}

data/lib/conversation_forms/engine.rb

@@ -2,7 +2,7 @@ module ConversationForms
   module Rails
     class Engine < ::Rails::Engine
       initializer 'conversation_forms.assets.precompile' do |app|
-        %w(javascripts).each do |sub|
+        %w(javascripts stylesheets).each do |sub|
           app.config.assets.paths << root.join('assets', sub).to_s
         end
 

data/lib/conversation_forms/version.rb

@@ -1,3 +1,3 @@
 module ConversationForms
-  VERSION = "1.0.1"
+  VERSION = "2.0.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: conversation_forms
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 2.0.0
 platform: ruby
 authors:
 - Sampson Crowley
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-12-04 00:00:00.000000000 Z
+date: 2016-12-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -241,7 +241,7 @@ files:
 - README.md
 - Rakefile
 - assets/javascripts/conversation_forms.js
-- assets/javascripts/conversation_forms.map
+- assets/stylesheets/conversational_forms.css
 - bin/test
 - conversation_forms.gemspec
 - lib/conversation_forms.rb