body.disable-scroll{pointer-events:none}.chat-screen .parallax-bg{background-attachment:fixed;background-image:url(https://www.hello-charles.com/hubfs/dotted-bg.png);background-position:0 0;background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.chat-screen{position:relative}.chat-screen::-webkit-scrollbar{display:none}.chat-screen .container{margin:0 auto;max-width:620px}.chat-screen #tab1 .chat-bubbles-grid{height:1100px}.chat-screen #tab2 .chat-bubbles-grid{height:850px}.chat-screen .chat-bubbles-grid::-webkit-scrollbar{width:8px}.chat-screen .chat-bubbles-grid::-webkit-scrollbar-track{background:transparent}.chat-screen .chat-bubbles-grid::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px}.chat-screen-nav{align-items:center;background:#f8f8f4 url(https://www.hello-charles.com/hubfs/noise-bg.png);background-position:0 0;background-repeat:repeat;border-radius:0 0 40px 40px;display:flex;gap:30px;justify-content:center;left:0;margin:0 auto;max-width:500px;padding:15px 20px;position:absolute;right:0;top:0;z-index:9}.chat-screen .chat-bubbles-grid{display:grid;grid-auto-rows:max-content;height:calc(100vh - 80px);padding-bottom:60px;padding-top:110px;position:relative;scroll-behavior:smooth;transition:height .3s ease;-webkit-overflow-scrolling:touch}.chat-screen .tab-content .tab-item{display:none}.chat-screen .tab-content .tab-item.active{display:block}.chat-screen .chat-bubbles-grid .chat-bubble-text-block .chat-bubble-inner{border:1px solid #221f20;border-radius:16px;padding:12px 24px;position:relative}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.typie-enabled .chat-bubble-inner{padding:12px 20px 15px 35px}.chat-screen .chat-bubbles-grid .chat-bubble-text-block .chat-bubble-inner.disable-border{border:0}.chat-screen .chat-bubbles-grid .chat-bubble-text-block .chat-bubble-inner.image-block{padding:15px}.chat-screen .chat-bubbles-grid .chat-bubble-text-block{justify-self:start;margin-top:28px;max-width:80%;opacity:0;scroll-snap-align:start;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.visible{opacity:1!important;transform:translateY(0)!important}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.hidden{opacity:0;transform:translateY(-20px)}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.typie-enabled{justify-self:end;position:relative}.chat-screen .chat-bubbles-grid .chat-bubble-text-block .typie-agent-icon{bottom:-15px;left:-25px;max-width:54px;position:absolute}.chat-screen .chat-bubbles-grid .chat-bubble-text-block .chat-bubble-text{font-family:Inter,sans-serif;font-size:1rem;line-height:24px}.chat-screen .chat-screen-button{display:flex;justify-content:center;margin-top:120px}.chat-screen .chat-screen-button .btn-charles-agent{border-radius:50px;color:#221f20;font-size:18px;font-style:italic;font-weight:700;line-height:139%;padding:16px 50px}.chat-screen .chat-screen-button .btn-charles-agent.enable-border{border:1px solid #221f20}.chat-screen .custom-buttons{align-items:center;display:flex;gap:12px;justify-content:end;position:relative;z-index:5}.chat-screen .custom-buttons button{align-items:center;background:transparent;border:2px solid #cecece;border-radius:12px;display:flex;height:70px;justify-content:center;outline:none;overflow-y:visible;padding:12px 6px;position:relative;transition:.3s ease;width:70px}.chat-screen .custom-buttons button img{height:40px;transition:transform .3s ease;width:auto}.chat-screen .custom-buttons button.active,.chat-screen .custom-buttons button:hover{background-color:#ccd5fd}.chat-screen .custom-buttons button:hover img{transform:translateY(-30%)}.chat-screen .custom-buttons button.custom{padding-top:6px}.chat-screen .custom-buttons button.custom img{height:50px}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.typing-visible{justify-self:start}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.typie-enabled.typing-visible{justify-self:end}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.typing-visible{opacity:1!important;transform:translateY(0)!important}.buttons-heading{display:inline-flex;font-family:charles_inktrapitalic,sans-serif;font-size:42px;font-style:italic;font-weight:400;line-height:56px}.typie-dots{background:#ccd5fd;border:1px solid #000;border-radius:16px;display:none;gap:4px;justify-content:end;margin:10px 0;max-width:fit-content;padding:10px 16px}.typie-dots span{animation:blink 1.4s ease-in-out infinite both;background:#000;border-radius:50%;height:6px;width:6px}.typie-dots span:nth-child(2){animation-delay:.2s}.typie-dots span:nth-child(3){animation-delay:.4s}@keyframes bubbleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-inner.animate-in{animation:bubbleFadeIn .5s ease forwards}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}@media screen and (max-width:768px){.chat-screen .chat-bubbles-grid{gap:0;padding-bottom:60px;padding-top:0}.chat-screen .chat-bubbles-grid .chat-bubble-text-block{max-width:80%}.chat-screen .chat-bubbles-grid .chat-bubble-text-block .chat-bubble-inner{border-radius:10px;padding:10px 15px}.chat-screen .chat-bubbles-grid .chat-bubble-text-block.typie-enabled .chat-bubble-inner{border-radius:10px;padding:12px 12px 12px 40px}.chat-screen .chat-bubbles-grid .chat-bubble-text-block .chat-bubble-text{font-size:14px;line-height:20px}#chat-section-panel{display:none}.chat-screen #tab1 .chat-bubbles-grid{height:900px}.chat-screen #tab2 .chat-bubbles-grid{height:750px}}@media screen and (max-width:600px){.chat-screen .chat-screen-nav{align-items:center;background:transparent;display:flex;justify-content:space-between;padding:20px;position:relative;top:0}.buttons-heading{font-size:24px;line-height:20px}.chat-screen .custom-buttons{margin:0}.chat-screen .container{border-top:1px dashed rgba(0,0,0,.4);height:auto;padding-bottom:0;padding-top:40px}}