.jtv-chat{--jtv-chat-radius: 16px;--jtv-chat-border: rgb(var(--color-foreground-rgb, 34 6 6) / .12);--jtv-chat-shadow: 0 24px 60px rgb(0 0 0 / .22), 0 2px 8px rgb(0 0 0 / .08);position:fixed;inset-block-end:var(--jtv-chat-offset-block, 20px);inset-inline-end:var(--jtv-chat-offset-inline, 20px);z-index:var(--layer-overlay, 16);display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--font-body--family, system-ui, sans-serif);pointer-events:none}.jtv-chat[data-position=left]{inset-inline:var(--jtv-chat-offset-inline, 20px) auto;align-items:flex-start}.jtv-chat>*{pointer-events:auto}.jtv-chat__launcher{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:50px;padding-inline:18px 22px;border:0;border-radius:999px;background-color:var(--jtv-chat-accent, #39aee4);color:var(--jtv-chat-accent-contrast, #ffffff);font-family:inherit;font-size:1rem;font-weight:600;line-height:1;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 20px #0000002e;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease}.jtv-chat__launcher:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 26px #0000003d}.jtv-chat__launcher:active{transform:translateY(0)}.jtv-chat__launcher:focus-visible{outline:2px solid var(--jtv-chat-accent, #39aee4);outline-offset:3px}.jtv-chat__launcher-icon{flex:none;width:22px;height:22px}.jtv-chat__badge{position:absolute;inset-block-start:6px;inset-inline-end:8px;width:11px;height:11px;border-radius:50%;background-color:var(--jtv-chat-badge, #df6868);box-shadow:0 0 0 2px var(--jtv-chat-accent-contrast, #ffffff);opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.jtv-chat[data-unread=true] .jtv-chat__badge{opacity:1;transform:none}.jtv-chat__launcher-unread{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);white-space:nowrap}.jtv-chat[data-state=open] .jtv-chat__launcher{opacity:0;visibility:hidden;transform:scale(.88) translateY(6px);transition-duration:.15s}.jtv-chat__panel{display:flex;flex-direction:column;overflow:hidden;width:min(var(--jtv-chat-width, 400px),calc(100vw - 32px));height:min(var(--jtv-chat-height, 620px),calc(100dvh - 7rem));border-radius:var(--jtv-chat-radius);background-color:var(--jtv-chat-surface, #ffffff);color:var(--jtv-chat-text, #220606);box-shadow:var(--jtv-chat-shadow);transform-origin:bottom right;opacity:0;visibility:hidden;transform:translateY(14px) scale(.98);transition:opacity .22s ease,transform .22s ease,visibility .22s}.jtv-chat[data-position=left] .jtv-chat__panel{transform-origin:bottom left}.jtv-chat[data-state=open] .jtv-chat__panel{opacity:1;visibility:visible;transform:none}.jtv-chat__header{display:flex;align-items:center;gap:10px;padding:12px 10px 12px 16px;border-block-end:1px solid var(--jtv-chat-border)}.jtv-chat__avatar{flex:none;display:grid;place-items:center;overflow:hidden;width:36px;height:36px;border-radius:50%;background-color:var(--jtv-chat-avatar-bg, rgb(57 174 228 / .14))}.jtv-chat__avatar img{width:100%;height:100%;object-fit:contain;padding:5px}.jtv-chat__avatar svg{width:20px;height:20px;color:var(--jtv-chat-accent, #39aee4)}.jtv-chat__titles{display:flex;flex-direction:column;gap:3px;min-width:0;margin-inline-end:auto}.jtv-chat__title{overflow:hidden;font-family:var(--font-heading--family, inherit);font-size:1rem;font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.jtv-chat__status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;line-height:1;opacity:.65}.jtv-chat__status:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background-color:var(--color-instock, #3ed660)}.jtv-chat__action{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;background-color:transparent;color:inherit;cursor:pointer;transition:background-color .15s ease}.jtv-chat__action:hover{background-color:rgb(var(--color-foreground-rgb, 34 6 6) / .08)}.jtv-chat__action:focus-visible{outline:2px solid var(--jtv-chat-accent, #39aee4);outline-offset:1px}.jtv-chat__action svg{width:18px;height:18px}.jtv-chat__body{position:relative;flex:1;min-height:0;background-color:var(--jtv-chat-surface, #ffffff)}.jtv-chat__frame{display:block;width:100%;height:100%;border:0}.jtv-chat__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background-color:var(--jtv-chat-surface, #ffffff);transition:opacity .3s ease,visibility .3s}.jtv-chat__loading[data-hidden=true]{opacity:0;visibility:hidden}.jtv-chat__loading-avatar{display:grid;place-items:center;overflow:hidden;width:64px;height:64px;border-radius:50%;background-color:var(--jtv-chat-avatar-bg, rgb(57 174 228 / .14))}.jtv-chat__loading-avatar img{width:100%;height:100%;object-fit:contain;padding:10px}.jtv-chat__loading-avatar svg{width:30px;height:30px;color:var(--jtv-chat-accent, #39aee4)}.jtv-chat__loading-text{max-width:28ch;font-size:.875rem;line-height:1.5;opacity:.7}.jtv-chat__spinner{width:22px;height:22px;border:2px solid rgb(var(--color-foreground-rgb, 34 6 6) / .15);border-block-start-color:var(--jtv-chat-accent, #39aee4);border-radius:50%;animation:jtv-chat-spin .8s linear infinite}@keyframes jtv-chat-spin{to{transform:rotate(1turn)}}.jtv-chat__footer{padding:10px 16px;border-block-start:1px solid var(--jtv-chat-border);font-size:.75rem;line-height:1.4;text-align:center;opacity:.65}.jtv-chat__footer a{color:inherit}@media screen and (max-width:749px){.jtv-chat{--jtv-chat-offset-block: 16px;--jtv-chat-offset-inline: 16px}.jtv-chat__panel{position:fixed;inset:calc(12px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));width:auto;height:auto;transform:translateY(16px) scale(.99)}.jtv-chat[data-hide-label-mobile=true] .jtv-chat__launcher{min-height:56px;padding-inline:17px}.jtv-chat[data-hide-label-mobile=true] .jtv-chat__launcher-label{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);white-space:nowrap}.jtv-chat[data-hide-label-mobile=true] .jtv-chat__launcher-icon{width:24px;height:24px}}body.jtv-chat-scroll-locked{overflow:hidden}@media(prefers-reduced-motion:reduce){.jtv-chat__launcher,.jtv-chat__panel,.jtv-chat__loading,.jtv-chat__badge{transition-duration:.01ms}.jtv-chat__spinner{animation-duration:2.4s}}
/*# sourceMappingURL=/cdn/shop/t/191/assets/chat-widget.css.map */