bf-livesupport{display:block;font:inherit;color:var(--ls-ink);background:var(--ls-bg);padding:var(--ls-top) var(--ls-side) var(--ls-bottom);--ls-state:paused}
bf-livesupport *,bf-livesupport *::before,bf-livesupport *::after{box-sizing:border-box}
bf-livesupport .ls-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--ls-gap);max-width:var(--ls-width);margin-inline:auto;align-items:stretch}
bf-livesupport .ls-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgb(255 255 255 / .6);border-radius:var(--ls-radius);background:var(--ls-card)}
bf-livesupport .ls-card::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--ls-grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h180v180H0z' filter='url(%23n)'/%3E%3C/svg%3E")}
bf-livesupport .ls-team{grid-row:1/3;min-height:620px;background:radial-gradient(ellipse at 40% 25%,color-mix(in srgb,var(--ls-accent) 28%,transparent),transparent 65%),var(--ls-card)}
bf-livesupport .ls-ring,bf-livesupport .ls-satellite{position:absolute;aspect-ratio:1;left:50%;top:50%;width:72%;translate:-50% -50%;border-radius:50%}
bf-livesupport .ls-ring{border:1px solid color-mix(in srgb,var(--ls-ink) 13%,transparent)}
bf-livesupport .ls-ring-inner,bf-livesupport .ls-satellite-inner{width:48%}
bf-livesupport .ls-team-title{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;width:42%;text-align:center;font:inherit;font-size:var(--ls-heading);line-height:1.12;letter-spacing:-.035em;font-weight:550;margin:0;color:inherit;text-transform:none;overflow-wrap:anywhere}
bf-livesupport .ls-satellite{animation:ls-orbit var(--ls-orbit) linear infinite;animation-play-state:var(--ls-state);transform:rotate(var(--ls-angle));pointer-events:none}
bf-livesupport .ls-satellite-inner{--ls-orbit:45s}
bf-livesupport .ls-avatar{position:absolute;top:0;left:50%;translate:-50% -50%;width:var(--ls-avatar);height:var(--ls-avatar)}
bf-livesupport .ls-avatar-content{display:grid;place-items:center;width:100%;height:100%;border:2px solid rgb(255 255 255 / .65);border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--ls-accent) 50%,var(--ls-card));font-size:20px;font-weight:600;animation:ls-counter var(--ls-orbit) linear infinite;animation-play-state:var(--ls-state);transform:rotate(calc(-1 * var(--ls-angle)))}
bf-livesupport .ls-avatar img{width:100%;height:100%;object-fit:cover}
bf-livesupport .ls-satellite-inner .ls-avatar{width:calc(var(--ls-avatar)*.8);height:calc(var(--ls-avatar)*.8)}
bf-livesupport .ls-chat{padding:28px;min-height:320px;display:flex;flex-direction:column}
bf-livesupport .ls-chat-heading{font-size:11px;letter-spacing:.06em;line-height:1.6;text-align:center;margin:0 0 24px;opacity:.65}
bf-livesupport .ls-conversation{display:flex;flex-direction:column;gap:8px;justify-content:center;flex:1;min-width:0}
bf-livesupport .ls-message{display:flex;align-items:flex-start;gap:9px}
bf-livesupport .ls-message-support{flex-direction:row-reverse}
bf-livesupport .ls-message-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;overflow:hidden;border-radius:50%;background:var(--ls-bg);font-size:12px}
bf-livesupport .ls-message-avatar img{width:100%;height:100%;object-fit:cover}
bf-livesupport .ls-message p{font-size:12px;line-height:1.5;max-width:85%;margin:0;padding:9px 13px;border-radius:20px;border:1px solid rgb(255 255 255 / .55);background:rgb(255 255 255 / .45);backdrop-filter:blur(var(--ls-blur));-webkit-backdrop-filter:blur(var(--ls-blur));overflow-wrap:anywhere}
bf-livesupport .ls-message-support p{background:color-mix(in srgb,var(--ls-accent) 65%,transparent)}
bf-livesupport .ls-message.ls-pending{visibility:hidden}
bf-livesupport .ls-demo-label{font-size:10px;opacity:.5;margin-top:16px;text-align:center}
bf-livesupport .ls-offer{min-height:290px;padding:28px;display:flex;flex-direction:column;background:linear-gradient(135deg,rgb(255 255 255 / .35),transparent),var(--ls-card)}
bf-livesupport .ls-offer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}
bf-livesupport .ls-offer h2{font:inherit;font-size:var(--ls-heading);line-height:1.12;letter-spacing:-.035em;font-weight:550;margin:0;color:inherit;text-transform:none;overflow-wrap:anywhere}
bf-livesupport .ls-offer-description{max-width:40ch;font-size:12px;line-height:1.6;opacity:.65;margin:14px 0 0;z-index:1}
bf-livesupport .ls-cta,bf-livesupport .ls-cta:is(:hover,:focus,:active,:visited){display:inline-flex;gap:12px;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 15px;border:0!important;border-radius:100px;background:var(--ls-accent);color:#111!important;-webkit-text-fill-color:#111!important;font-size:12px;font-weight:550;line-height:1.4;text-decoration:none!important;background-image:none!important;box-shadow:none!important}
bf-livesupport .ls-cta::before,bf-livesupport .ls-cta::after{content:none!important}
bf-livesupport .ls-offer-media{position:relative;margin:16px -28px -28px;min-height:140px;flex:1;overflow:hidden}
bf-livesupport .ls-offer-media :is(img,video){display:block;width:100%;height:180px;object-fit:cover}
bf-livesupport .ls-abstract{height:180px;display:flex;align-items:center;justify-content:center;gap:12px;transform:rotate(-15deg);padding-top:20px}
bf-livesupport .ls-abstract i{display:block;width:100px;height:150px;border:2px solid rgb(255 255 255 / .75);border-radius:50%;background:linear-gradient(120deg,color-mix(in srgb,var(--ls-accent) 65%,transparent),rgb(255 255 255 / .35),#c4c4de);box-shadow:inset 0 0 18px rgb(255 255 255 / .5)}
bf-livesupport .ls-pause{display:grid;place-items:center;width:44px;height:44px;margin:12px 0 0 auto;border:1px solid rgb(0 0 0 / .08);border-radius:50%;background:rgb(255 255 255 / .3);font:inherit;font-size:12px;color:inherit;cursor:pointer}
bf-livesupport [hidden]{display:none!important}
bf-livesupport :is(a,button):focus-visible{outline:2px solid var(--ls-ink);outline-offset:4px}
bf-livesupport .ls-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes ls-orbit{from{transform:rotate(var(--ls-angle))}to{transform:rotate(calc(var(--ls-angle) + 360deg))}}
@keyframes ls-counter{from{transform:rotate(calc(-1 * var(--ls-angle)))}to{transform:rotate(calc(-1 * var(--ls-angle) - 360deg))}}
@media(max-width:749px){bf-livesupport{padding:min(var(--ls-top),32px) min(var(--ls-side),16px) min(var(--ls-bottom),32px)}bf-livesupport .ls-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:var(--ls-gap)}bf-livesupport .ls-team{grid-row:auto;min-height:0;aspect-ratio:1/1}bf-livesupport .ls-team-title{font-size:clamp(18px,5vw,24px);width:44%}bf-livesupport .ls-avatar{width:min(var(--ls-avatar),48px);height:min(var(--ls-avatar),48px)}bf-livesupport .ls-satellite-inner .ls-avatar{width:36px;height:36px}bf-livesupport .ls-avatar-content{font-size:15px}bf-livesupport .ls-chat,bf-livesupport .ls-offer{padding:20px;min-height:280px}bf-livesupport .ls-offer h2{font-size:24px}bf-livesupport .ls-chat-heading{margin-bottom:18px;font-size:10px}bf-livesupport .ls-offer-media{margin:16px -20px -20px}bf-livesupport .ls-cta{font-size:11px;padding:9px 12px}bf-livesupport .ls-message p{font-size:11px;padding:8px 11px}bf-livesupport .ls-message-avatar{flex-basis:26px;width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){bf-livesupport .ls-satellite,bf-livesupport .ls-avatar-content{animation:none!important}}
bf-livesupport .ls-team{background:var(--ls-card)}
bf-livesupport .ls-team::after{content:'';position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 20%,var(--ls-mesh-one),transparent 50%),radial-gradient(ellipse at 80% 30%,color-mix(in srgb,var(--ls-accent) 80%,transparent),transparent 48%),radial-gradient(ellipse at 60% 85%,var(--ls-mesh-two),transparent 52%);filter:blur(24px);animation:ls-mesh var(--ls-orbit) ease-in-out infinite alternate;animation-play-state:var(--ls-state)}
bf-livesupport .ls-satellite{width:var(--ls-avatar);height:var(--ls-avatar);aspect-ratio:auto;border-radius:0;left:calc(50% + cos(var(--ls-angle) + 45deg)*33%);top:calc(50% + sin(var(--ls-angle) + 45deg)*33%);translate:-50% -50%;transform:none;animation:ls-float 9s ease-in-out infinite alternate;animation-delay:var(--ls-delay);animation-play-state:var(--ls-state)}
bf-livesupport .ls-satellite-inner{left:calc(50% + cos(var(--ls-angle) + 90deg)*38%);top:calc(50% + sin(var(--ls-angle) + 90deg)*38%)}
bf-livesupport .ls-avatar{position:relative;left:auto;top:auto;translate:none;width:100%;height:100%}
bf-livesupport .ls-avatar-content{animation:none;transform:none;border:2px solid rgb(255 255 255 / .75);box-shadow:0 10px 26px -12px rgb(36 43 44 / .35)}
bf-livesupport .ls-satellite-inner .ls-avatar{width:100%;height:100%}
bf-livesupport .ls-team-title{width:52%}
@keyframes ls-float{from{transform:translate(-4px,-6px) rotate(-3deg)}to{transform:translate(5px,7px) rotate(3deg)}}
@keyframes ls-mesh{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(4%,3%) scale(1.12)}}
@media(max-width:749px){bf-livesupport .ls-satellite{width:44px;height:44px}bf-livesupport .ls-satellite-inner{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){bf-livesupport .ls-team::after,bf-livesupport .ls-satellite{animation:none!important;transform:none}}