@import"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap";@media (max-width: 768px){header[data-v-7a7a37b1]{width:100vw}.cordfriend-text[data-v-7a7a37b1]{display:none}}:root{--md-ref-typeface-brand: "Google Sans Flex";--md-ref-typeface-plain: "Google Sans Flex";--md-sys-color-primary: rgb(85 90 146);--md-sys-color-surface-tint: rgb(85 90 146);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(224 224 255);--md-sys-color-on-primary-container: rgb(61 66 121);--md-sys-color-secondary: rgb(79 91 146);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(221 225 255);--md-sys-color-on-secondary-container: rgb(55 67 121);--md-sys-color-tertiary: rgb(120 83 107);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(255 215 238);--md-sys-color-on-tertiary-container: rgb(94 60 83);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(255 218 214);--md-sys-color-on-error-container: rgb(147 0 10);--md-sys-color-background: rgb(251 248 255);--md-sys-color-on-background: rgb(27 27 33);--md-sys-color-surface: rgb(251 248 255);--md-sys-color-on-surface: rgb(27 27 33);--md-sys-color-surface-variant: rgb(227 225 236);--md-sys-color-on-surface-variant: rgb(70 70 79);--md-sys-color-outline: rgb(119 118 128);--md-sys-color-outline-variant: rgb(199 197 208);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(48 48 54);--md-sys-color-inverse-on-surface: rgb(242 239 247);--md-sys-color-inverse-primary: rgb(190 194 255);--md-sys-color-primary-fixed: rgb(224 224 255);--md-sys-color-on-primary-fixed: rgb(15 20 75);--md-sys-color-primary-fixed-dim: rgb(190 194 255);--md-sys-color-on-primary-fixed-variant: rgb(61 66 121);--md-sys-color-secondary-fixed: rgb(221 225 255);--md-sys-color-on-secondary-fixed: rgb(7 22 75);--md-sys-color-secondary-fixed-dim: rgb(184 195 255);--md-sys-color-on-secondary-fixed-variant: rgb(55 67 121);--md-sys-color-tertiary-fixed: rgb(255 215 238);--md-sys-color-on-tertiary-fixed: rgb(46 17 38);--md-sys-color-tertiary-fixed-dim: rgb(231 185 213);--md-sys-color-on-tertiary-fixed-variant: rgb(94 60 83);--md-sys-color-surface-dim: rgb(219 217 224);--md-sys-color-surface-bright: rgb(251 248 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(245 242 250);--md-sys-color-surface-container: rgb(239 237 244);--md-sys-color-surface-container-high: rgb(234 231 239);--md-sys-color-surface-container-highest: rgb(228 225 233);--md-spring-expressive-spatial-fast: cubic-bezier(.42, 1.67, .21, .9);--md-spring-expressive-spatial-fast-duration: .35s;--md-spring-expressive-spatial-default: cubic-bezier(.38, 1.21, .22, 1);--md-spring-expressive-spatial-default-duration: .5s;--md-spring-expressive-spatial-slow: cubic-bezier(.39, 1.29, .35, .98);--md-spring-expressive-spatial-slow-duration: .65s;--md-spring-expressive-effects-fast: cubic-bezier(.31, .94, .34, 1);--md-spring-expressive-effects-fast-duration: .15s;--md-spring-expressive-effects-default: cubic-bezier(.34, .8, .34, 1);--md-spring-expressive-effects-default-duration: .2s;--md-spring-expressive-effects-slow: cubic-bezier(.34, .88, .34, 1);--md-spring-expressive-effects-slow-duration: .3s;--md-spring-standard-effects-fast: cubic-bezier(.31, .94, .34, 1);--md-spring-standard-effects-fast-duration: .15s;--md-spring-standard-effects-default: cubic-bezier(.34, .8, .34, 1);--md-spring-standard-effects-default-duration: .2s;--md-spring-standard-effects-slow: cubic-bezier(.34, .88, .34, 1);--md-spring-standard-effects-slow-duration: .3s;--discord-blurple: #5865F2;--discord-light-blurple: #E0E3FF}@media (prefers-color-scheme: dark){:root{--md-ref-typeface-brand: "Google Sans Flex";--md-ref-typeface-plain: "Google Sans Flex";--md-sys-color-primary: rgb(190 194 255);--md-sys-color-surface-tint: rgb(190 194 255);--md-sys-color-on-primary: rgb(38 43 97);--md-sys-color-primary-container: rgb(61 66 121);--md-sys-color-on-primary-container: rgb(224 224 255);--md-sys-color-secondary: rgb(184 195 255);--md-sys-color-on-secondary: rgb(32 44 97);--md-sys-color-secondary-container: rgb(55 67 121);--md-sys-color-on-secondary-container: rgb(221 225 255);--md-sys-color-tertiary: rgb(231 185 213);--md-sys-color-on-tertiary: rgb(69 38 60);--md-sys-color-tertiary-container: rgb(94 60 83);--md-sys-color-on-tertiary-container: rgb(255 215 238);--md-sys-color-error: rgb(255 180 171);--md-sys-color-on-error: rgb(105 0 5);--md-sys-color-error-container: rgb(147 0 10);--md-sys-color-on-error-container: rgb(255 218 214);--md-sys-color-background: rgb(19 19 24);--md-sys-color-on-background: rgb(228 225 233);--md-sys-color-surface: rgb(19 19 24);--md-sys-color-on-surface: rgb(228 225 233);--md-sys-color-surface-variant: rgb(70 70 79);--md-sys-color-on-surface-variant: rgb(199 197 208);--md-sys-color-outline: rgb(145 144 154);--md-sys-color-outline-variant: rgb(70 70 79);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(228 225 233);--md-sys-color-inverse-on-surface: rgb(48 48 54);--md-sys-color-inverse-primary: rgb(85 90 146);--md-sys-color-primary-fixed: rgb(224 224 255);--md-sys-color-on-primary-fixed: rgb(15 20 75);--md-sys-color-primary-fixed-dim: rgb(190 194 255);--md-sys-color-on-primary-fixed-variant: rgb(61 66 121);--md-sys-color-secondary-fixed: rgb(221 225 255);--md-sys-color-on-secondary-fixed: rgb(7 22 75);--md-sys-color-secondary-fixed-dim: rgb(184 195 255);--md-sys-color-on-secondary-fixed-variant: rgb(55 67 121);--md-sys-color-tertiary-fixed: rgb(255 215 238);--md-sys-color-on-tertiary-fixed: rgb(46 17 38);--md-sys-color-tertiary-fixed-dim: rgb(231 185 213);--md-sys-color-on-tertiary-fixed-variant: rgb(94 60 83);--md-sys-color-surface-dim: rgb(19 19 24);--md-sys-color-surface-bright: rgb(57 57 63);--md-sys-color-surface-container-lowest: rgb(14 14 19);--md-sys-color-surface-container-low: rgb(27 27 33);--md-sys-color-surface-container: rgb(31 31 37);--md-sys-color-surface-container-high: rgb(42 41 47);--md-sys-color-surface-container-highest: rgb(52 52 58);--md-spring-expressive-spatial-fast-duration: .35s;--md-spring-expressive-spatial-default: cubic-bezier(.38, 1.21, .22, 1);--md-spring-expressive-spatial-default-duration: .5s;--md-spring-expressive-spatial-slow: cubic-bezier(.39, 1.29, .35, .98);--md-spring-expressive-spatial-slow-duration: .65s;--md-spring-expressive-effects-fast: cubic-bezier(.31, .94, .34, 1);--md-spring-expressive-effects-fast-duration: .15s;--md-spring-expressive-effects-default: cubic-bezier(.34, .8, .34, 1);--md-spring-expressive-effects-default-duration: .2s;--md-spring-expressive-effects-slow: cubic-bezier(.34, .88, .34, 1);--md-spring-expressive-effects-slow-duration: .3s;--md-spring-standard-effects-fast: cubic-bezier(.31, .94, .34, 1);--md-spring-standard-effects-fast-duration: .15s;--md-spring-standard-effects-default: cubic-bezier(.34, .8, .34, 1);--md-spring-standard-effects-default-duration: .2s;--md-spring-standard-effects-slow: cubic-bezier(.34, .88, .34, 1);--md-spring-standard-effects-slow-duration: .3s;--discord-blurple: #5865F2;--discord-light-blurple: #E0E3FF}}html,body{margin:0}body{width:100vw;height:auto;min-height:100vh;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:Google Sans Flex,system-ui;word-wrap:break-word}#app{width:100%;height:100%}::-webkit-scrollbar{display:none}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90vw;height:100px;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;padding:10px;border-radius:0 0 50px 50px;margin:0 auto}footer{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);padding:5px}.header-left-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:fit-content;height:80px}.header-logo{height:90%}.header-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.header-button{--md-outlined-icon-button-container-width: 50px;--md-outlined-icon-button-container-height: 50px;--md-outlined-icon-button-icon-size: 25px}.bot-dialog-backdrop[data-v-a411f4e6]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bot-dialog[data-v-a411f4e6]{width:min(600px,90vw);height:min(600px,90vh);background-color:var(--md-sys-color-primary-container);padding:20px;border-radius:25px;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;gap:20px;box-sizing:border-box;color:var(--md-sys-color-on-primary-container)}.bot-dialog[data-v-a411f4e6] *{margin:0}.bot-dialog-header[data-v-a411f4e6],.bot-dialog-subheader[data-v-a411f4e6]{color:var(--md-sys-color-primary)}.bot-dialog-image-wrapper[data-v-a411f4e6]{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;width:150px;height:150px;flex-shrink:0}.bot-image[data-v-a411f4e6]{width:100%;height:100%;object-fit:cover}.dialog-settings-field[data-v-a411f4e6]{width:50%;color:var(--md-sys-color-on-primary-container)}.pfp-input[data-v-a411f4e6]{display:flex;flex-direction:column;justify-content:center;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:25px;padding:20px;gap:10px;width:50%;box-sizing:border-box}.dialog-actions-div[data-v-a411f4e6]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.danger-zone[data-v-a411f4e6]{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;width:50%;border-radius:25px;border:2px solid var(--md-sys-color-error);padding:20px;box-sizing:border-box}.danger-zone[data-v-a411f4e6] *{color:var(--md-sys-color-error);text-align:center}.delete-button[data-v-a411f4e6]{--md-sys-color-outline: var(--md-sys-color-error);--md-sys-color-primary: var(--md-sys-color-error)}.file-upload-button[data-v-a411f4e6]{display:block;position:relative;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:10px;border-radius:25px;cursor:pointer;display:inline-block;box-sizing:border-box;text-align:center;height:50px;outline:none}.file-chosen[data-v-a411f4e6]{word-wrap:break-word}.error-div[data-v-a411f4e6]{color:var(--md-sys-color-error)}.conv-div[data-v-a411f4e6]{display:flex;flex-direction:column;justify-content:center;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:25px;padding:20px;width:50%;box-sizing:border-box}.message-bubble[data-v-a411f4e6]{position:relative;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border-radius:10px;padding:10px 15px;margin:10px;max-width:70%;word-wrap:break-word}.message-bubble.left[data-v-a411f4e6]:before{content:"";position:absolute;top:50%;left:-10px;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--md-sys-color-surface-variant) transparent transparent}.message-bubble.right[data-v-a411f4e6]{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);margin-left:auto}.message-bubble.right[data-v-a411f4e6]:before{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent var(--md-sys-color-primary-container)}@media (max-width: 768px){.bot-dialog[data-v-a411f4e6]{width:90%;height:90%;border-radius:25px}.dialog-settings-field[data-v-a411f4e6],.pfp-input[data-v-a411f4e6],.danger-zone[data-v-a411f4e6],.conv-div[data-v-a411f4e6]{width:80%}}.account-dialog-backdrop[data-v-19c9ffd0]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.account-dialog[data-v-19c9ffd0]{width:min(600px,90vw);height:min(600px,90vh);background-color:var(--md-sys-color-primary-container);padding:20px;border-radius:25px;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;gap:20px;box-sizing:border-box;color:var(--md-sys-color-on-primary-container)}.account-dialog[data-v-19c9ffd0] *{margin:0}.account-dialog-header[data-v-19c9ffd0],.account-dialog-subheader[data-v-19c9ffd0]{color:var(--md-sys-color-primary)}.dialog-settings-field[data-v-19c9ffd0]{width:50%;color:var(--md-sys-color-on-primary-container)}.dialog-actions-div[data-v-19c9ffd0]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.danger-zone[data-v-19c9ffd0]{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;width:50%;border-radius:25px;border:2px solid var(--md-sys-color-error);padding:20px;box-sizing:border-box}.danger-zone[data-v-19c9ffd0] *{color:var(--md-sys-color-error);text-align:center}.delete-button[data-v-19c9ffd0]{--md-sys-color-outline: var(--md-sys-color-error);--md-sys-color-primary: var(--md-sys-color-error)}.error-div[data-v-19c9ffd0]{color:var(--md-sys-color-error)}@media (max-width: 768px){.account-dialog[data-v-19c9ffd0]{width:90%;height:90%;border-radius:25px}.dialog-settings-field[data-v-19c9ffd0],.danger-zone[data-v-19c9ffd0]{width:80%}}.loader-wrapper[data-v-14c69e15]{display:flex;flex-direction:column;align-items:center}.loader[data-v-14c69e15]{width:48px;height:48px;border-width:5px;border-style:solid;border-color:#fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-14c69e15 1s linear infinite}.loader-text[data-v-14c69e15]{font-size:1.5rem;text-align:center}@keyframes rotation-14c69e15{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-wrapper[data-v-336c5134]{display:flex;flex-direction:column;width:100vw;height:auto;align-items:center;padding-top:10px}.bot-cards[data-v-336c5134]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;width:90%;box-sizing:border-box;gap:10px}.bot-card[data-v-336c5134]{all:unset;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-sizing:border-box;padding:10px;border-radius:25px;text-align:center;-webkit-user-select:none;user-select:none}.bot-image[data-v-336c5134]{width:100%;height:100%;object-fit:cover}.bot-image-wrapper[data-v-336c5134]{display:flex;align-items:center;justify-content:center;overflow:hidden;width:50%;aspect-ratio:1 / 1;border-radius:50%}.add-button[data-v-336c5134]{position:fixed;margin:25px;bottom:0;right:0}.mobile-add-button[data-v-336c5134]{display:none}.loader-container[data-v-336c5134]{position:relative;top:50vh;left:50vw;transform:translate(-50%,-50%)}@media (max-width: 768px){.bot-cards[data-v-336c5134]{display:flex;flex-direction:column;align-items:center}.add-button[data-v-336c5134]{display:none}.mobile-add-button[data-v-336c5134]{display:block;position:fixed;margin:25px;bottom:0;right:0}}.content-wrapper[data-v-d4948df9]{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:50px}.hero-logo[data-v-d4948df9]{width:200px}.cordfriend-title[data-v-d4948df9]{font-size:3em;color:var(--md-sys-color-primary)}.hero-section[data-v-d4948df9]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.hero-text[data-v-d4948df9]{font-size:2.5em}.hero-emphasis[data-v-d4948df9]{padding:5px;border-radius:10px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.section-title[data-v-d4948df9]{color:var(--md-sys-color-primary);font-size:2.5em}.why-cordfriend[data-v-d4948df9]{font-size:2em;list-style-type:none}.why-cordfriend li[data-v-d4948df9]{padding:5px;border-radius:10px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);margin:10px 0}.section-para[data-v-d4948df9]{font-size:1.5em}.get-started[data-v-d4948df9]{margin:10px}.content-wrapper[data-v-45f5edd7]{width:100vw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100vh}.login-box[data-v-45f5edd7]{width:100%;height:100%;box-sizing:border-box;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:10px}.image-showcase[data-v-45f5edd7]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:10px;background-color:var(--md-sys-color-primary)}.login-text[data-v-45f5edd7]{text-align:center;font-size:75px;margin:10px 0;color:var(--md-sys-color-primary)}.email-login-div[data-v-45f5edd7],.oauth-login-div[data-v-45f5edd7]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0}.login-paragraph[data-v-45f5edd7]{text-align:center;font-size:30px}md-outlined-text-field[data-v-45f5edd7]{width:300px}.login-button[data-v-45f5edd7]{width:300px}.email-login-form[data-v-45f5edd7]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.login-method-text[data-v-45f5edd7]{margin:5px 0}.signin-with-google[data-v-45f5edd7]{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;width:200px}.signin-with-google-image[data-v-45f5edd7]{width:200px;height:50px}.signin-with-discord[data-v-45f5edd7]{all:unset;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--discord-blurple);color:var(--discord-light-blurple);border-radius:100px;width:200px;height:45px;box-sizing:border-box;border:1px solid #000000}.oauth-providers[data-v-45f5edd7]{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:10px;border-radius:25px;background-color:var(--md-sys-color-inverse-primary);width:300px;box-sizing:border-box}.oauth-provider-button[data-v-45f5edd7]{width:100%}.error-div[data-v-45f5edd7],.success-div[data-v-45f5edd7]{display:none;align-items:center;justify-content:center;border-radius:25px;box-sizing:border-box;width:300px;text-align:center}.error-div.has-error[data-v-45f5edd7],.success-div.has-success[data-v-45f5edd7]{display:flex;flex-direction:column;align-items:center;justify-content:center}.error-div[data-v-45f5edd7]{color:var(--md-sys-color-error)}.success-div[data-v-45f5edd7]{color:var(--md-sys-color-on-surface-variant)}.sign-up-link[data-v-45f5edd7]{color:var(--md-sys-color-primary);text-decoration:underline;cursor:pointer}@media (max-width: 768px){.content-wrapper[data-v-45f5edd7]{grid-template-columns:1fr}.login-box[data-v-45f5edd7]{position:fixed;bottom:0;left:0;width:100%;height:fit-content;border-radius:25px 25px 0 0;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.image-showcase[data-v-45f5edd7]{display:none}}