#epops-bubble{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:#fff;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s;z-index:9999;border:1px solid #e4a068}#epops-bubble:hover{background:#e4a068;color:#000}#epops-panel{position:fixed;bottom:-180px;right:-140px;width:380px;height:500px;background:#fff;border-radius:14px;box-shadow:0 8px 26px #00000040;transform:scale(.7) translateY(60px);opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.22,1.5,.32,1),opacity .35s ease-in-out;z-index:9999;display:flex;flex-direction:column}#epops-panel.open{transform:scale(1) translateY(-200px) translate(-170px);opacity:1;pointer-events:auto}#epops-panel:not(.open){transform:scale(.1) translateY(-150px) translate(-120px);opacity:0}#epops-panel header{background:#000;color:#fff;padding:14px 18px;font-size:16px;display:flex;justify-content:space-between;align-items:center;border-radius:14px 14px 0 0}#epops-close{cursor:pointer;font-size:20px}.epops-header-actions{display:flex;gap:8px;align-items:center}#epops-clear{cursor:pointer;font-size:16px;opacity:.7;transition:opacity .2s,transform .2s}#epops-clear:hover{opacity:1;transform:translateY(-1px)}#epops-messages{flex:1;padding:14px;overflow-y:auto;font-size:15px}#epops-messages .bot{background:#f5f5f5;padding:10px 14px;margin-bottom:10px;border-radius:4px}#epops-messages .user{background:#fff6ef;color:#000;font-weight:200;padding:10px 14px;margin-bottom:10px;border-radius:4px;text-align:right}#epops-messages .bot-animate{animation:epops-bot-pop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes epops-bot-pop{0%{opacity:0;transform:translateY(8px) scale(1)}55%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}#epops-input-area{display:flex;gap:8px;padding:12px;border-top:1px solid #ddd}#epops-input{flex:1;border:1px solid #ccc;border-radius:6px;padding:10px;font-size:15px}#epops-send{background:#000;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}#epops-send:hover{background:#e4a068;color:#000}.chatbot-logo{width:50px;transition:.3s ease;filter:brightness(0)}.chatbot-logo:hover{filter:invert(1);filter:brightness(1);cursor:pointer}.typing{display:inline-flex;align-items:center;font-style:italic;opacity:.8}.typing:after{font-style:normal;content:"\25c9";//\26ab  \25c9  margin-left: 4px;animation:blink .5s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/epops-chatbot.css.map */