.hero-example_container__j_G__{--border-radius:12px;--height:400px;text-align:start;position:relative}.hero-example_container__j_G__:before{position:absolute;top:-1px;left:-1px;z-index:-1;width:calc(100% + 2px);height:calc(100% + 2px);background:linear-gradient(hsla(0,0%,100%,.1),transparent);border-radius:var(--border-radius);content:""}.hero-example_window__pe_US{position:relative;width:100%;overflow:hidden;background:linear-gradient(hsla(0,0%,100%,.06),transparent),#000;border-radius:var(--border-radius)}.hero-example_input__hg0gZ{position:relative;z-index:1;display:flex;align-items:center;height:86px;padding:0 32px;color:#fff;background-image:linear-gradient(transparent,rgba(0,0,0,.75))}.hero-example_input__hg0gZ:before{position:absolute;top:-10px;left:10%;z-index:-1;width:80%;height:20px;background-color:#16413d;border-radius:50%;filter:blur(40px);content:""}.hero-example_loading__7f9xT{position:relative;width:100%;height:1px;background:linear-gradient(hsla(0,0%,100%,.25),hsla(0,0%,100%,.05))}.hero-example_loading__7f9xT:after,.hero-example_loading__7f9xT:before{position:absolute;top:0;left:0;width:100%;background:linear-gradient(90deg,rgba(144,224,196,0),rgba(162,183,231,.5) 41%,#059669 91%,#6ee7b7 122%);transform-origin:0 50%;opacity:0;content:""}.hero-example_loading__7f9xT:before{height:4px;filter:blur(4px) saturate(1.5)}.hero-example_loading__7f9xT:after{height:1px}.hero-example_loading__7f9xT.hero-example_active__3Jr7t:after,.hero-example_loading__7f9xT.hero-example_active__3Jr7t:before{animation-name:hero-example_loading__7f9xT;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes hero-example_loading__7f9xT{0%{transform:scaleX(0) translateX(-50%);opacity:1}to{transform:scaleX(1) translateX(100%)}}.hero-example_output__p1DXy{height:var(--height);padding:24px 32px}.hero-example_outputText__j7wyQ{min-height:calc(100% - 32px);max-height:calc(100% - 32px);overflow:hidden;-webkit-mask-image:linear-gradient(0deg,transparent,#000 20%);mask-image:linear-gradient(0deg,transparent,#000 20%);white-space:pre-wrap}.hero-example_outputFooter__xTd54{position:absolute;right:32px;bottom:24px;left:32px;display:flex;justify-content:space-between}.hero-example_cursor__voE3U{animation:hero-example_cursor__voE3U 1s infinite;margin-left:1px}@keyframes hero-example_cursor__voE3U{0%{opacity:0}50%{opacity:1}to{opacity:0}}