*{text-rendering:geometricPrecision}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;box-sizing:border-box}body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block;box-sizing:border-box}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none}a:active,a:hover{outline:0;text-decoration:none}ol,ul{list-style:none;margin:0px;padding:0px}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{border:0;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:100%}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:none}button{overflow:visible;text-transform:none;user-select:none}select{text-transform:none}button,html input[type="button"]{-webkit-appearance:button;cursor:pointer}input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input{line-height:normal;outline:none}input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:none;margin:0;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,body{width:100%;overflow-x:hidden}em{font-style:italic}body,html{display:flex;height:100%;width:100%;justify-content:center;align-items:center;font-family:Verdana, Geneva, sans-serif;color:#22313F}#app,.chatWindow{max-width:600px;max-height:600px;width:100%;height:100%;box-sizing:border-box;padding:10px;display:flex;flex-direction:row;justify-content:space-between}.primaryTitle{font-size:32px;line-height:38px;text-align:center;margin-bottom:30px}.primaryDescription{font-size:18px;line-height:24px;text-align:center;margin-bottom:40px}.initMessage{box-sizing:border-box;display:block;width:100%;height:100%;resize:none;padding:15px 15px 25px;border:2px solid #19B5FE;border-radius:4px;box-shadow:inset 0 0 2px rgba(0,0,0,0.2);height:200px;margin-bottom:20px}.initMessage.invalid{border-color:#F64747}.btn{border:2px solid #22313F;background:white;color:#22313F;font-size:18px;line-height:18px;font-weight:500;text-align:center;display:block;width:100%;padding:15px;box-sizing:border-box;opacity:.8;transition:all .15s linear}.btn:hover{opacity:1}.btn-submit{background:#00B16A;color:white;border-color:#00B16A}.chatView,.messagesWindow{width:100%;height:100%;overflow-y:auto}.chatView{display:flex;flex-direction:column;justify-content:space-between}.messagesWindow{height:100%;padding:20px}.mainView .inputWrap{position:relative}.mainView .inputWrap .description{position:absolute;bottom:80px;z-index:1;left:10px;font-size:12px;opacity:.3;user-select:none}.inputBox{box-shadow:0px -5px 10px rgba(0,0,0,0.1);position:relative;height:150px}.inputBox textarea{display:block;height:100%;width:100%;position:relative;z-index:1;background:transparent;border:2px solid #19B5FE;resize:none;box-sizing:border-box;padding:15px;border-radius:4px}.inputBox textarea:disabled{opacity:.4;cursor:not-allowed}.inputBox button{position:absolute;background:#19B5FE;color:#fff;font-size:16px;list-style:16px;font-weight:500;border:0;border-radius:4px;position:absolute;z-index:2;right:10px;bottom:10px;padding:4px 10px 5px}.inputBox button:disabled{opacity:.4;cursor:not-allowed}.inputBox .description{position:absolute;bottom:7px;left:10px;font-size:11px;opacity:.4}.messagesWindow .message{width:100%;font-size:14px;line-height:20px}.messagesWindow .message small{font-size:12px}.messagesWindow .message.client{text-align:right}.messagesWindow .message.client .message_innerWrap{text-align:right;box-shadow:inset 1px 1px 1px rgba(170,170,170,0.1),10px 10px 10px rgba(170,170,170,0.24)}.messagesWindow .message.client .message_innerWrap:before{left:initial;right:-3px;transform:skew(49deg);background:#fff}.messagesWindow .message.success .message_innerWrap{color:#19B5FE}.messagesWindow .message.error .message_innerWrap{color:#F64747}.messagesWindow .message.error .message_innerWrap button{font-size:12px;border:0px;border-radius:4px;padding:4px 10px 4px;text-transform:uppercase;color:#fff;background:#00B16A}.messagesWindow .message_innerWrap{width:initial;display:inline-block;padding:15px 10px 20px;border-radius:4px;background:#fff;box-shadow:inset -1px 1px 1px rgba(170,170,170,0.1),-10px 10px 10px rgba(170,170,170,0.24);margin-bottom:15px;position:relative;color:#22313F}.messagesWindow .message_innerWrap:before{content:"";display:block;position:absolute;left:-3px;bottom:0;width:15px;height:7px;background:#fff;transform:skew(-49deg)}.messagesWindow .message_innerWrap .date{color:#22313F;font-size:11px;font-weight:500;margin-bottom:4px;opacity:.6;letter-spacing:-1px}.messagesWindow .message_innerWrap small{font-weight:600;margin-bottom:5px;display:block;opacity:.7}.messagesWindow .countdown{padding:15px 0;display:flex;font-size:24px;font-weight:600;color:#19B5FE}.chatView .navigation{text-align:center;text-decoration:underline;color:#00B16A;cursor:pointer;padding-top:15px}.rateNavigation{width:calc(100% + 8px);position:relative;left:-4px;display:flex;justify-content:space-between;padding-top:15px}.rateNavigation button{border-radius:4px;border:0;color:#fff;font-size:13px;line-height:13px;padding:5px;margin:4px;text-align:center}.rateNavigation button.good{background:#00B16A}.rateNavigation button.fine{background:#19B5FE}.rateNavigation button.bad{background:#F64747}@media screen and (max-width: 490px){.inputBox{height:100px}.inputBox .description{display:none}.primaryTitle{font-size:20px;line-height:26px;margin-bottom:20px}.primaryDescription{font-size:16px}.initMessage{height:150px}}