.chatbot-container{--chatbot-perspective:1000px;--chatbot-translateY:45px;--chatbot-foreground:var(--foreground,0 0% 0%)}.chatbot-container .container-ai-input{--perspective:var(--chatbot-perspective);--translateY:var(--chatbot-translateY);position:absolute;left:0;right:0;top:-2.5rem;bottom:-2.5rem;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.chatbot-container .container-wrap{display:flex;align-items:center;justify-items:center;position:relative;transform-style:preserve-3d;cursor:pointer;padding:4px;transition:all .3s ease}.chatbot-container .container-wrap:hover{padding:0}.chatbot-container .container-wrap:active{transform:scale(.95)}.chatbot-container .container-wrap:after{content:"";position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-55%);width:12rem;height:11rem;background-color:#dedede66;border-radius:3.2rem;transition:all .3s ease;border:1px solid hsl(var(--chatbot-foreground)/30%)}.chatbot-container .container-wrap:hover:after{transform:translateX(-50%) translateY(-50%);height:12rem}.chatbot-container .container-wrap input{opacity:0;width:0;height:0;position:absolute}.chatbot-container .background-blur-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.chatbot-container .container-wrap input:checked+.card .eyes{opacity:0}.chatbot-container .container-wrap input:checked+.card .content-card{width:260px;height:160px;min-height:-moz-fit-content;min-height:fit-content}.chatbot-container .container-wrap input:checked+.card .background-blur-balls{border-radius:20px}.chatbot-container .container-wrap input:checked+.card .container-ai-chat{opacity:1;visibility:visible;z-index:99999;pointer-events:visible}.chatbot-container .container-wrap input:checked+.card .speech-bubble{opacity:0;visibility:hidden}.chatbot-container .card{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:all .6s cubic-bezier(.23,1,.32,1);border-radius:3rem;display:flex;align-items:center;justify-content:center;border:1px solid hsl(var(--chatbot-foreground)/30%)}.chatbot-container .card:hover{box-shadow:0 10px 40px rgba(0,0,60,.25),inset 0 0 10px rgba(255,255,255,.5)}.chatbot-container .content-card{width:12rem;height:12rem;display:flex;border-radius:3rem;transition:all .3s ease;overflow:hidden}.chatbot-container .container-wrap.state-running .balls{animation:chatbot-rotate-background-balls 1s linear infinite}@keyframes chatbot-rotate-background-balls{0%{transform:translateX(-50%) translateY(-50%) rotate(0deg)}to{transform:translateX(-50%) translateY(-50%) rotate(1turn)}}@keyframes chatbot-panelExpand{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}