#botconty{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:95vh}.post-content #botconty{flex-wrap:wrap}.chat-container{width:80%;max-width:800px;background-color:#fff;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2);overflow:visible;display:flex;flex-direction:column;height:80%}.chat-messages{flex-grow:1;padding:39px 15px 15px;overflow-y:auto}.chat-message{max-width:60%;padding:13px 18px;margin-bottom:10px;border-radius:15px;line-height:24px}.system-message{background-color:#e6e6e6;float:left;clear:both}.chat-message .cover{width:50%;display:block;margin:16px auto;border-radius:9px;box-shadow:0 5px 7px rgba(101,101,101,.55),5px 5px 7px rgba(0,0,0,.12)}.user-message{background-color:#4db6ac;color:#fff;float:right;clear:both}.options-container{padding:15px;display:flex;flex-wrap:wrap;justify-content:center}#botconty button,#botconty input[type=submit],#botconty input[type=reset]{border:none;font:inherit;cursor:pointer;outline:inherit;opacity:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:80vw}.option-button{background-color:#4db6ac;color:#fff;padding:3px 21px;margin:5px;border-radius:5px;cursor:pointer;transition:all .3s ease}.option-button:hover{background-color:#00695c}.slide-in-from-bottom{animation-name:slide-in;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes slide-in{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.typing-animation{border-right:2px solid #000;white-space:nowrap;overflow:hidden}@keyframes typing{from{width:0}to{width:100%}}@keyframes blinking-caret{50%{border-color:transparent}}.typing-indicator{max-width:60%;padding:10px;margin-bottom:10px;border-radius:15px;float:left;clear:both;background-color:#e6e6e6}.typing-indicator span{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#333;animation:typing-indicator-blink 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-indicator-blink{0%,80%,100%{opacity:0}40%{opacity:1}}.chat-container [data-tooltip]{position:relative;z-index:2;cursor:pointer;text-decoration:initial;border-bottom:1px dotted #a1a1a1;padding:.05em 0;white-space:nowrap;z-index:0;-webkit-user-select:auto !important;-ms-user-select:none;user-select:none}.chat-container [data-tooltip]:before,.chat-container [data-tooltip]:after{visibility:hidden;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;pointer-events:none}.chat-container [data-tooltip]:before{position:absolute;font-style:initial;bottom:110%;margin-bottom:5px;margin-left:0;padding:12px 13px;min-width:90px;max-width:250%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#000;background-color:#03a9f4;color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.chat-container [data-tooltip]:after{position:absolute;bottom:110%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid #03a9f4;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0}.chat-container [data-tooltip]:hover:before,.chat-container [data-tooltip]:hover:after{visibility:visible;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1}.portcont{position:relative;margin:0 auto;width:70px;z-index:1;top:-58px}.post-content .portcont{width:50px;top:-52px}.post-content .portcont .portrait{border-width:3px}.portrait{margin:0 auto;display:block;border-radius:50%;border:4px solid #fff;width:127px;box-shadow:0 3px 5px rgba(0,0,0,.2);background:#fff;position:absolute;top:20px;transition:.5s}h1.port{color:#3a3a3a;text-align:center;font-size:1.3em}h1.port:after{content:"beta";font-size:10px;position:absolute;top:-14px;color:orange}h2.botty_title{text-align:center;margin:1em 0 2.7rem}.botcont{font-family:sans-serif;margin-top:1em;position:absolute;margin:0 auto;top:1.5%}span.portdes{color:#3a3a3a;display:block;margin:0 auto;text-align:center;font-size:.8em;margin:-12px 0 20px}.bbdesc{display:none}.chat-message sup{color:orange;font-size:50%;margin:-3px 0 4px 4px}.chat-message .star{display:inline-block;width:30px;height:30px;padding-right:5px;background:url(https://learnoutlive.com/apps/buchbotv2/feedback/star-outline.svg?v=21) no-repeat;background-size:contain;cursor:pointer;transition:background-image .2s ease-in-out}.chat-message .star:hover,.chat-message .star.selected{background:url(https://learnoutlive.com/apps/buchbotv2/feedback/star-fill.svg?v=21) no-repeat;background-size:contain;transition:background-image .2s ease-in-out}@media only screen and (min-width :320px) and (max-width :516px){.chat-container{width:110%;margin-left:-5%;margin-right:-5%}.chat-message{max-width:81%}.portrait{top:21px;border-width:3px}.portcont{position:relative;margin:0 auto;width:57px}#botconty{margin-top:-25px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#botconty{margin-top:-53px}}