.Console{position:relative}.Console:has(.Console__input:-moz-placeholder-shown) .Console__gradientContainer{opacity:0}.Console:has(.Console__input:placeholder-shown) .Console__gradientContainer{opacity:0}.Console--focused .Console__inputWrap{width:540px}.Console--focused .Console__disclaimer{opacity:1;transition-delay:.1s;transition-duration:.3s;pointer-events:all}.Console--focused .Console__button{background-color:rgba(99,91,255,.2)}.Console--focused .Console__button svg:first-child{transform:translate(-50%,-200%)}.Console--focused .Console__button svg:nth-child(2){transform:translate(-50%,-50%)}.Console--focused .Console__spacer{height:27px}.Console--inputting .Console__gradientContainer{opacity:1}.Console--inputting .Console__gradient{animation:spin 5s linear infinite}.Console--overlayVisible .Console__overlay{left:0;opacity:1;pointer-events:all;visibility:visible;transition:opacity .3s var(--ease-out),visibility 0s linear,left 0s linear,z-index 0s linear;z-index:2147483638}.Console--overlayVisible .Console__overlayDisclaimer{opacity:1}.Console--hideOverlayDisclaimer .Console__overlayDisclaimer{opacity:0;transition-delay:0s}.Console__inputContainer{--ease-out:cubic-bezier(0,0,0.2,1);position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:2147483637;animation:.3s var(--ease-out) forwards fade-out}.Console__inputContainer--mounted{animation:.3s var(--ease-out) forwards fade-in-up}.Console__inputWrap{position:relative;z-index:1;width:384px;height:auto;padding:16px 16px 12px;background:#fff;border-radius:8px;transition:width .3s var(--ease-out),min-height .3s var(--ease-out)}.Console__shadows{z-index:-1}.Console__shadows,.Console__shadows:before{position:absolute;top:0;left:0;width:100%;height:100%}.Console__shadows:before{content:"";border-radius:8px;box-shadow:0 30px 60px -10px rgba(50,50,93,.5),0 30px 60px -50px rgba(0,0,0,.1)}.Console__input{font-family:inherit;font-size:16px;line-height:1.25;color:#0a2540;outline:none;border:0;padding:0 34px 0 0;width:100%;resize:none;max-height:224px;overflow-y:scroll}.Console__textarea{display:none}.Console__button{display:grid;place-items:center;position:absolute;z-index:2;bottom:8px;right:8px;width:32px;height:32px;padding:0;border:none;cursor:pointer;border-radius:4px;background-color:#f6f9fc;overflow:hidden;transition:background-color .3s var(--ease-out)}.Console__button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;width:16px;height:16px;transition:transform .3s var(--ease-out)}.Console__button svg:nth-child(2){transform:translate(-50%,100%)}.Console__gradientContainer{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:hidden;opacity:0;transition:opacity .3s var(--ease-out);border-radius:9px}.Console__gradient{position:absolute;top:50%;left:50%;aspect-ratio:1;width:1000px;background-image:conic-gradient(from 180deg at 50% 50%,rgba(91,115,255,0) 0deg,#5b73ff 180deg,rgba(91,115,255,0) 180deg,rgba(91,115,255,0) 1turn);background-repeat:no-repeat;background-position:0 0;filter:blur(16px)}.Console__disclaimer{position:absolute;bottom:4px;left:16px;font-size:11px;line-height:20px;letter-spacing:.15px;width:100%;color:#727f96;opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.1s;transition-delay:0s;transition-timing-function:var(--ease-out)}.Console__spacer{width:100%;height:0;transition:height .3s var(--ease-out)}.Console__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px 16px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#727f96;opacity:1;visibility:visible;transition:opacity .15s var(--ease-out),visibility 0s linear 0s}.Console__placeholder.is-hidden{opacity:0;visibility:hidden;transition:opacity .15s var(--ease-out),visibility 0s linear .15s}.Console__overlay{--ease-out:cubic-bezier(0,0,0.2,1);position:fixed;top:0;left:-9999px;width:100%;height:100%;background:rgba(10,37,64,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-9999;opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out),visibility 0s linear .3s,left 0s linear .3s,z-index 0s linear .3s;pointer-events:none}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,16px)}50%{opacity:1}to{opacity:1;transform:translate(-50%)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}