.livechat{--livechat-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 3c-4.97 0-9 3.36-9 7.5 0 2.3 1.25 4.36 3.2 5.73-.13 1.2-.62 2.3-1.42 3.2a.5.5 0 0 0 .45.84 8.3 8.3 0 0 0 4.02-1.77c.88.2 1.8.3 2.75.3 4.97 0 9-3.36 9-7.5S16.97 3 12 3Z'/%3E%3C/svg%3E");z-index:60;justify-items:end;gap:.5rem;max-inline-size:calc(100vw - 2rem);display:grid;position:fixed;inset-block-end:1rem;inset-inline-end:1rem}.livechat:has(.livechat__toggle[aria-expanded=true]){z-index:120}.livechat:has(.livechat__toggle[aria-expanded=true]) .livechat__toggle{display:none}.livechat__toggle{border-radius:var(--radius-full);background:var(--bg-tertiary);min-block-size:3rem;color:var(--accent-ink,var(--accent));font-family:inherit;font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-lg);transition:background var(--dur)var(--ease);border:0;align-items:center;gap:.5rem;padding-inline:1.125rem;font-weight:600;line-height:1;display:inline-flex;position:relative}.livechat__toggle:before{content:"";block-size:1.125rem;inline-size:1.125rem;mask:var(--livechat-icon)center/contain no-repeat;-webkit-mask:var(--livechat-icon)center/contain no-repeat;background-color:currentColor}.livechat__toggle:hover,.livechat__toggle:focus-visible{background:var(--wash-brand,var(--primary-soft))}.livechat__badge{border-radius:var(--radius-full);background:var(--no-line,var(--danger));block-size:1.25rem;min-inline-size:1.25rem;color:var(--on-danger);font-size:var(--text-xs);place-items:center;padding-inline:.25rem;font-weight:700;line-height:1;display:grid;position:absolute;inset-block-start:-.25rem;inset-inline-start:-.25rem}.livechat__panel{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);block-size:min(30rem,64svh);inline-size:min(21rem,100vw - 2rem);min-inline-size:0;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.livechat__head{border-block-end:1px solid var(--border-light);color:var(--text-primary);flex:none;align-items:center;gap:.5rem;padding:.625rem .875rem;font-weight:600;display:flex}.livechat__head>span:first-child{flex:1}.livechat__state{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.livechat__state:before{content:"";border-radius:var(--radius-full);background:var(--text-muted);block-size:.5rem;inline-size:.5rem}.livechat__state.is-open{color:var(--ok-ink,var(--success))}.livechat__state.is-open:before{background:var(--ok-line,var(--success))}.livechat__offline{border-block-end:1px solid var(--border-light);background:var(--warn-wash,var(--warning-soft));color:var(--text-primary);font-size:var(--text-xs);flex:none;margin:0;padding:.625rem .875rem;line-height:1.7}.livechat__close{font-size:var(--text-xl);cursor:pointer;color:inherit;background:0 0;border:0;line-height:1}.livechat__log{flex:auto;align-content:start;gap:.5rem;min-block-size:0;padding:.75rem;display:grid;overflow-y:auto}.livechat__msg{border-radius:var(--radius);overflow-wrap:anywhere;max-inline-size:85%;font-size:var(--text-sm);color:var(--text-primary);padding:.5rem .75rem}.livechat__msg.is-pending{opacity:.55}.livechat__msg--customer{background:var(--wash-brand,var(--primary-soft));border-end-end-radius:var(--radius-sm);justify-self:end}.livechat__msg--staff{background:var(--bg-tertiary);border:1px solid var(--border-light);border-end-start-radius:var(--radius-sm);justify-self:start}.livechat__intro,.livechat__form{border-block-start:1px solid var(--border-light);flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.375rem;padding:.5rem;display:grid}.livechat__form textarea{resize:none;min-block-size:0;margin:0}.livechat__form .btn{white-space:nowrap;flex:none}.livechat__hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.livechat__error{font-size:var(--text-xs);color:var(--no-ink,var(--danger));margin:0}.livechat__input{resize:none;min-inline-size:0}@media (width<=768px){.livechat{inset-block-end:calc(var(--bottombar-h,3.75rem) + env(safe-area-inset-bottom) + .75rem)}.livechat__label{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.livechat__toggle{justify-content:center;inline-size:3rem;padding-inline:0}.livechat__panel{block-size:min(32rem,62svh)}}.livechat__hours .livechat__clock{text-align:center;flex:none;inline-size:5.5rem;min-inline-size:0;margin:0}.livechat__hours{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.livechat__days{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.livechat__contact{border-block-start:1px solid var(--border-light);flex:none;gap:.375rem;padding:.625rem .75rem;display:grid}.livechat__contact-row{align-items:center;gap:.375rem;display:flex}.livechat__contact-row input{flex:auto;min-inline-size:0}@media (width<=768px){.livechat:has(.livechat__toggle[aria-expanded=true]){inset:var(--vvt,0px)0 auto 0;block-size:var(--vvh,100dvh);gap:0;max-inline-size:none;padding:0}.livechat:has(.livechat__toggle[aria-expanded=true]) .livechat__panel{block-size:100%;inline-size:100%;box-shadow:none;border:0;border-radius:0;padding-block-end:env(safe-area-inset-bottom)}}