.lvio-chat{--chat-bg: #ffffff;--chat-text: var(--lvio-ink);--chat-muted: var(--lvio-muted);--chat-line: var(--lvio-line);--chat-hover: var(--lvio-cream);position:fixed;left:var(--lvio-gutter);bottom:16px;z-index:40;font-family:var(--lvio-font);letter-spacing:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .35s ease,transform .5s var(--lvio-ease-out),visibility .35s ease}.lvio-chat *,.lvio-chat *:before,.lvio-chat *:after{box-sizing:border-box}.lvio-chat.is-ready{opacity:1;visibility:visible;transform:none}body.header-lvio-menu-open .lvio-chat,.lvio-gate-on .lvio-chat{opacity:0;visibility:hidden;pointer-events:none}html[data-theme=dark] .lvio-chat{--chat-bg: #1c1c20;--chat-text: #f5f5f4;--chat-muted: #a3a3a3;--chat-line: rgba(255, 255, 255, .1);--chat-hover: #26262b}.lvio-chat__toggle{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:52px;height:52px;margin:0;padding:0 14px;border:1px solid var(--lvio-ink);border-radius:999px;background-color:var(--lvio-ink);box-shadow:0 8px 24px #0000002e;color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}html[data-theme=dark] .lvio-chat__toggle{border-color:#ffffff29;background-color:#1c1c20}.lvio-chat__toggle:hover{border-color:var(--lvio-accent)}.lvio-chat__toggle:active{transform:scale(.96)}.lvio-chat__toggle:focus-visible{outline:2px solid var(--lvio-accent);outline-offset:3px}.lvio-chat__toggle:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:2px solid var(--lvio-accent);opacity:0;pointer-events:none}.lvio-chat.is-ready:not(.is-open) .lvio-chat__toggle:after{animation:lvio-chat-ring 1.6s var(--lvio-ease-out) .4s 2}@keyframes lvio-chat-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.lvio-chat__toggle-icon{position:relative;display:block;flex-shrink:0;width:24px;height:24px}.lvio-chat__glyph{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:opacity .25s ease,transform .35s var(--lvio-ease-out)}.lvio-chat__glyph--close{opacity:0;transform:rotate(-90deg) scale(.6)}.lvio-chat.is-open .lvio-chat__glyph--chat{opacity:0;transform:rotate(90deg) scale(.6)}.lvio-chat.is-open .lvio-chat__glyph--close{opacity:1;transform:none}.lvio-chat__toggle-label{display:none;white-space:nowrap}@media screen and (min-width:990px){.lvio-chat{bottom:32px}.lvio-chat__toggle{padding:0 22px 0 16px}.lvio-chat__toggle-label{display:inline}}.lvio-chat__panel{position:absolute;bottom:calc(100% + 12px);left:0;width:min(320px,calc(100vw - (var(--lvio-gutter) * 2)));padding:8px;border:1px solid var(--chat-line);border-radius:20px;background-color:var(--chat-bg);box-shadow:0 20px 48px #00000029;color:var(--chat-text);opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transform-origin:bottom left;transition:opacity .25s ease,transform .4s var(--lvio-ease-out),visibility .25s ease}.lvio-chat.is-open .lvio-chat__panel{opacity:1;visibility:visible;transform:none}.lvio-chat__head{padding:12px 12px 10px}.lvio-chat__title{margin:0;font-size:18px;font-weight:700;line-height:1.25}.lvio-chat__text{margin:4px 0 0;color:var(--chat-muted);font-size:14px;line-height:1.45}.lvio-chat__list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.lvio-chat__item{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .4s var(--lvio-ease-out)}.lvio-chat.is-open .lvio-chat__item{opacity:1;transform:none;transition-delay:calc(60ms + var(--i, 0) * 60ms)}.lvio-chat__link{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px 10px 10px;border-radius:14px;color:inherit;text-decoration:none;transition:background-color .2s ease}.lvio-chat__link:hover{background-color:var(--chat-hover)}.lvio-chat__link:focus-visible{outline:2px solid var(--lvio-accent);outline-offset:-2px}.lvio-chat__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;border-radius:12px;color:#fff}.lvio-chat__icon img{display:block;width:100%;height:100%;object-fit:cover}.lvio-chat__icon--zalo{background-color:#0068ff}.lvio-chat__icon--whatsapp{background-color:#25d366}.lvio-chat__label{display:flex;flex:1;flex-direction:column;min-width:0}.lvio-chat__name{font-size:16px;font-weight:600;line-height:1.3}.lvio-chat__note{color:var(--chat-muted);font-size:13px;line-height:1.35}.lvio-chat__link .lvio-icon-arrow{flex-shrink:0;opacity:.45;transition:opacity .2s ease,transform .25s var(--lvio-ease-out)}.lvio-chat__link:hover .lvio-icon-arrow{opacity:1;transform:translate(3px)}@media(prefers-reduced-motion:reduce){.lvio-chat,.lvio-chat__panel,.lvio-chat__item,.lvio-chat__glyph{transition-duration:.01s}.lvio-chat__item{transition-delay:0s!important}.lvio-chat__toggle:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lvio-chat.css.map */