.chatbot{--chatbot-height: 64px;--chatbot-height-active: 500px;--chatbot-icons-space: 4.5rem;--chatbot-iframe-offset: 25px;background-color:var(--white);position:relative;container-type:inline-size;container-name:chatbot;height:var(--chatbot-height)}@media (min-width:768px){.chatbot{--chatbot-icons-space: 14rem}}.chatbot #chatbot-iframe{position:absolute;z-index:5;left:0;bottom:calc(var(--chatbot-iframe-offset) * -1);width:calc(100% - var(--chatbot-icons-space));height:320px;border:0;clip-path:inset(0 1px 0 0)}.chatbot .chatbot__holder{height:var(--chatbot-height);position:absolute;overflow:hidden;left:0;bottom:0;right:0;transition:height 0.3s ease;background:#fff}.chatbot .chatbot__holder .close{width:42px;height:42px;line-height:42px;position:absolute;text-align:center;top:16px;right:60px;z-index:30;cursor:pointer;background:var(--clr-primary);color:var(--white);border-radius:42px;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.chatbot .chatbot__holder.active{height:var(--chatbot-height-active)}.chatbot .chatbot__holder.active #chatbot-iframe{bottom:var(--chatbot-height);width:100%;height:calc(100% - var(--chatbot-height))}.chatbot .chatbot__holder.active .close{opacity:1;pointer-events:all}.chatbot .chatbot__holder.active .chatbot__icons .tag{display:flex;background-color:rgba(112, 186, 105, 0.3);--font-clr: #70BA69}.chatbot__icons{position:absolute;z-index:10;display:flex;align-items:center;gap:1rem;justify-content:end;bottom:calc((var(--chatbot-height) - 2.5rem) / 2);right:1.5rem}.chatbot__icons .tag{cursor:pointer;background-color:rgba(0, 0, 0, 0.1);padding:0.5rem 1rem;border-radius:5rem;line-height:1;user-select:none;transition:var(--transition);--font-clr: var(--clr-grey-light);display:flex;align-items:center;gap:0.5rem}@media (max-width:767.98px){.chatbot__icons .tag{display:none}}.chatbot__icons .tag span{line-height:1}.chatbot__icons .tag .pulse{background-color:var(--font-clr);border-radius:50%;width:6px;height:6px;display:block;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}100%{transform:scale(1)}}.chatbot__icons .icon{border-radius:50%;background-color:var(--clr-primary);height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;padding:0.5rem;cursor:pointer}@container chatbot (width < 365px){.chatbot__holder{--chatbot-iframe-offset: 40px}}