#works-page-container{color:#000;padding-top:var(--spacing-56);padding-bottom:var(--spacing-128);padding-inline:var(--spacing-20);flex-direction:column;width:100%;min-height:100%;display:flex;position:relative;overflow:hidden}#works-page-container .headlines,#works-page-container>.description{text-align:center}#works-page-container .headlines{margin-top:7rem}#works-page-container .headlines h1{margin-bottom:var(--spacing-8);font-size:clamp(2.2rem,6vw,4rem);font-weight:400;line-height:1.2}#works-page-container .description b{cursor:pointer}#works-page-container .projects-container{width:80vw;margin-inline:auto;margin-bottom:var(--spacing-128);gap:var(--spacing-20);grid-template-columns:repeat(auto-fit,minmax(clamp(150px,80vw,350px),1fr));display:grid}#works-page-container .projects-container>*{aspect-ratio:1}@media (max-width:768px){#works-page-container .projects-container{grid-auto-rows:550px}#works-page-container .projects-container>*{height:100%;aspect-ratio:unset}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}#ai-wrapper{margin-top:var(--spacing-56);margin-bottom:var(--spacing-128);align-items:center;gap:var(--spacing-16);padding-inline:var(--spacing-16);flex-direction:column;max-width:100%;margin-inline:auto;display:flex}#audio-chat-input-wrapper{--h:calc(3rem);--clr-1:#052a2e2b;--clr-2:#0732362b;--clr-3:#00e1ff2b;--clr-4:#0051ff2b;--clr-5:#001aff2b;justify-content:center;align-items:center;gap:var(--spacing-8);width:100%;margin-inline:auto;display:flex}#audio-chat-input-wrapper button{border:none;outline:none}#audio-chat-input-wrapper .circle-btn{height:var(--h);aspect-ratio:1;border-radius:var(--radius-rounded);cursor:pointer;background:#fff;flex-shrink:0;place-content:center;display:grid}#audio-chat-input-wrapper .play-button{height:var(--h);cursor:pointer;border-radius:var(--radius-rounded);padding:var(--spacing-8)var(--spacing-16);background:#fff;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}#audio-chat-input-wrapper .play-button .details{color:#000;justify-content:center;align-items:center;gap:var(--spacing-8);white-space:nowrap;display:flex;overflow:hidden}#audio-chat-input-wrapper .play-button span{font-size:14px;font-weight:600}#audio-chat-input-wrapper .play-button:focus-visible{outline-offset:2px;outline:2px solid #0051ff}#audio-chat-input-wrapper .play-button:before,#audio-chat-input-wrapper .play-button:after{content:"";z-index:-1;background:conic-gradient(from var(--gradient-angle),var(--clr-3),var(--clr-4),var(--clr-5),var(--clr-4),var(--clr-3));border-radius:inherit;animation:10s linear infinite rotation;position:absolute;inset:-1px}#audio-chat-input-wrapper .play-button:after{filter:blur(24px)}#audio-chat-input-wrapper .play-button .chat-input{justify-content:space-between;align-items:center;gap:var(--spacing-8);width:100%;display:flex}#audio-chat-input-wrapper .play-button .chat-input input{border:none;outline:none;flex:1;min-width:0;font-size:14px}#audio-chat-input-wrapper .play-button .chat-input svg{transition:var(--transition-standard-default-spatial);cursor:pointer;flex-shrink:0}#audio-chat-input-wrapper .play-button .chat-input svg:hover{fill:#000;stroke:#000}@media (max-width:640px){#audio-chat-input-wrapper{--h:calc(2.75rem);gap:var(--spacing-6)}#audio-chat-input-wrapper .circle-btn{height:var(--h)}#audio-chat-input-wrapper .play-button{height:var(--h);padding:var(--spacing-6)var(--spacing-12)}#audio-chat-input-wrapper .play-button .details{gap:var(--spacing-6)}#audio-chat-input-wrapper .play-button span{font-size:12px}}@media (max-width:480px){#audio-chat-input-wrapper{--h:calc(2.5rem);gap:var(--spacing-4)}#audio-chat-input-wrapper .play-button{padding:var(--spacing-4)var(--spacing-8)}#audio-chat-input-wrapper .play-button .details{gap:var(--spacing-4)}#audio-chat-input-wrapper .play-button span{font-size:11px}}@keyframes rotation{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}
#conversation-container{gap:var(--spacing-10);flex-direction:column;width:510px;max-width:100%;max-height:50vh;padding-inline:10px;display:flex;overflow-y:auto}#conversation-container .chat-message{border-radius:var(--radius-sm);max-width:90%;padding:var(--spacing-10)var(--spacing-12);font-size:14px}#conversation-container .user-message{background:#ffffffb8;align-self:flex-end}#conversation-container .ai-message{background:#d7d7d747;align-self:flex-start}#conversation-container .ai-message.loader{aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g)0% 50%,var(--_g)50% 50%,var(--_g)100% 50%;background-size:33.3333% 50%;width:20px;animation:1s linear infinite l3}@keyframes l3{20%{background-position:0 0,50%,100%}40%{background-position:0 100%,50% 0,100%}60%{background-position:0%,50% 100%,100% 0}80%{background-position:0%,50%,100% 100%}}