:root{--bg: #000000;--bg-grad-1: #111111;--bg-grad-2: #050505;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--line: rgba(255, 255, 255, .14);--accent-red: #e31b23;--shadow-color: rgba(0, 0, 0, .55);--border-radius: 10px;--bubble-bg: #ffffff;--bubble-text: #000000;--bubble-hover-bg: var(--accent-red);--bubble-hover-text: #ffffff;--frame-bg: #0a0a0a}.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.chat-bubble{background-color:var(--bubble-bg);border-radius:15px;box-shadow:0 10px 30px var(--shadow-color);padding:15px 25px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative;animation:bubbleAttention 6.5s ease-in-out infinite}.chat-bubble:hover{transform:translateY(-2px);box-shadow:0 14px 38px #000000a6;background-color:var(--bubble-hover-bg)}.chat-bubble:hover .text{color:var(--bubble-hover-text)}.chat-bubble:hover .icon svg{stroke:var(--bubble-hover-bg)}.chat-bubble:active{transform:translateY(0)}@keyframes bubbleAttention{0%,86%,to{transform:translateY(0)}88%{transform:translateY(-4px)}90%{transform:translateY(0)}92%{transform:translateY(-3px)}94%{transform:translateY(0)}}.chat-bubble .icon{width:24px;height:24px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-bubble .icon svg{stroke:#000;transition:stroke .3s ease}.chat-bubble .text{font-weight:700;color:var(--bubble-text);white-space:nowrap;transition:color .3s ease}.new-badge{position:absolute;top:-10px;right:-10px;background:var(--accent-red);color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:999px;box-shadow:0 10px 22px #00000073;animation:badgeBounce .9s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.new-badge.fade-out{animation:none;opacity:0;transition:opacity .6s ease}.chat-frame{position:fixed;bottom:90px;right:20px;width:400px;height:600px;background:var(--frame-bg);border-radius:var(--border-radius);box-shadow:0 18px 55px #000000a6;display:none;overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(20px)}.chat-frame.active{display:block;opacity:1;transform:translateY(0)}.chat-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block;background:transparent;opacity:0;transition:opacity .3s ease}.chat-frame.active iframe{opacity:1}@media(max-width:500px){.chat-frame{width:100%;height:100%;bottom:0;right:0;border-radius:0}.chat-bubble{padding:12px 20px}}body.chat-open{overflow:hidden}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.14);border-top-color:var(--accent-red);animation:spin .9s linear infinite;z-index:2;pointer-events:none}.chat-frame.loading .loading-indicator{display:block}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/chatbot.css.map */