.navbar{width:100%;height:7vh;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(174,174,174);font-family:Montserrat;background-image:linear-gradient(to right,#0f0c29,#302b63,#181829);color:#fff;transition:height .3s ease-out,background-position .3s;top:0;left:0;z-index:10}.navbar h4{margin:1% 0 1% 10%;transition:text-shadow .3s ease-out}.navbar h4:hover{text-shadow:1px 1px 5px rgb(255,255,255);cursor:ne-resize}.navbar p{font-weight:700;margin:1% 10% 1% 0;transition:text-shadow .3s ease-out}.navbar p:hover{text-shadow:1px 1px 5px rgb(255,255,255);cursor:pointer}.main{color:#fff;display:flex;min-height:100vh;flex-direction:column;align-items:center;font-family:Montserrat;background-image:linear-gradient(to right,#0f0c29,#302b63,#181829);animation:gradientAnimation 8s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.credits_main{display:flex;justify-content:right;align-items:center;gap:2rem;margin:1% 2% 0}.credits_wrapper{background-size:200% 100%;display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;padding:.2rem}.credit-item{display:flex;align-items:center;font-size:1.2rem}.credit-item p{margin:0;line-height:1}.facedream_logo_credit{align-self:center;height:.9em;width:auto;margin-left:.2em}.credit_button{background-image:linear-gradient(to right,#3a318e,#675dd5,#2d2d4b,#3a318e,#675dd5);background-size:200% 100%;transition:background-position .5s ease}.credit_button:hover{cursor:pointer;animation:flowingButtonAnimation 5s linear infinite}.pick_model{width:80%}.create_model_button{background-image:linear-gradient(to right,#3a318e,#675dd5,#2d2d4b,#3a318e,#675dd5);background-size:200% 100%;transition:background-position .5s ease}.create_model_button:hover{cursor:pointer;animation:flowingButtonAnimation 5s linear infinite}.css-1yb4l7f-JoySlider-markLabel{color:#fff!important;text-shadow:1px 1px 2px rgb(255,255,255)}.css-zo8qfa-JoyTextarea-root:not([data-inverted-colors=false]){--Textarea-focusedHighlight: #675dd5 !important}.css-1x34jds-JoySlider-track{background-color:#675dd5!important}@keyframes flowingButtonAnimation{0%{background-position:0% 50%}to{background-position:100% 50%}}.aspect_ratio_wrapper{margin:10% 0 0}.card-container{display:flex;height:10vh;justify-content:space-between;gap:10px;margin:0 10% 0 5%}.card_pad{padding:1%;display:flex;justify-content:center;align-items:center;max-width:50%}.card{background-color:#0f0c29;color:#fff;display:flex;align-items:center;justify-content:center;width:4vw;height:auto;--b: 2px;--c: rgb(255, 255, 255);--w: 10px;border:var(--b) solid #0000;--_g: #0000 90deg,var(--c) 0;--_p: var(--w) var(--w) border-box no-repeat;background:conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p),conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) 100% 0 / var(--_p),conic-gradient(from 0deg at bottom var(--b) left var(--b),var(--_g)) 0 100% / var(--_p),conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);transition:box-shadow .3s ease,color .3s ease-out,box-shadow background-color .5s ease-out}.card:before{content:"";top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(255,255,255,.5);filter:blur(10px);z-index:-1;transition:border .3s ease}.card:hover{cursor:pointer;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5),0 0 15px rgba(255,255,255,.3)}.card:hover:before{border-color:#fffc;transition:border-color .3s ease}.aspect-ratio-1-1{width:3vw;aspect-ratio:1 / 1;transition:width .3s ease-in-out}.aspect-ratio-1-1:hover,.r1-1-selected{width:3.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-16-9{width:4vw;aspect-ratio:16 / 9;transition:width .3s ease-in-out}.aspect-ratio-16-9:hover,.r16-9-selected{width:4.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-9-16{width:2.5vw;aspect-ratio:9 / 16;transition:width .3s ease-in-out}.aspect-ratio-9-16:hover,.r9-16-selected{width:2.7vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-4-3{width:4vw;aspect-ratio:4 / 3;transition:width .3s ease-in-out}.aspect-ratio-4-3:hover,.r4-3-selected{width:4.3vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.m2{flex:1;display:flex;width:90vw;flex-direction:column}.playground{display:flex;justify-content:space-between;border-radius:8px;width:100%;height:100%}.playground-input{display:flex;flex-direction:column;margin:2%;width:50%}.prompt{display:flex;flex-direction:column;margin:0 0 5%}.prompt textarea{width:20vw}.models_dropdown{width:100%}.model_button{background-image:linear-gradient(to right,#3a318e,#3e369c,#2d2d4b,#3a318e,#675dd5);background-size:200% 100%;transition:background-position .5s ease,text-shadow .2s ease-out;width:100%;font-family:Montserrat}.model_button:hover{cursor:pointer;animation:flowingButtonAnimation 5s linear infinite;text-shadow:1px 1px 5px rgb(255,255,255)}.models_menu{width:100%}.model_item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;font-family:Montserrat;font-size:1.2rem;font-weight:700;text-wrap:nowrap;margin:1%;padding:3%;color:#fff;min-width:fit-content;width:100%;transition:text-shadow .3s ease-out}.generate_button{background-image:linear-gradient(to right,#3a318e,#3e369c,#2d2d4b,#3a318e,#675dd5);background-size:200% 100%;transition:background-position .5s ease,text-shadow .2s ease-out;width:100%;font-family:Montserrat}.generate_button:hover{cursor:pointer;animation:flowingButtonAnimation 5s linear infinite;text-shadow:1px 1px 5px rgb(255,255,255)}.playground-results{width:50%;height:80vh;background-image:linear-gradient(to top,#3a318e20,#3f369c2e,#2d2d4b20);border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin:2%;overflow-y:scroll;padding:1%}.loading-spinner{border:4px solid #f3f3f3;border:4px solid #6c16ff;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-wrapper{margin:5% 0 0}.models{margin:0}.generated-image{display:block;object-fit:contain}button:disabled{opacity:.5;cursor:not-allowed}footer{color:#fff;text-align:center;font-size:small;font-family:Montserrat;font-weight:700;margin-top:auto;padding:1%}@media screen and (max-width: 1024px){.playground{flex-direction:column}.playground-input{width:100%}.playground-results{width:100%;height:fit-content;border:none;margin:2%}.credits_main{display:flex;justify-content:right;align-items:right;gap:2rem;margin:2% 2% 1%}.aspect_ratio_wrapper h4{margin:5% 0 2%}.aspect-ratio-1-1{width:5vw;aspect-ratio:1 / 1;transition:width .3s ease-in-out}.aspect-ratio-1-1:hover,.r1-1-selected{width:5.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-16-9{width:7vw;aspect-ratio:16 / 9;transition:width .3s ease-in-out}.aspect-ratio-16-9:hover,.r16-9-selected{width:7.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-9-16{width:4vw;aspect-ratio:9 / 16;transition:width .3s ease-in-out}.aspect-ratio-9-16:hover,.r9-16-selected{width:4.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-4-3{width:6vw;aspect-ratio:4 / 3;transition:width .3s ease-in-out}.aspect-ratio-4-3:hover,.r4-3-selected{width:6.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}}@media screen and (max-width: 700px){.playground-input{display:flex;flex-direction:column;align-content:space-between}.model_item{flex-direction:column;justify-content:left;justify-items:left;align-items:left;align-self:left}.aspect-ratio-1-1{width:10vw;aspect-ratio:1 / 1;transition:width .3s ease-in-out}.aspect-ratio-1-1:hover,.r1-1-selected{width:10.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-16-9{width:13vw;aspect-ratio:16 / 9;transition:width .3s ease-in-out}.aspect-ratio-16-9:hover,.r16-9-selected{width:13.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-9-16{width:7.5vw;aspect-ratio:9 / 16;transition:width .3s ease-in-out}.aspect-ratio-9-16:hover,.r9-16-selected{width:8vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-4-3{width:11vw;aspect-ratio:4 / 3;transition:width .3s ease-in-out}.aspect-ratio-4-3:hover,.r4-3-selected{width:11.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}}@media screen and (max-width: 400px){.aspect-ratio-1-1{width:11vw;aspect-ratio:1 / 1;transition:width .3s ease-in-out}.aspect-ratio-1-1:hover,.r1-1-selected{width:11.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-16-9{width:14vw;aspect-ratio:16 / 9;transition:width .3s ease-in-out}.aspect-ratio-16-9:hover,.r16-9-selected{width:14.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-9-16{width:8.5vw;aspect-ratio:9 / 16;transition:width .3s ease-in-out}.aspect-ratio-9-16:hover,.r9-16-selected{width:9vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}.aspect-ratio-4-3{width:12vw;aspect-ratio:4 / 3;transition:width .3s ease-in-out}.aspect-ratio-4-3:hover,.r4-3-selected{width:12.5vw;box-shadow:0 0 10px #6d39b899,0 0 10px #6d39b880,0 0 10px #6d39b866}}.image-uploader{max-width:500px;margin:0 auto;padding:2%;border-radius:8px;box-shadow:0 2px 4px #0000001a}.image-uploader h2{text-align:center;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:10px;margin:0 0 10%}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#fff}.file-input,.text-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.submit-button{width:100%;padding:10px;background-image:linear-gradient(to right,#3a318e,#675dd5,#2d2d4b);background-size:200% 100%;transition:background-position .5s ease;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease,text-shadow .3s ease-out;font-family:Montserrat;font-weight:700}.submit-button:hover:not(:disabled){cursor:pointer;text-shadow:1px 1px 5px rgb(255,255,255);animation:flowingButtonAnimation 20s linear infinite}.submit-button:disabled{background-color:#2e2854;cursor:not-allowed}.message{margin-top:15px;padding:10px;background-color:#e6f3ff;border:1px solid #b3d7ff;border-radius:4px;color:#004085}.glowy-text{text-shadow:1px 1px 5px rgb(255,255,255)}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 0 20%;background-image:linear-gradient(to right,#0f0c29,#302b63,#181829);color:#fff;font-family:Montserrat}.login h2{text-align:left}.login p:hover{cursor:pointer}.register{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 0 20%;background-image:linear-gradient(to right,#0f0c29,#302b63,#181829);color:#fff;font-family:Montserrat}.register h2{margin:5vh 0 0}.register_form{display:flex;flex-direction:column;align-items:center}.register_input_wrapper{width:30vw;font-size:medium;margin:2%}.password_strength_t{text-align:end}.login_button:hover{cursor:pointer}.submit_register_button{width:10vw}@media screen and (max-width: 1000px){.register_input_wrapper{width:50vw}.submit_register_button{width:20vw}}@media screen and (max-width: 450px){.register_input_wrapper{width:90vw}.submit_register_button{width:30vw}}.NotFound{padding-top:100px}.profile{display:flex;flex-direction:column;align-items:center;height:100vh;padding:1% 0 0;background-image:linear-gradient(to right,#0f0c29,#302b63,#181829);color:#fff;font-family:Montserrat}.sidebar{display:flex;flex-direction:column}.tab{color:#fff}.tab_panel{width:80vw;color:#fff}.panel_button{background-image:linear-gradient(to right,#3a318e,#3e369c,#2d2d4b,#3a318e,#675dd5);background-size:200% 100%;transition:background-position .5s ease,text-shadow .2s ease-out;width:20vw;font-family:Montserrat}.panel_button:hover{cursor:pointer;animation:flowingButtonAnimation 5s linear infinite;text-shadow:1px 1px 5px rgb(255,255,255)}@media screen and (max-width: 650px){.panel_button{width:70vw}}.verify-email{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 0 20%;background-image:linear-gradient(to right,#0f0c29,#302b63,#181829);color:#fff;font-family:Montserrat}.verify-email h2,.verify-email p{text-align:left}.login_form{display:flex;flex-direction:column;align-items:center}.login_input_wrapper{width:30vw;font-size:medium;margin:2%}.submit_login_button{background-color:#ff0}.register p{font-size:1rem}.dialog-response{height:3vh}.dialog-response p{font-size:medium;text-shadow:1px 1px 5px rgb(255,255,255)}.submit_login_button{width:10vw}.register_button:hover{cursor:pointer}@media screen and (max-width: 1000px){.login_input_wrapper{width:50vw}.submit_login_button{width:20vw}}@media screen and (max-width: 450px){.login_input_wrapper{width:90vw}.submit_login_button{width:30vw}}.credits{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-image:linear-gradient(to right,#0f0c29,#302b63,#181829);color:#fff;font-family:Montserrat}.credits-wrapper{width:60%;margin:5% 0 0}@media screen and (max-width: 1400px){.credits-wrapper{width:80%}}@media screen and (max-width: 1100px){.credits-wrapper{width:80%;overflow-y:scroll;height:90vh}}