.ja-charles{--ja-bg:#f2efe7;--ja-ink:#181714;--ja-line:rgba(24,23,20,.14);position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:90;font-family:inherit;color:var(--ja-ink)}.ja-charles__launcher{min-height:50px;padding:7px 16px 7px 8px;border:1px solid var(--ja-line);border-radius:999px;background:#f2efe7f5;color:var(--ja-ink);display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #14120e1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;font:600 12px/1 inherit;letter-spacing:.04em}.ja-charles__launcher-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ja-ink);color:var(--ja-bg);font-family:Georgia,serif;font-size:17px;font-weight:400}.ja-charles__panel{position:absolute;right:0;bottom:64px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 110px));min-height:450px;background:var(--ja-bg);border:1px solid var(--ja-line);box-shadow:0 24px 70px #1614102e;display:grid;grid-template-rows:auto 1fr auto auto auto;overflow:hidden;border-radius:3px}.ja-charles__panel[hidden]{display:none}.ja-charles__header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;border-bottom:1px solid var(--ja-line)}.ja-charles__eyebrow{margin:0 0 4px;font-size:8px;letter-spacing:.18em;font-weight:700;opacity:.55}.ja-charles__header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400;line-height:1}.ja-charles__status{margin:8px 0 0;font-size:10px;opacity:.64;display:flex;align-items:center;gap:6px}.ja-charles__status span{width:6px;height:6px;border-radius:50%;background:#58694d}.ja-charles__close{width:34px;height:34px;border:0;background:transparent;color:inherit;font-size:26px;font-weight:300;cursor:pointer;line-height:1}.ja-charles__messages{padding:18px 18px 8px;overflow:auto;scroll-behavior:smooth}.ja-charles__message{max-width:88%;margin:0 0 12px;padding:11px 13px;font-size:12.5px;line-height:1.5;border:1px solid var(--ja-line);background:#ffffff3d}.ja-charles__message--bot{margin-right:auto}.ja-charles__message--user{margin-left:auto;background:var(--ja-ink);color:var(--ja-bg);border-color:var(--ja-ink)}.ja-charles__message p{margin:0}.ja-charles__message a{display:inline-block;margin-top:8px;color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}.ja-charles__quick{display:flex;gap:6px;overflow-x:auto;padding:7px 18px 10px;scrollbar-width:none}.ja-charles__quick::-webkit-scrollbar{display:none}.ja-charles__quick button{flex:0 0 auto;border:1px solid var(--ja-line);background:transparent;color:inherit;border-radius:999px;padding:8px 11px;font:600 9px/1 inherit;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.ja-charles__quick button:hover{background:#1817140f}.ja-charles__form{display:grid;grid-template-columns:1fr 44px;border-top:1px solid var(--ja-line);margin:0 18px}.ja-charles__form input{min-width:0;height:52px;border:0;background:transparent;color:inherit;font:400 12px/1.3 inherit;outline:0}.ja-charles__form input::placeholder{color:#18171475}.ja-charles__form button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}.ja-charles__note{margin:0;padding:0 18px 13px;font-size:8.5px;line-height:1.35;opacity:.48}@media(max-width:749px){.ja-charles{right:12px;bottom:12px}.ja-charles__launcher{min-height:46px}.ja-charles__panel{position:fixed;left:10px;right:10px;bottom:68px;width:auto;height:min(650px,calc(100dvh - 86px));min-height:0}.ja-charles__launcher-label{font-size:11px}.ja-charles__message{font-size:13px}}@media(prefers-reduced-motion:reduce){.ja-charles__messages{scroll-behavior:auto}}.ja-charles__launcher{padding-left:5px;overflow:visible}.ja-charles__launcher-mascot{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:50%;background:#f7f2e8;overflow:hidden;border:1px solid rgba(24,23,20,.09)}.ja-charles__launcher-mascot img{display:block;width:48px;height:48px;max-width:none;object-fit:contain;transform:translateY(2px)}.ja-charles__identity{display:flex;align-items:center;gap:12px;min-width:0}.ja-charles__portrait{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#ffffff61;border:1px solid var(--ja-line)}.ja-charles__portrait img{display:block;width:72px;height:72px;max-width:none;object-fit:contain;transform:translateY(4px)}@media(max-width:749px){.ja-charles__launcher-mascot{width:38px;height:38px;flex-basis:38px}.ja-charles__launcher-mascot img{width:44px;height:44px}.ja-charles__portrait{width:56px;height:56px;flex-basis:56px}.ja-charles__portrait img{width:66px;height:66px}}.ja-charles__launcher-mascot,.ja-charles__portrait{position:relative;transform-origin:50% 88%}.ja-charles__launcher-mascot img,.ja-charles__portrait img{transform-origin:50% 82%;will-change:transform}.ja-charles:not(.is-thinking):not(.is-talking):not(.is-waving):not(.is-happy) .ja-charles__launcher-mascot{animation:ja-charles-idle 4.8s ease-in-out infinite}.ja-charles.is-open:not(.is-thinking):not(.is-talking):not(.is-waving):not(.is-happy) .ja-charles__portrait{animation:ja-charles-idle 4.2s ease-in-out infinite .2s}.ja-charles.is-waving .ja-charles__launcher-mascot,.ja-charles.is-waving .ja-charles__portrait{animation:ja-charles-wave-body .72s cubic-bezier(.2,.8,.2,1) both}.ja-charles.is-waving .ja-charles__launcher-mascot img,.ja-charles.is-waving .ja-charles__portrait img{animation:ja-charles-wave-img .72s cubic-bezier(.2,.8,.2,1) both}.ja-charles.is-thinking .ja-charles__launcher-mascot,.ja-charles.is-thinking .ja-charles__portrait{animation:ja-charles-thinking 1.05s ease-in-out infinite}.ja-charles.is-thinking .ja-charles__portrait:after{content:"\b7\b7\b7";position:absolute;right:-9px;top:-8px;min-width:25px;padding:2px 5px 4px;border:1px solid var(--ja-line);border-radius:999px;background:#fbf8f1;color:var(--ja-ink);font:700 9px/1 inherit;letter-spacing:.12em;text-align:center;box-shadow:0 4px 12px #14120e14;animation:ja-charles-thought-bubble 1.05s ease-in-out infinite}.ja-charles.is-talking .ja-charles__launcher-mascot,.ja-charles.is-talking .ja-charles__portrait{animation:ja-charles-talk-body .54s ease-in-out infinite}.ja-charles.is-talking .ja-charles__launcher-mascot img,.ja-charles.is-talking .ja-charles__portrait img{animation:ja-charles-talk-img .54s ease-in-out infinite}.ja-charles.is-happy .ja-charles__launcher-mascot,.ja-charles.is-happy .ja-charles__portrait{animation:ja-charles-happy .68s cubic-bezier(.18,.9,.3,1.25) both}.ja-charles.is-happy .ja-charles__portrait:before{content:"\2726";position:absolute;left:-4px;top:0;color:#9b6c2f;font-size:13px;animation:ja-charles-spark .68s ease-out both}@keyframes ja-charles-idle{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-2px) rotate(-.6deg)}70%{transform:translateY(-1px) rotate(.4deg)}}@keyframes ja-charles-wave-body{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-4deg)}52%{transform:translateY(-2px) rotate(4deg)}76%{transform:translateY(-1px) rotate(-2deg)}}@keyframes ja-charles-wave-img{0%,to{transform:translateY(2px) rotate(0) scale(1)}28%{transform:translateY(0) rotate(-3deg) scale(1.035)}58%{transform:translateY(1px) rotate(3deg) scale(1.025)}}@keyframes ja-charles-thinking{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1.8deg)}}@keyframes ja-charles-thought-bubble{0%,to{opacity:.55;transform:translateY(1px) scale(.96)}50%{opacity:1;transform:translateY(-1px) scale(1)}}@keyframes ja-charles-talk-body{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.018)}}@keyframes ja-charles-talk-img{0%,to{transform:translateY(3px) rotate(-.8deg) scaleX(1)}50%{transform:translateY(1px) rotate(.8deg) scaleX(1.012)}}@keyframes ja-charles-happy{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-5px) scale(1.045) rotate(-2deg)}68%{transform:translateY(-1px) scale(.995) rotate(1deg)}to{transform:translateY(0) scale(1) rotate(0)}}@keyframes ja-charles-spark{0%{opacity:0;transform:translate(4px,7px) scale(.4) rotate(0)}45%{opacity:1;transform:translate(-2px,-3px) scale(1.15) rotate(25deg)}to{opacity:0;transform:translate(-6px,-10px) scale(.75) rotate(55deg)}}@media(prefers-reduced-motion:reduce){.ja-charles__launcher-mascot,.ja-charles__portrait,.ja-charles__launcher-mascot img,.ja-charles__portrait img,.ja-charles__portrait:before,.ja-charles__portrait:after{animation:none!important;transition:none!important}.ja-charles.is-thinking .ja-charles__portrait:after{content:"\b7\b7\b7";opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/190/assets/j-artwork-charles.css.map */