:root{font-family:-apple-system,Inter,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeSpeed;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-optical-sizing:auto;font-style:normal}#chat,body,html{font-size:16px}#chat code{white-space:pre-wrap;word-break:break-all;width:100%}@media screen and (min-width: 768px){#chat,body,html{font-size:13px}}a{font-size:1rem;font-weight:400;color:var(--brand);text-decoration:inherit}a:hover{color:var(--brand)}body{margin:0;position:relative;background:transparent}h1{font-size:1.2rem;margin:5px 0}h2,h3,h4,h5,h6{font-size:1.1rem;margin:3px 0}button{border-radius:8px;border:1px solid transparent;padding:.4rem 1.2rem;font-size:1em;font-weight:400;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--blue)}input[type=text],input[type=number],textarea{font-size:inherit}:root,.shadow-root{--white: #FFFFFF;--black: #000;--light-1: #f2f2f2;--light-2: #E0E4E5;--light-3: #fafafa;--dark-1: #111111;--dark-2: #212121;--dark-3: #333333;--dark-4: #373737;--grey: #1C1C1C80;--brand-vtb: #5e5ecc;--brand-flo: #fe5a7d;--brand-violet: #7300B5;--blue: #646cff;--dark-blue: #2b4055;--brand: var(--brand-flo);--brand-light: color-mix(in srgb, var(--brand) 85%, var(--white));--focus: var(--brand);--action-base: var(--dark-blue);--popup-background: #012144;--popup-background-light: #005c84}#vtb{--brand: var(--brand-vtb);--base-border: var(--light-1);--base-bg: var(--white);--secondary-bg: var(--light-3);--base-text: var(--dark-1);--action-base: var(--dark-blue);--brand-light: color-mix(in srgb, var(--brand) 85%, var(--white));--focus: var(--brand)}#flo{--brand: var(--brand-flo);--base-border: var(--light-1);--base-bg: var(--white);--secondary-bg: var(--light-3);--base-text: var(--dark-1);--action-base: var(--dark-blue);--brand-light: color-mix(in srgb, var(--brand) 85%, var(--white));--focus: var(--brand)}#flo-dark{--brand: var(--brand-flo);--base-border: var(--dark-1);--base-bg: var(--dark-2);--secondary-bg: var(--dark-4);--base-text: var(--white);--action-base: var(--dark-blue);--brand-light: color-mix(in srgb, var(--brand) 70%, var(--white));--focus: var(--brand)}#chat{--border-width: 5px;position:fixed;width:calc(100dvw - var(--border-width) * 2);height:calc(100dvh - var(--border-width) * 2);top:0;left:0;right:0;z-index:1000;display:flex;flex-direction:column;background:var(--base-bg);border:var(--border-width) solid var(--base-border);color:var(--base-text);font-family:-apple-system,Inter,Helvetica,Arial,sans-serif}@media screen and (min-width: 768px){#chat{position:fixed;height:600px;width:360px;left:auto;right:40px;top:auto;bottom:40px;border-radius:16px}}#chat.closed{transform:translateY(100dvh);transition:transform .3s ease-in-out}.chat_header{padding:8px 12px;background:var(--secondary-bg);border-bottom:solid 2px color-mix(in srgb,var(--base-border) 65%,transparent);grid-template-columns:auto 1fr;display:grid;align-items:center;position:relative;column-gap:8px;border-radius:10px 10px 0 0;z-index:10}.chat_header .logo{grid-row:1 / 3}.chat_header_caption{font-size:.8rem;color:var(--base-text)}.chat_close{position:absolute;right:5px;padding:10px;cursor:pointer;height:14px;width:14px}.chat_footer{display:flex;flex-direction:column-reverse;padding:8px;gap:4px}.message_hints{grid-column:1 / 3}.message_hints span{font-size:.9rem;color:var(--base-text);background:var(--secondary-bg);transition:background .2s ease-in-out;box-shadow:0 0 2px #005c8470;border-radius:.8rem;padding:.3rem .7rem;margin-bottom:2px;line-height:1;max-width:100%;cursor:pointer;white-space:nowrap;box-sizing:border-box;text-overflow:ellipsis;display:inline-block;overflow:hidden}.message_hints span:hover{background:color-mix(in srgb,var(--brand) 10%,var(--secondary-bg))}.message_input{width:100%;box-sizing:border-box;padding:10px 40px 10px 12px;border:2px solid transparent;border-radius:10px;line-height:20px;box-shadow:0 0 2px #005c8470;transition:border .2s ease-in-out;background:var(--secondary-bg);color:var(--base-text);word-break:break-word}.message_input:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none}.message_input:hover{border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.message_input:focus{outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid var(--focus)}.send_button{color:var(--white);background:var(--action-base);border-radius:50%;width:32px;height:32px;padding:.4rem .6rem;transition:background .2s ease-in-out;border:none;position:absolute;right:14px;bottom:14px;z-index:10}.send_button:hover{background:color-mix(in srgb,var(--action-base) 80%,var(--white))}.send_button svg{fill:transparent}.messages_wrapper{padding:0 12px;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.messages{flex:1;display:flex;flex-direction:column;align-content:flex-start}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes typingPulse{0%,to{opacity:.5}50%{opacity:1}}.message{display:flex;gap:10px;max-width:100%;align-items:center;margin-bottom:10px;position:relative;animation:slideIn .3s cubic-bezier(.25,.46,.45,.94) forwards;backface-visibility:hidden;transform:translateY(0);will-change:transform,opacity}.bot_message{position:relative;backface-visibility:hidden;transform:translateY(0);will-change:transform,opacity}.bot_message.typing{display:flex;gap:20px;align-items:center;grid-row:1}.bot_message.typing .typing-text{font-style:italic;animation:typingPulse 1.5s infinite ease-in-out;color:var(--base-text)}.message img{border-radius:50%;width:32px;height:32px;align-self:flex-end}.message_text{padding:12px;background:var(--light-3);box-shadow:0 1px 2px #00000026;white-space:pre-wrap;border-radius:14px 9px 9px 2px;max-width:200px}.message.message_from_user .message_text{border-radius:8px 8px 2px;margin-left:auto;background:var(--secondary-bg);overflow-wrap:break-word}.products{display:flex;flex-direction:row;gap:6px;justify-content:stretch;margin-bottom:10px}.product{position:relative;border-radius:12px;background:var(--secondary-bg);box-shadow:0 1px 4px #00000050;flex:1;display:flex;flex-direction:column;gap:8px;padding:4px;margin:2px auto;align-items:center;max-width:70%}.ad_badge{position:absolute;cursor:pointer;top:6px;left:6px;display:inline-flex;align-items:center;gap:4px;font-size:.7rem;background:var(--white);color:var(--dark-3);border-radius:9px;padding:.1rem .5rem;box-shadow:0 1px 2px #00000026}.ad_badge:hover:after{content:"На правах рекламы. Дальше ИНН, БИК, КПП, ОГРН и т.д.";font-size:.8rem;font-weight:600;color:var(--dark-3);position:absolute;z-index:10;left:0;top:calc(100% + 5px);width:200px;background:var(--white);padding:.5rem;box-shadow:0 1px 2px #00000026;border-radius:12px;transition:opacity .2s ease-in-out}.product_button{background:var(--brand);border-radius:8px;padding:6px 12px;font-size:.9rem;color:var(--white);text-align:center;display:block;align-self:stretch;transition:.2s}.product_button:hover,.product_button:focus-visible{background:var(--brand-light);color:var(--white)}.product_button-cart{border-radius:50%;width:31px;height:31px}.product_name{font-size:.9rem;flex:1;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product_price{font-size:1.1rem;font-weight:600;align-self:flex-start}.product_image{max-width:150px;height:100px;background:var(--light-2);display:flex;justify-content:center;border-radius:8px}.carousel .product,.carousel .product_image{width:150px}.product_image img{height:100px;max-width:100%;overflow:hidden;object-fit:cover;border-radius:8px}.carousel{position:relative;animation:slideIn .3s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity;transform:translateY(0);margin:10px 0}.carousel .products{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start}.carousel .products::-webkit-scrollbar{display:none}.carousel .arrow{position:absolute;right:5px;top:50%;background:var(--light-2);border-radius:50%;height:30px;width:30px;text-align:center;line-height:30px;cursor:pointer}.chat_popup{position:fixed;bottom:10px;right:10px;display:flex;opacity:1;transition:opacity 1s ease;cursor:pointer;border:2px solid color-mix(in srgb,var(--focus) 60%,transparent);border-radius:50%;transition:all .2s ease-in-out}.chat_popup:hover{transform:scale(1.05)}.chat_popup.closed{opacity:0;visibility:hidden;pointer-events:none}.chat_popup.left{left:0;right:auto;flex-direction:row-reverse}.chat_popup img{width:60px;height:60px}.theme-switch button{background:var(--light-1)}@keyframes typing-blink{0%{opacity:.1}20%{opacity:1}to{opacity:.1}}.typing-dots{--dot-width: 8px;--dot-color: var(--base-text);--speed: 1.5s;position:relative;width:calc(var(--dot-width) * 3 + 2px);height:var(--dot-width)}.typing-dots span{animation:typing-blink var(--speed) infinite;animation-fill-mode:both;height:var(--dot-width);width:var(--dot-width);background:var(--dot-color);position:absolute;left:0;top:0;border-radius:50%}.typing-dots span:nth-child(2){animation-delay:.2s;margin-left:calc(var(--dot-width) * 1.5)}.typing-dots span:nth-child(3){animation-delay:.4s;margin-left:calc(var(--dot-width) * 3)}
