.AI-Input{--primary-color:#2e2e2e;--neutral-color:#d3d3d3;align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:40em;min-width:20em;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:90%;z-index:10}#voice{display:none}#voice+label{margin-right:5rem;transition:all .2s ease-in-out}#voice:checked~label{opacity:1;pointer-events:all;transform:translateY(0)}#voice:checked~label:first-of-type{transition:all .2s ease-in-out .2s}#voice:checked~label:last-of-type{transition:all .2s ease-in-out .1s}#voice:checked~.chat-marquee{opacity:0;transform:translateY(-300%) scale(.9)}#voice:checked~.chat-container{animation:rotate 10s linear .2s infinite;border-radius:30% 45% 30% 40%;height:10rem;top:-6em;width:10rem}#voice:checked~.chat-container>.chat-wrapper{opacity:0;pointer-events:none}#voice:checked~.chat-container:active{scale:.9}#mic{display:none}#mic+label{aspect-ratio:1/1;margin-left:5rem;width:62px}#mic+label,#mic+label>svg{transition:all .2s ease-in-out}#mic+label>svg{position:absolute}#mic+label>svg:first-of-type{opacity:1}#mic+label>svg:last-of-type{fill:rgba(255,0,0,.5);opacity:0}#mic:checked+label{background-color:rgba(255,0,0,.1)}#mic:checked+label>:first-child{opacity:0}#mic:checked+label>:last-child{opacity:1}#mic+label,#voice+label{align-items:center;background-color:var(--primary-color);border-radius:50%;bottom:0;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:1rem;pointer-events:none;position:absolute;transform:translateY(100%)}.chat-marquee{--gap:1em;display:flex;gap:1em;gap:var(--gap);margin-bottom:1rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);overflow:hidden;transition:all .2s ease-in-out;width:100%}.chat-marquee>ul{animation:scroll-marquee-left 30s linear infinite;display:flex;flex-shrink:0;gap:var(--gap);justify-content:space-around;list-style:none}.chat-marquee>ul>li{background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:10px;color:var(--neutral-color);cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .2s ease-in-out,transform .1s ease-in-out}.chat-marquee>ul>li:hover{background-color:var(--neutral-color);color:var(--primary-color)}.chat-marquee>ul>li:active{transform:scale(.9)}.chat-marquee:hover>ul{animation-play-state:paused!important}.chat-container{background:transparent;border:.2rem solid hsla(0,0%,100%,.3);border-radius:1rem;overflow:hidden;position:relative;top:0;transition:all .5s cubic-bezier(.3,1.5,.6,1);width:100%;z-index:-2}.chat-container:before{background:radial-gradient(circle,#fff 10%,hsla(0,0%,100%,.1) 20%,var(--primary-color) 100%);border-radius:50%;content:"";filter:blur(10px);height:15rem;left:-6rem;position:absolute;top:-9rem;transition:all 1s cubic-bezier(.3,1.5,.6,1);width:15rem;z-index:-1}.chat-container:focus-within:before{filter:blur(50px);left:50%;top:-6rem}.chat-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:all .2s ease-in-out;z-index:200}#chat-input{animation:typing-effect 3s steps(30) infinite alternate;background:none;border:none;color:#fff;font-size:16px;line-height:1.5;max-height:10rem;min-height:3rem;outline:none;padding:.6rem;resize:none;width:100%}#chat-input::-moz-placeholder{color:var(--neutral-color)}#chat-input::placeholder{color:var(--neutral-color)}#chat-input::-webkit-scrollbar{border-radius:9999px;width:.7rem}#chat-input::-webkit-scrollbar-thumb{background-color:var(--primary-color);border:.2rem solid var(--neutral-color);border-radius:9999px}#chat-input::-webkit-scrollbar-track{background-color:var(--neutral-color);border-radius:9999px}.button-bar{display:flex;justify-content:space-between;margin-top:.5rem;width:100%}.left-buttons{display:flex;gap:.5rem}.left-buttons>label{align-items:center;border:.2rem solid hsla(0,0%,100%,.05);border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease-in-out,transform .1s ease-in-out;width:2.5rem}.left-buttons>label:hover{box-shadow:.2rem .2rem .5rem .2rem rgba(0,0,0,.2)}.left-buttons>label:active{transform:scale(.9)}#appendix,#camera,#files,#photos{display:none}#appendix:checked~#appendix-bar{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.7);pointer-events:all;transition:all .2s ease-in-out}#appendix:checked~#appendix-bar>button,#appendix:checked~#appendix-bar>label{opacity:1;transform:translate(0)}#appendix-bar{border-radius:1rem;gap:1rem;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:all .2s ease-in-out .4s;width:100%;z-index:100}#appendix-bar,#appendix-bar>label{align-items:center;display:flex;justify-content:center}#appendix-bar>label{background-color:var(--neutral-color);border-radius:50%;cursor:pointer;opacity:0;padding:1rem;transform:translate(-50%,200%);transition:all .2s ease-in-out}#appendix-bar>:first-child{transition-delay:.1s}#appendix-bar>:nth-child(2){transition-delay:.2s}#appendix-bar>:nth-child(3){transition-delay:.3s}#appendix-bar>:nth-child(4){transition-delay:.4s}#search{display:none}#search:checked+label{border:2px solid #87cefa}#search:checked+label>svg{fill:#87cefa}.right-buttons{display:flex;gap:1rem}.right-buttons>button,.right-buttons>label{background:none;border:none;cursor:pointer;position:relative;transition:all .2s ease-in-out}.right-buttons>button:hover,.right-buttons>label:hover{transform:translateY(-10%) scale(1.1)}.right-buttons>label{top:.5rem}@keyframes rotate{0%{border-radius:30% 45% 30% 40%;transform:rotate(0)}25%{border-radius:40% 30% 45% 30%;transform:rotate(90deg)}50%{border-radius:45% 30% 40% 30%;transform:rotate(180deg)}75%{border-radius:30% 40% 30% 45%;transform:rotate(270deg)}to{border-radius:30% 45% 30% 40%;transform:rotate(1turn)}}@keyframes scroll-marquee-left{to{transform:translateX(calc(-100% - var(--gap)))}}