:root{--peekobot-height: 500px}#peekobot-wrap{width:500px;height:var(--peekobot-height);position:fixed;right:10px;bottom:40px;z-index:1}#peekobot-container{border:1px solid #e6e6e6;background-color:#fff;border-radius:12px;padding:1rem 1rem 2rem 1rem;height:var(--peekobot-height);position:relative}#peekobot-inner{height:100%;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;position:relative;scrollbar-width:none;-ms-overflow-style:none}#peekobot-inner::-webkit-scrollbar{display:none}.chat-response,.chat-ask{opacity:0;transform:translateY(-50%);transition:all .3s .3s;border-radius:12px;background-color:#e6e6e6;padding:.5rem .7rem;line-height:1.4;color:#000;width:80%;margin-bottom:.5rem}.chat-response{margin-left:26px;position:relative}.chat-response:before{display:block;content:"";width:24px;height:34px;position:absolute;left:-32px;top:0;background-image:var(--peekobot-avatar);background-color:#fff;background-repeat:no-repeat;background-size:100%;border-radius:100%}.chat-ask{background-color:#1e97fa;margin-right:0;margin-left:auto;color:#fff}.choices{opacity:0;transform:translateY(-50%);transition:all .3s .3s;transition:opacity .3s .3s;margin-top:.5rem;margin-left:22px}.choice{display:inline-block;outline:none;border:1px solid #000;padding:.3rem .8rem;background-color:#fff;border-radius:1rem;font-size:.9rem;line-height:1.3;margin-bottom:.5rem;margin-right:.5rem;text-decoration:none;color:inherit;cursor:pointer}.choice:disabled{color:#ccc;border-color:#ccc}.disabled{color:#ccc;background-color:rgba(68,97,122,.4) !important;border-color:#ccc}.activated{opacity:1;transform:translateY(0)}.restart{position:absolute;bottom:.5rem;right:.5rem;outline:none;font-size:12px;color:gray;box-shadow:none;border:1px solid #999;border-radius:1rem;background:#fff;padding:.2rem .5rem;cursor:pointer}#peekobot-wrap{width:400px;-webkit-transition:transform ease 0.5s;-khtml-transition:transform ease 0.5s;-moz-transition:transform ease 0.5s;-ms-transition:transform ease 0.5s;-o-transition:transform ease 0.5s;transition:transform ease 0.5s;-webkit-transform:translate(110%, 0);-khtml-transform:translate(110%, 0);-moz-transform:translate(110%, 0);-ms-transform:translate(110%, 0);-o-transform:translate(110%, 0);transform:translate(110%, 0)}#peekobot-wrap.active{-webkit-transform:translate(0, 0);-khtml-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}#peekobot-container{background-color:rgba(102,102,102,.95);font-size:.9rem}.chat-response,.chat-ask{background-color:#fff;width:auto;padding:.3rem .5rem}#peekobot-start{-webkit-transition:transform ease 0.25s;-khtml-transition:transform ease 0.25s;-moz-transition:transform ease 0.25s;-ms-transition:transform ease 0.25s;-o-transition:transform ease 0.25s;transition:transform ease 0.25s;-webkit-transform:translate(0, 4%);-khtml-transform:translate(0, 4%);-moz-transform:translate(0, 4%);-ms-transform:translate(0, 4%);-o-transform:translate(0, 4%);transform:translate(0, 4%);position:fixed;right:0;bottom:0;z-index:10;animation:move 6s infinite forwards}@keyframes move{0%{-webkit-transform:translate(0, 4%);-khtml-transform:translate(0, 4%);-moz-transform:translate(0, 4%);-ms-transform:translate(0, 4%);-o-transform:translate(0, 4%);transform:translate(0, 4%)}50%{-webkit-transform:translate(0, 4%);-khtml-transform:translate(0, 4%);-moz-transform:translate(0, 4%);-ms-transform:translate(0, 4%);-o-transform:translate(0, 4%);transform:translate(0, 4%)}75%{-webkit-transform:translate(0, 8%);-khtml-transform:translate(0, 8%);-moz-transform:translate(0, 8%);-ms-transform:translate(0, 8%);-o-transform:translate(0, 8%);transform:translate(0, 8%)}100%{-webkit-transform:translate(0, 4%);-khtml-transform:translate(0, 4%);-moz-transform:translate(0, 4%);-ms-transform:translate(0, 4%);-o-transform:translate(0, 4%);transform:translate(0, 4%)}}#peekobot-start:hover{cursor:pointer;animation:none}#peekobot-start.active{-webkit-transform:translate(0, 110%);-khtml-transform:translate(0, 110%);-moz-transform:translate(0, 110%);-ms-transform:translate(0, 110%);-o-transform:translate(0, 110%);transform:translate(0, 110%);animation:none}#peekobot-start>.peekobot-text{width:120px;display:inline-block;background-color:#666;font-size:1rem;padding:.5rem;line-height:1.2;border-radius:10px;color:#fff}#peekobot-start::after{content:"";position:absolute;left:120px;top:30%;width:0;height:0;border:1rem solid transparent;border-left-color:#666;border-right:0;border-bottom:0;margin-right:-1rem;z-index:1}.chat-response::after{content:"";position:absolute;left:0;top:20px;width:0;height:0;border:6px solid transparent;border-right-color:#fff;border-left:0;border-bottom:0;margin-top:-3px;margin-left:-6px}.chat-response::before{background-color:transparent;left:-28px}.chat-ask{background-color:#666;color:#000}.chat-ask.activated::before{content:"✔ ";color:green}.choice{-webkit-transition:background-color ease 0.25s, color ease 0.25s;-khtml-transition:background-color ease 0.25s, color ease 0.25s;-moz-transition:background-color ease 0.25s, color ease 0.25s;-ms-transition:background-color ease 0.25s, color ease 0.25s;-o-transition:background-color ease 0.25s, color ease 0.25s;transition:background-color ease 0.25s, color ease 0.25s;background-color:rgba(68,97,122,.92);color:#fff;border:0 none;font-size:.8rem;line-height:1.1;margin-right:.25rem}.choice:hover,.choice:focus{background-color:rgba(68,97,122,.8) !important;outline:none !important;color:#fff}.choice:disabled{background-color:rgba(68,97,122,.4) !important;color:#fff}