@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");


/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.relative{position:relative}.m-auto{margin:auto}.h-full{height:100%}.w-full{width:100%}:root{--main-fontsize:62.5%;--main-bgcolor:#141718;--background-color:#232627;--background-hover:#2a2c2d;--white:#fff;--radius:1.4rem;--radius-md:0.7rem;--padding-xl:3.5rem;--padding-box:1.8rem;--padding:1.6rem;--padding-md:.8rem;--text-primary:#757474;--text-secondary:#a0a0a5;--text-third:#a3a3a8;--title-size:4rem;--text-size:1.6rem;--text-md-size:1.4rem;--text-medium:medium;--border-primary:#676767;--box-gap:1.2rem}*,:after,:before{box-sizing:border-box}html{font-size:var(--main-fontsize);margin:0}body,html{height:100%}body{font-family:Urbanist,sans-serif;font-optical-sizing:auto;font-style:normal;background-color:var(--main-bgcolor);overflow:hidden}.mainContainer{display:flex;flex-direction:column;width:50%;height:100%}.mainContainer>div:first-child{padding:var(--padding-xl)}.mainContainer .ListButton{background-color:var(--background-color);border-radius:var(--radius);display:inline-flex;width:fit-content;padding:var(--padding);color:var(--text-primary);position:relative;overflow:hidden}.mainContainer .ListButton svg{z-index:1}.mainContainer .ListButton:hover:before{background-color:var(--white);transform:translate(-50%,-50%) scale(1)}.mainContainer .ListButton:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%) scale(0);border-radius:1000px;z-index:0;transition:transform .5s ease-out;background-color:var(--white);pointer-events:none}.mainContainer .title{color:var(--text-primary);font-size:var(--title-size);font-weight:700;text-align:center}.mainContainer .innerContainer{display:flex;flex-direction:column;flex:1;height:0}.mainContainer .innerContainer .chatBox{overflow-y:auto;flex:1;padding-bottom:var(--padding-xl)}.mainContainer .innerContainer .chatBox .defaultMessagesWrapper{display:grid;gap:var(--box-gap);padding:var(--padding-xl)}.mainContainer .innerContainer .chatBox .defaultMessage{color:var(--text-secondary);font-size:var(--text-md-size);font-weight:var(--text-medium);background-color:var(--background-color);padding:var(--padding-box);border-radius:var(--radius);text-align:center;transition:background-color .3s ease-in;cursor:pointer}.mainContainer .innerContainer .chatBox .defaultMessage:hover{background-color:var(--background-hover)}.chatBox::-webkit-scrollbar{width:5px;padding:5px}.chatBox::-webkit-scrollbar-track{padding:5px}.chatBox::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:100px}.mainContainer .innerContainer .chatBox>div>div{padding:var(--padding-xl);font-weight:medium;font-size:var(--text-size)}.mainContainer .innerContainer .chatBox .msgImgContainer{padding-bottom:2rem}.mainContainer .innerContainer .chatBox .msgImgContainer img{border-radius:var(--radius-md)}.mainContainer .innerContainer .chatBox p{text-overflow:ellipsis;white-space:pre-wrap;word-wrap:break-word;word-break:break-word}.mainContainer .innerContainer .chatBox .userMsg{color:var(--white)}.mainContainer .innerContainer .chatBox .assistantMsg{background-color:var(--background-color);color:var(--text-secondary);border-radius:var(--radius)}.inputWrapper{padding:var(--padding-xl)}.inputContainer{position:relative;color:var(--text-third);overflow:hidden}.inputContainer,.inputContainer input{border:1px solid var(--border-primary);background-color:var(--background-color);border-radius:var(--radius-md)}.inputContainer input{appearance:none;width:100%;height:100%;font-size:var(--text-size);padding:var(--padding);color:var(--white);transition:border-color .3s,box-shadow .3s}.inputContainer input:active,.inputContainer input:focus{border-color:var(--white);outline:none}.inputContainer button{position:absolute;right:2%;top:50%;transform:translateY(-50%);color:var(--white);background-color:var(--background-color);border:none;padding:1rem;border-radius:var(--radius-md);cursor:pointer;transition:background-color .3s,box-shadow .3s}.inputContainer button svg{font-size:2rem}.inputContainer:hover button{background-color:var(--white);color:var(--main-bgcolor)}.inputContainer input:active+button,.inputContainer input:focus+button{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.3);background-color:var(--white);color:var(--main-bgcolor)}@media (max-width:640px){.mainContainer{width:100%}.mainContainer .innerContainer .chatBox .assistantMsg{border-radius:0}}