.card-container{margin:10px}.menu_overlay .card .main_button{width:100%}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1rem;position:relative;margin:10px}.input-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}input[type=range]{width:100%;height:20px;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#1d6ff2 50%,#eee 50%);border-radius:4px;outline:none;transition:background .45s ease-in}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;width:20px;background:#fff;border-radius:5px;cursor:pointer;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}input[type=range]::-moz-range-thumb{height:20px;width:20px;background:#007bff;border:none;border-radius:50%;cursor:pointer;position:relative;z-index:1}.value-display span{font-weight:700}.numberInput{width:60px;height:20px;border-radius:5px;border:1px solid #ccc;padding:8px;font-size:16px}.footer{position:fixed;bottom:15px;z-index:12312;justify-content:left;padding:0 50px;width:100%;display:flex;gap:30px}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-DYjygwQm.ttf)}@font-face{font-family:CalSans;src:url(/assets/CalSans-SemiBold-D8rNAK14.otf)}*{font-size:100%;font-family:Inter;font-weight:300;text-decoration:none;color:#111;list-style-type:none}* ::selection{color:#fff;background:#1d6ff2}button:focus,a:focus,div:focus{outline:none!important;box-shadow:none!important}*{-webkit-tap-highlight-color:transparent}.text_right{text-align:right}.text_left{text-align:left}.gridBG{position:absolute;width:100vw;height:100vh;z-index:0}.gridBG svg{width:100vw;height:100vh}.credit{height:20px;margin-left:5px;position:relative}.gradient{background:linear-gradient(transparent,#fff6)}.gradient_fill{background:-webkit-linear-gradient(90deg,#1d6ff2 0%,#1d6ff2aa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo{margin:auto;max-height:50px;transform-origin:center}.logo .plus_logo{position:absolute;translate:-25% -40%}.main_button{cursor:pointer;width:fit-content;height:fit-content;padding:15px 35px;border-radius:10px;text-align:center;align-items:center;background-color:#1d6ff2;color:#fff;font-size:14px;font-family:CalSans}.main_button:hover{transform:scale(1.05)}.font_cal{font-family:CalSans;margin:0}#root{top:0;margin:0;position:absolute}.hero{z-index:500;padding-top:20px;align-items:center;width:100%;position:absolute;display:flex;flex-direction:column}#headerSpecialWord{position:relative;color:#1d6ff2;line-height:0px}#headerSpecialWord li{position:absolute}.header.unloaded{scale:10;transition-delay:10s}.selection_text{margin-top:35px;margin-bottom:10px;transform:scale(1);opacity:1;width:100%;text-align:center;transition:all .4s cubic-bezier(.42,0,0,1) 1s}.selection_text.unloaded{transform:scale(0);opacity:0;transition:all .4s cubic-bezier(.42,0,0,1) 1s}.header{transition:all 1s cubic-bezier(0,1,0,1);z-index:10;width:95%;position:absolute;display:flex;flex-direction:column;text-align:center}.header h1{position:relative;width:100%;margin:0}.searchbox_icon{position:relative;width:100%;height:100%;margin:0;display:flex;justify-content:center;align-items:last baseline}.searchbox_icon img{margin:0;fill:#fff;width:100%;object-fit:contain}.gray_box{width:200px;height:300px;display:flex;flex-shrink:0;overflow:hidden;filter:drop-shadow(0px 0px 5px #00000088);flex-direction:column;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;border-style:solid;border-width:.5px;border-color:#1d6ff277;background:linear-gradient(transparent,#fff6);background-color:#1d6ff2;color:#fff;font-weight:400;justify-content:left;align-items:start;text-align:left;box-sizing:border-box;transition:all .5s cubic-bezier(.5,0,0,1);transform:translateY(0)}.gray_box h2{position:absolute;color:#fff;margin:20px}.gray_box svg{filter:drop-shadow(0px 5px 5px #00000033)}.gray_box .gray_box_overlay{position:absolute;width:100%;height:100%;z-index:2;opacity:0;background:linear-gradient(#1d6ff200,#1d6ff255)}.gray_box .gray_box_overlay .gray_box_overlay_content_container{display:flex;position:relative;width:100%;height:100%}.gray_box .gray_box_overlay .gray_box_overlay_content_container .gray_box_overlay_content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:end}.gray_box .gray_box_overlay .gray_box_overlay_content_container .gray_box_overlay_content .arrowButton{display:flex;flex-direction:row;margin-bottom:20px;padding-left:20px;transform:translate(-100px);width:0%;height:fit-content;background-color:#fffe;stroke:#1d6ff2}.gray_box .gray_box_overlay .gray_box_overlay_content_container .gray_box_overlay_content .arrowButton h1{font-size:12pt}.gray_box .gray_box_overlay .gray_box_overlay_content_container .gray_box_overlay_content .arrowButton svg{width:50px;height:50px;position:absolute;right:0}.gray_box .gray_box_content{width:100%;height:100%}.gray_box .gray_box_content .gray_box_header{height:100%;width:100%;position:absolute}.gray_box .gray_box_content .gray_box_header .gray_box_header_content{position:relative;height:100%;margin:15px;display:flex;align-items:center;flex-direction:column;width:100%;gap:10px}.gray_box .gray_box_content .gray_box_header .gray_box_header_content svg{position:relative;width:40px}.gray_box .gray_box_content .gray_box_header .gray_box_header_content h2{text-align:center;font-size:16pt;margin:0;position:relative}.gray_box .gray_box_content .gray_box_header .gray_box_header_content.home{margin:25px}.arrowButton{position:relative;width:20px;height:20px;border-radius:10px}.gray_box.unloaded{transform:rotateY(90deg);opacity:0;transition:all .8s cubic-bezier(.5,0,0,1) .5s}.gray_box_header{position:relative;display:flex;flex-direction:row;height:18pt}.popping_text{background-color:#fff;padding:5px 10px;border-radius:10px;filter:drop-shadow(0px 0px 10px #1d6ff2aa);color:#1d6ff2;font-weight:800}.search_options{display:flex;margin-top:5px;padding-top:10px;gap:20px;flex-wrap:wrap;justify-content:center;overflow-y:visible}.search_options .gray_box{cursor:pointer}.search_options .gray_box img{transform:translateY(px)}.search_options a:hover{transform:translateY(-10px)}.search_options a:hover .gray_box{transition:all .3s cubic-bezier(.42,0,0,1);color:#fff}.search_options a:hover .gray_box .gray_box_overlay{opacity:1}.search_options a:hover .gray_box .gray_box_overlay .arrowButton{transform:translate(0);width:80%}.search_options a:hover .gray_box img{transform:translateY(-25px) scale(.98);transition:all .3s cubic-bezier(.42,0,0,1)}.search_options::-webkit-scrollbar{display:none}.search_text{text-align:center;line-height:1.7;scale:1;transition:all 1s cubic-bezier(.42,0,0,1) .3s;margin:0;padding:0}.search_text.unloaded{transform:translateY(30px);opacity:0;transition:all 1s cubic-bezier(.42,0,0,1) .3s}.search_box{flex:1;overflow:visible;width:fit-content;color:#ffffff4d}.search_box_and_button{display:flex;width:100%;flex-wrap:wrap;gap:10px}.search_box_and_button .main_button{margin:0 auto}.loading{width:100%;height:100%;z-index:1920;border:transparent;position:relative;display:flex;justify-content:center;align-items:center;filter:hue-rotate(-30deg) saturate(1) brightness(1.4)}.blur-bg{opacity:50%;filter:blur(100px);width:100%;height:100%;position:absolute}.blob-bg{clip-path:polygon(58% 94%,22% 53%,84% 65%,9% 78%,100% 16%,91% 34%,61% 31%,66% 29%,55% 26%,13% 99%,54% 54%,10% 66%,15% 64%,5% 35%,63% 95%,33% 41%);width:100%;height:100%;background-color:#1d6ff2}.hero_search{margin-top:200px;height:fit-content;display:flex;justify-content:center;align-items:left;position:relative;flex-direction:column;flex:0;width:100%}.cursor-suggest{position:absolute;z-index:992000;padding:20px 30px;border-radius:0 10px 10px;background-color:#fff;filter:drop-shadow(0px 5px 10px #00000022);max-width:300px}.cursor-suggest h1{font-size:16pt;font-family:CalSans;color:#111;margin:10px 0}.cursor-suggest p{font-size:12pt;margin:0}.cursor-suggest img{max-width:200px;margin:0}.cursor-suggest.left{border-radius:10px 0 10px 10px}.credits_container{display:flex;align-items:center;justify-self:center}.text_256pt{font-size:256pt}.text_192pt{font-size:192pt}.text_128pt{font-size:128pt}.text_64pt{font-size:64pt}.text_48pt{font-size:48pt}.text_28pt{font-size:28pt}.playButton{display:flex;justify-content:center;align-items:center;z-index:2;width:100%;height:100%;background-color:#1118;border-radius:10px;opacity:1;position:absolute;cursor:pointer}.playButton svg{opacity:80%}.playButton.playing{opacity:0}.text_10pt{font-size:10pt}.text_8pt{font-size:8pt}#main{display:flex;justify-content:center;position:fixed;z-index:2;width:100%;height:100%}.blockContent{width:100%;height:100%;z-index:200}.blur_3px{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.secondary_button{cursor:pointer;width:fit-content;height:fit-content;padding:15px 35px;border-radius:10px;text-align:center;align-items:center;background-color:#fff;color:#111e;filter:drop-shadow(0px 5px 10px #00000022);font-size:14px;font-family:CalSans;transform:scale(1)}.secondary_button:hover{transform:scale(1.05)}.transparent-pattern{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}@media (max-width: 768px){.searchbox_icon img{transform:translateY(15px)}.gray_box_content .searchbox_icon img{transform:translateY(0)}.header{width:80%;text-align:center;padding-right:20px}.search_text{text-align:center}.selection_text{margin-top:20px;z-index:0}.search_options{width:100vw;display:flex;flex-wrap:nowrap;justify-content:start;padding-top:20px;padding-left:10%;padding-right:0%;overflow-x:scroll;height:300px;overflow-y:visible}.search_options a,.search_options .gray_box_overlay,.search_options .gray_box_overlay_content_container,.search_options .gray_box_overlay_content{overflow:visible}.search_options .gray_box{width:150px;height:225px}.search_options .gray_box .gray_box_header .gray_box_header_content h2{font-size:12pt}.hero{padding-top:0}.search_options.scrolled{padding-left:0%;padding-right:10%}.hero_search{gap:20px;margin-top:200px}.footer{bottom:5px;color:#fff;fill:#fff}}.notification_popup{position:fixed;z-index:32894;height:fit-content;width:666px;border-radius:10px;padding:50px 50px 50px 0;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);background-color:#fff;filter:drop-shadow(0px 4px 10px #00000022)}.notification_popup .x-button{stroke:#1d6ff2}.alert{background-color:#fffdf0}.alert .colorLine,.alert .main_button{background-color:#e3be16}.alert .secondary_button{color:#e3be16}.alert .x-button{stroke:#e3be16}.success{background-color:#f4fef6}.success .colorLine,.success .main_button{background-color:#09d37b}.success .secondary_button{color:#09d37b}.success .x-button{stroke:#09d37b}.problem{background-color:#ffe8e8}.problem .colorLine,.problem .main_button{background-color:#dc1212}.problem .secondary_button{color:#dc1212}.problem .x-button{stroke:#dc1212}.colorLine{background-color:#1d6ff2;position:absolute;height:100%;width:10px;left:0;top:0;border-radius:10px 0 0 10px}.container{position:relative;height:100%;width:100%;display:flex}.controls{position:absolute;width:100%;height:fit-content;z-index:1}.controls .x-button{position:absolute;top:0;right:0;cursor:pointer}.content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-left:70px}.buttons{margin-top:50px;display:flex;align-items:center;justify-content:start}.buttons div{margin-right:15px}.hidden_popup{transform:translate(-50%,-50%) scale(0)}@media (max-width:728px){.notification_popup{width:80%;padding:30px 30px 30px 0}.notification_popup .main_button{width:100%}.content{margin-left:50px}}.notFound{position:a;z-index:20;margin:5px;text-align:center}.notFoundContainer{z-index:2;position:absolute;width:100%;height:100%;padding-top:150px;display:flex;flex-direction:column;align-items:center}.notFoundContainer a{margin-top:30px}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-DYjygwQm.ttf)}@font-face{font-family:CalSans;src:url(/assets/CalSans-SemiBold-D8rNAK14.otf)}html{height:100%;width:100%;overflow:hidden}section{top:100px;position:absolute;z-index:60;height:100%;width:100%;align-items:start}.box{display:flex;flex-direction:row;align-items:center;padding:15px 25px;justify-content:space-between;background-color:#fff;border-radius:10px;border-style:solid;border-width:.5px;border-color:#1d6ff2;color:#000;font-weight:400;margin:auto;flex-shrink:0;box-sizing:border-box;scale:1;transition:all .3s cubic-bezier(.42,0,0,1)}.text_36pt{font-size:36pt}.text_32pt{font-size:32pt}.text_24pt{font-size:24pt}.text_16pt{font-size:16pt}.text_18pt{font-size:18pt}.text_14pt{font-size:14pt}.text_12pt{font-size:12pt}.template_input{display:flex;gap:20px;flex-direction:column;margin-top:20px}.template_input.inactive{opacity:.4}.template_input.inactive *{cursor:no-drop}.autofill_togglebutton_container{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:15px}.autofill_togglebutton_container *{margin:0}.autofill_submitbutton_container{display:flex;height:fit-content;flex-direction:row;justify-content:start;align-items:center}.autofill_loading_container{margin-left:10px;height:50px;width:50px}#main.templatePage{width:100%}#template{display:flex;position:absolute;flex-direction:space-between;justify-content:center;gap:50px;height:80vh;z-index:2}#progress{scale:1;position:absolute;display:flex;justify-content:center;align-items:center;visibility:visible}#progress .progress_container{position:relative;width:800px;border-radius:10px;background-color:#fff;filter:drop-shadow(0px 4px 10px #00000011);padding:0 100px 100px;transform:translateY(-50px)}#progress .progress_container *{margin:0}#progress .progress_container h2,#progress .progress_container h4{text-align:center}#progress .progress_container .progress_bar{margin:50px 0 20px;background-color:#eee;width:100%;height:20px;border-radius:10px;overflow:hidden}#progress .progress_container .progress_bar .loaded_progress{height:100%;background-color:#1d6ff2}#progress .progress_container .progress_illustration{position:relative;height:400px;background-color:#000}#progress .progress_container .progress_illustration iframe{width:100%;height:100%;border-color:transparent;background-color:#fff;margin:0}#progress.hidden{scale:0;visibility:hidden}.progress_bar{margin:50px 0 20px;background-color:#eee;width:100%;height:20px;border-radius:10px;overflow:hidden}.loaded_progress{height:100%;background-color:#1d6ff2;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progress-stripes .5s linear infinite;transition:width .3s none}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:20px 0}}#form{scrollbar-color:#1d6ff2 transparent;scrollbar-width:thick;overflow-x:hidden;height:80%;overflow-y:auto;filter:drop-shadow(0px 0px 5px #00000044);border-radius:10px}.slideHideLeft{transform:translate(-200px);opacity:0}.slideHideRight{transform:translate(200px);opacity:0}.Log-in{position:absolute;top:50%;text-align:center;width:fit-content;margin:0;z-index:20;transform:translateY(-50%)}#formBox{width:500px;scale:1;position:relative;height:fit-content;background-color:#fff;border-radius:10px;overflow-y:hidden}#formBox .formBox{border-radius:10px;margin:60px}#formBox .formBox .template_title{margin-bottom:20px}#formBox .formBox .template_variable{display:flex;flex-direction:column}#formBox .formBox .template_variable .template_variable_label{font-weight:500;font-size:12pt;margin-bottom:5px}#formBox .formBox .template_variable input{border-radius:10px;font-size:14px;padding:12px;border-color:transparent;background-color:#f9f9f9;outline:none;border-width:0px}#formBox .formBox .template_variable .required{background-color:#fcc6;animation:shake .5s ease-in-out infinite}#formBox .formBox .template_variable input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:10px;border:transparent;width:50px;height:50px;padding:0;cursor:pointer;opacity:1}#formBox .formBox .template_variable input:hover{transform:translateY(5px)}#formBox .formBox .template_variable input:focus{transform:translateY(5px);border-color:#1d6ff2;outline:none}#formBox .formBox .submit_container{position:relative;height:0;z-index:200;width:100%;display:flex;justify-content:center;padding:50px 0;filter:drop-shadow(0px 0px 10px #00000044)}#formBox .formBox .submit_container .main_button{width:100%;height:30px;display:flex;justify-content:center}#formBox .formBox .submit_container .main_button .generate_button_contents{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:10px}#formBox .formBox .submit_container .main_button .generate_button_contents .generate{color:#fff;position:relative;translate:0px 1px}#formBox .formBox .submit_container .main_button .generate_button_contents .price{position:relative;display:flex;align-items:center;right:0}@keyframes shake{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(2px)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}.image_group_input{display:flex;flex-wrap:wrap;padding:20px;justify-content:center;gap:20px;border-radius:10px;background-color:#eee}.image_group_input .blockContent{position:absolute;z-index:12;filter:blur(10px)}.image_group_input .image_input_container{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.image_group_input .image_input_container .image_input{margin:0;z-index:10;display:flex;width:100px;height:100px;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border-radius:10px}.image_group_input .image_input_container .image_input .image_number{position:absolute;color:#ccc;transform:translateY(-10px);z-index:1}.image_group_input .image_input_container .image_input img{width:100%;height:100%;border-radius:10px;object-fit:cover;z-index:10}.image_group_input .image_input_container .image_input svg{width:60%;fill:#ccc}.image_group_input .image_input_container .image_input input{display:none}.image_dimensions_container{display:flex;width:100%;justify-content:center;align-items:center}.image_dimensions{opacity:0;color:#fff;position:absolute;top:0}.image_overlay{position:absolute;width:150px;height:100px;z-index:9}.image_url_button_container{position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;width:100%;height:100%}.image_url_input{width:100%}.image_url_input_container{position:fixed;padding:20px;border-radius:10px;z-index:220;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.2));display:flex;background-color:#fff;gap:20px}.image_url_button{cursor:pointer;position:relative;margin:0;height:fit-content;background-color:#fff;width:fit-content;padding:5px 10px;border-radius:10px;z-index:0;scale:0;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.5))}.image_input_container:hover .image_overlay,.image_input_container.hovered .image_overlay{z-index:12}.image_input_container:hover .image_overlay .image_url_button,.image_input_container.hovered .image_overlay .image_url_button{scale:1}.image_input_container:hover .image_overlay .image_url_button:hover,.image_input_container.hovered .image_overlay .image_url_button:hover{scale:1.1}.image_input_container:hover .image_dimensions,.image_input_container.hovered .image_dimensions{opacity:1;color:#fff}.image_input_container:hover .image_input,.image_input_container.hovered .image_input{background-color:#1d6ff2;color:#fff;transform:scale(1.05)}.image_input_container:hover .image_input .image_number,.image_input_container.hovered .image_input .image_number{color:#fff}.image_input_container:hover .image_input svg,.image_input_container.hovered .image_input svg{fill:#fff}label{margin-bottom:0}.colorBox{height:50px;width:50px;position:relative}#preview{display:flex;width:100%;position:sticky;flex-direction:column;width:800px;z-index:2}#preview #download{position:relative;flex:1;margin-top:50px;display:flex;justify-content:center}#preview #download .main_button{width:fit-content;flex:0}#preview .template_preview{flex:1;display:flex;position:relative;justify-content:center;align-items:center;width:fit-content;border-radius:10px}#preview .template_preview #previewPlayDiv{position:absolute}#preview .template_preview .hidden{opacity:0}#preview .template_preview #video{width:100%;background-color:#000;display:block;position:relative;border-radius:10px}#preview .template_preview .template_preview_media{background-color:#000;display:flex;justify-content:center;align-items:center;border-radius:10px;cursor:pointer}#preview .template_preview .template_preview_media.image{background-color:transparent;border-radius:10px}#preview .template_preview #imagePreview{width:50%;height:100%;display:block;position:relative;border-radius:10px}#preview .template_preview svg{opacity:.8}#preview .template_preview .toBePlayed{opacity:.4}#preview .template_preview:hover svg{scale:1.3;opacity:1}#preview .template_preview:hover .hidden{opacity:0}#preview .template_preview:hover .toBePlayed{opacity:.8}#previewpage{width:100%;display:flex;border-radius:10px;position:sticky;flex-direction:column;justify-content:center;align-items:center;z-index:2}#previewpage #download{position:relative;flex:1;margin-top:50px;display:flex;justify-content:center;align-items:center}#previewpage #download .main_button{width:fit-content;flex:0}#previewpage .template_preview{flex:1;width:fit-content;height:fit-content;margin:0;position:relative;justify-content:center;border-radius:10px;display:block;cursor:pointer}#previewpage .template_preview .template_preview_media{width:fit-content;height:fit-content;border-radius:10px}#previewpage .template_preview img{border-radius:10px}#previewpage .template_preview video{width:1200px;max-height:800px;border-radius:10px;margin:0}#previewpage .template_preview #previewPlayDiv{position:absolute;z-index:10}#previewpage .template_preview .hidden{opacity:0}#previewpage .template_preview #videoPreview{max-width:700px;max-height:500px;display:block;position:relative;border-radius:10px}#previewpage .template_preview #imagePreview{max-width:700px;max-height:500px;display:block;position:relative;border-radius:10px;height:100%}#previewpage .template_preview svg{opacity:.8}#previewpage .template_preview .toBePlayed{opacity:.4}#previewpage .template_preview:hover svg{scale:1.3;opacity:1}#previewpage .template_preview:hover .hidden{opacity:0}#previewpage .template_preview:hover .toBePlayed{opacity:.8}.not_available{opacity:.4}.main_button.not_available:hover{transform:scale(1);cursor:no-drop}.autofill_input{display:flex;flex-direction:column;gap:10px;width:100%;align-items:start;margin:40px 0}@media (max-width: 768px){.submit_container{position:absolute;bottom:0;z-index:200;width:100%;background-color:#fff;display:flex;justify-content:center;padding:20px 0;filter:drop-shadow(0px 0px 10px #00000044)}.submit_container .main_button{width:60%;height:30px;display:flex;justify-content:center}.submit_container .main_button .generate_button_contents{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.submit_container .main_button .generate_button_contents .generate{color:#fff;position:relative;translate:0px 1px}.submit_container .main_button .generate_button_contents .price{position:relative;display:flex;align-items:center;right:0}.template_input{display:flex;flex-direction:column}#template{flex-direction:column;height:100%;top:0}#template_preview{margin:10px}#preview{height:0px;width:100%;margin-top:0;position:absolute;top:0}#form{position:relative;justify-content:end;border-radius:0;top:100px;height:500px;width:100%}.image_group_input .image_input_container .image_input{width:80px;height:80px}.image_number{translate:0px 5px}#formBox{padding:50px 0 150px;width:100%}.template_title{width:100%;background-color:#fff;padding:15px 20px;top:210px;position:absolute;z-index:100;filter:drop-shadow(0px 0px 10px #00000044)}#formBox .formBox{margin:20px}#previewpage{width:100%;display:flex;border-radius:10px;position:sticky;flex-direction:column;justify-content:center;align-items:center;z-index:2}#previewpage #download{position:relative;flex:1;margin-top:50px;display:flex;justify-content:center;align-items:center}#previewpage #download .main_button{width:fit-content;flex:0}#previewpage .template_preview{flex:1;width:fit-content;height:fit-content;margin:0;position:relative;justify-content:center;border-radius:10px;display:block;cursor:pointer}#previewpage .template_preview .template_preview_media{width:fit-content;height:fit-content;border-radius:10px}#previewpage .template_preview img{border-radius:10px}#previewpage .template_preview video{width:100%;border-radius:10px;margin:0}#previewpage .template_preview #previewPlayDiv{position:absolute;z-index:10}#previewpage .template_preview .hidden{opacity:0}#previewpage .template_preview #videoPreview{max-width:700px;max-height:500px;display:block;position:relative;border-radius:10px}#previewpage .template_preview #imagePreview{max-width:700px;max-height:500px;display:block;position:relative;border-radius:10px;height:100%}#previewpage .template_preview svg{opacity:.8}#previewpage .template_preview .toBePlayed{opacity:.4}}.toggle-button{display:flex;justify-content:left;align-items:center;width:fit-content;height:fit-content;border-radius:25px;cursor:pointer;padding:5px}.off{background-color:#d0d0d0;justify-content:left;padding-right:20px}.on{background-color:#1d6ff2;justify-content:right;padding-left:20px}.toggle-circle{width:20px;height:20px;background-color:#fff;border-radius:50%;position:relative}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-DYjygwQm.ttf)}@font-face{font-family:CalSans;src:url(/assets/CalSans-SemiBold-D8rNAK14.otf)}html{height:100%;width:100%;overflow-x:hidden}body{height:100%;width:100%;background-color:#fff;margin:0}body *{transition:all .3s cubic-bezier(.8,0,0,.8)}.text_center{text-align:center}.font_cal{font-family:CalSans}.font_inter{font-family:Inter}section.templates_dashboard{position:absolute;z-index:20;height:100%;width:100%;overflow-y:scroll;overflow-x:hidden;align-items:center}.sidebar{background-color:#fff;border-radius:10px 0;height:100%;position:relative;width:fit-content;display:flex;z-index:20;gap:35px;flex-direction:column;justify-content:center;align-items:center}.sidebar .search{position:relative;width:fit-content;height:fit-content;display:flex;gap:10px}.sidebar .search .gray_box{flex:1;width:fit-content;height:fit-content}.sidebar .categories{width:fit-content;display:flex;flex-direction:column;justify-content:center;gap:20px}.sidebar .categories .category{margin:auto;display:flex;flex-direction:column;width:100%}.sidebar .categories .category h2{width:100%;padding:10px;border-radius:10px;font-size:18pt;font-weight:400;margin-bottom:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sidebar .categories .category h2 svg{height:12px;margin-left:10px;strokeWidth:5px}.sidebar .categories .category h2:hover{transform:translateY(0)}.sidebar .categories .category.hidden h2 svg{transform:rotate(180deg)}.sidebar .categories .category.hidden h2:hover{transform:translateY(-10px)}#templates_dashboard{top:85px;width:100%;height:fit-content;display:flex;align-items:start}#templates_dashboard .sidebar{position:sticky;border-radius:10px 0;top:0;width:250px;display:flex;height:fit-content;gap:30px;flex-direction:column;justify-content:left;padding:50px 50px 500px;filter:drop-shadow(0px 4px 10px #00000000)}#templates_dashboard .sidebar .search{position:relative;width:fit-content;height:fit-content;display:flex;gap:10px}#templates_dashboard .sidebar .search .gray_box{flex:1;width:fit-content;height:fit-content}#templates_dashboard .sidebar .categories{width:250px;display:flex;flex-direction:column;justify-content:left}#templates_dashboard .sidebar .categories .category{margin:auto;display:flex;flex-direction:column;width:100%}#templates_dashboard .sidebar .categories .category h2{width:100%;padding:10px;border-radius:10px;font-size:18pt;font-weight:400;margin-bottom:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#templates_dashboard .sidebar .categories .category h2 svg{height:12px;margin-left:10px;strokeWidth:5px}#templates_dashboard .sidebar .categories .category h2:hover{transform:translateY(0)}#templates_dashboard .sidebar .categories .category.hidden h2 svg{transform:rotate(180deg)}#templates_dashboard .sidebar .categories .category.hidden h2:hover{transform:translateY(-10px)}.subcategory{cursor:pointer;border-radius:10px;display:flex;flex-direction:column;height:25px;align-items:center;font-size:14pt;font-weight:200;padding:10px 25px}.subcategory img{top:0;position:absolute;height:0%;opacity:0%}.subcategory span{color:#111;width:100%;position:relative}.subcategory:hover{background-color:#00000007;transform:translate(10px)}.subcategory.selected{justify-content:start;background-color:#1d6ff2;height:200px;transform:translate(10px)}.subcategory.selected span{color:#fff}.subcategory.selected img{height:100%;opacity:100%;scale:1}.subcategory.hidden{transform:translateY(-100%);opacity:0;transition:all .6s cubic-bezier(0,.42,0,1)}.template_price{font-size:10pt;height:fit-content;position:absolute;display:flex;right:0;margin:10px 0;background-color:#fff;border-radius:10px 0 0 10px;top:0;filter:drop-shadow(0px 3 px 0px #00000033);z-index:20}#templates_dashboard{width:100%;height:100%}.video_loading_container{width:100%;height:100%;position:absolute}.templates_grid{justify-content:center;display:flex;flex-direction:column;flex:1;padding-top:50px;overflow-x:hidden;margin-bottom:50px}.templates_grid .templates_title{top:35px;position:sticky;width:100%;display:flex;z-index:3;height:200px;align-items:center;justify-content:center;background-color:#fff;background-size:cover;margin-bottom:50px}.templates_grid .templates_title h1{filter:drop-shadow(0px 0px 20px #00000011);margin:0;color:#111}.templates_grid .templates{width:100%;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden}.templates_grid .templates .group{width:100%;display:flex;flex-direction:column;overflow-x:hidden}.templates_grid .templates .group .group_name{margin-bottom:10px}.templates_grid .templates .template_group{display:flex;overflow-x:hidden;flex-wrap:wrap}.templates_grid .templates .template_group .template{width:fit-content;height:fit-content;margin:10px}.templates_grid .templates .template_group .template .template_visual{position:relative;border-radius:10px;background:linear-gradient(60deg,#1d6ff222,#1d6ff288,#1d6ff211,#1d6ff255);border:#1d6ff222 1px solid}.templates_grid .templates .template_group .template .template_visual img{scale:.9;position:relative;width:100%;height:100%;z-index:2;object-fit:contain;filter:drop-shadow(0px 0px 5px #00000044)}.templates_grid .templates .template_group .template .template_visual .credit{position:relative;width:20px;height:20px}.templates_grid .templates .template_group .template .template_visual video{cursor:pointer;position:absolute;width:100%;height:100%;strokeWidth:10px;border-radius:10px;z-index:3;filter:drop-shadow(0px 0px 5px #00000055)}.templates_grid .templates .template_group .template .template_visual .background{position:absolute;z-index:11;border-radius:10px;opacity:.5;width:100%;height:100%;cursor:pointer;background-color:#fff}.templates_grid .templates .template_group .template .template_name{font-weight:600;margin:10px 0 0;text-align:center}.templates_grid .templates .template_group .template .template_visual.Horizontal{height:170px;width:300px}.templates_grid .templates .template_group .template .template_visual.Vertical{height:420px;width:236px}.templates_grid .templates .template_group .template .template_visual.Square{height:300px;width:300px}.templates_grid .templates .template_group .template:hover{transform:translateY(-10px)}.wordanimated{transform:translateY(20px)}#templates{position:relative;display:block;padding:50px;min-height:120vh;overflow-y:hidden;overflow-x:hidden}.template_item{margin-bottom:10px;padding:5px;border-bottom:1px solid #ddd}.blurred{filter:blur(5px)}.blurred *{cursor:no-drop}@media (max-width: 768px){#templates{position:relative;display:block;padding:0;min-height:120vh;overflow-y:hidden;overflow-x:hidden}#templates_dashboard{top:60px;margin-top:300px}.templates_selection{display:flex;flex-direction:column;height:fit-content;overflow:hidden;translate:0px -300px;position:fixed;margin:0;gap:15px;z-index:100}.category_text_selection{font-size:12pt;padding:10px 20px;background-color:#fff;filter:drop-shadow(0px 0px 5px #00000044);border-radius:10px;flex:0;white-space:nowrap}.category_text_selection.selected{background-color:#1d6ff2;color:#fff}.category_selection{display:flex;gap:10px;width:fit-content;overflow-x:visible}.side_scroll_container::-webkit-scrollbar{display:none}.side_scroll_container{padding:10px 0% 5px 20px;margin-top:5px;gap:20px;flex-wrap:wrap;justify-content:center;overflow-y:no-scroll;width:100vw;display:flex;flex-wrap:nowrap;justify-content:start;overflow-x:auto;overflow-y:hidden}.side_scroll_container .gray_box{background-color:#fdfdfd;border:#FFFFFF 1px solid;transform:translateY(0);cursor:pointer;width:133px;height:180px}.side_scroll_container .gray_box .gray_box_header .gray_box_header_content svg{filter:drop-shadow(0px 5px 5px #00000044)}.side_scroll_container .gray_box .gray_box_header .gray_box_header_content h2{color:#111}.side_scroll_container .gray_box img{transform:translateY(px)}.side_scroll_container .gray_box .gray_box_header .gray_box_header_content h2{font-size:10pt}.side_scroll_container .gray_box.selected{border:#1d6ff2 1px solid;background-color:#1d6ff2;transform:translateY(0);cursor:pointer}.side_scroll_container .gray_box.selected .gray_box_header .gray_box_header_content h2{color:#fff}.side_scroll_container .gray_box.selected img{transform:translateY(px)}.side_scroll_container a:hover{transform:translateY(-10px)}.side_scroll_container a:hover .gray_box{transition:all .3s cubic-bezier(.42,0,0,1);color:#fff}.side_scroll_container a:hover .gray_box .gray_box_overlay{opacity:1}.side_scroll_container a:hover .gray_box .gray_box_overlay .arrowButton{transform:translate(0)}.side_scroll_container a:hover .gray_box img{transform:translateY(20px) scale(.98);transition:all .3s cubic-bezier(.42,0,0,1)}.side_scroll_container a,.side_scroll_container .gray_box_overlay,.side_scroll_container .gray_box_overlay_content_container,.side_scroll_container .gray_box_overlay_content{overflow:visible}.side_scroll_container .gray_box.category_selector{width:120px;height:175px}.side_scroll_container .gray_box.category_selector .gray_box_header .gray_box_header_content h2{font-size:10pt}.category_title{padding:15px 20px;background-color:#fff}.templates_grid{justify-content:center;display:flex;flex-direction:column;flex:1;background-color:#fff;padding-top:20px;padding-bottom:10px;overflow-y:hidden;overflow-x:hidden}.templates_grid .templates_title{top:35px;position:sticky;width:100%;display:flex;z-index:3;height:200px;align-items:center;justify-content:center;background-color:#fff;background-size:cover;margin-bottom:50px}.templates_grid .templates_title h1{filter:drop-shadow(0px 0px 20px #00000011);margin:0;color:#111}.templates_grid .templates{width:100%;display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:0;overflow-x:hidden}.templates_grid .templates .group{width:100%;display:flex;overflow-x:hidden;padding-top:15px}.templates_grid .templates .template_group{width:100%;overflow-x:hidden;gap:10px;display:flex;flex-wrap:wrap;justify-content:center}.templates_grid .templates .template_group .template{margin:0}.templates_grid .templates .template_group .template .template_visual .background{position:absolute;z-index:11;border-radius:10px;opacity:.5;width:100%;height:100%;cursor:pointer;background-color:#fff}.templates_grid .templates .template_group .template .template_visual .background:hover{filter:drop-shadow(0px 0px 10px #1d6ff2)}.templates_grid .templates .template_group .template .template_name{font-weight:600;margin:10px 0 0;text-align:center}.templates_grid .templates .template_group .template .template_visual.Horizontal{height:90px;width:160px}.templates_grid .templates .template_group .template .template_visual.Vertical{height:180px;width:100px}.templates_grid .templates .template_group .template .template_visual.Square{height:160px;width:160px}.templates_grid .templates .template_group .template:hover{transform:translateY(-10px)}}.menu{z-index:32895;position:fixed;height:60px;padding:10px 0;justify-content:space-between;background-color:#fff;display:flex;flex-direction:row;margin:0;width:100%;filter:drop-shadow(0px 4px 10px #00000022)}.menu_div{margin:0 100px;display:flex}.pfpImage{width:40px;height:40px;border-radius:100%;align-self:center;cursor:pointer;fill:#1d6ff2}.menu_items{display:flex;gap:30px;align-items:center;flex-direction:row;list-style-type:none}.menu_items a{margin:0}.user_card{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0;gap:15px;border-radius:10px;height:100%;padding:0 20px}.user_card .popping_text{font-size:10pt}.txtDiv{display:flex;flex-direction:column;justify-content:center}.txtDiv p{margin:0}.txtDiv .credits{color:#1d6ff2;font-weight:600}.user_card:hover{scale:1.03}.menu_item{font-size:14px}.menu_item:hover{opacity:50%}.logo{transform:translateY(10px)}.logo .plus_logo{position:absolute;width:20px;height:20px;translate:-25% -40%}.logo .text_logo{height:40px}.logo:hover .plus_logo{transform:rotate(180deg)}.logo:hover .text_logo{transform:translateY(10%)}.menu_overlay_container{width:100vw;height:100vh;top:59px;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);position:absolute;z-index:32898;display:flex}.menu_overlay_container.left{translate:-100% 0%;justify-content:start}.menu_overlay_container.left .menu_overlay{height:100%}.menu_overlay_container.right{translate:0% -120%;justify-content:end}.menu_overlay_container.right .menu_overlay{height:fit-content}.menu_overlay_container.active{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:32894;translate:0% 0%}.menu_overlay{width:300px;background-color:#fff;border-radius:0 0 10px 10px;position:relative;filter:drop-shadow(0px 5px 10px #00000000);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.menu_overlay .menu_overlay_content{margin-top:75px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.menu_overlay ul{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.menu_overlay ul li{padding:10px 0;width:80%;font-size:16px;font-weight:500;color:#000}.menu_overlay .main_button,.menu_overlay .secondary_button{width:80%;padding:10px 0;border-radius:10px;font-size:16px}.menu_overlay .buttons_container{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin:100px}.menu_overlay.active{translate:0 0;filter:drop-shadow(0px 5px 10px #00000055)}.burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:30px;height:30px;background:none;border:none;cursor:pointer;z-index:999}.burger.X{rotate:360deg}.burger span{display:block;height:3px;background-color:#111;transition:all .3s ease-in-out;border-radius:0}.user_panel{width:100%;height:fit-content;background-color:#fff;filter:drop-shadow(0px 5px 10px #00000022);border-radius:10px;padding:10px 0;position:relative}.user_panel_content{display:flex;flex-direction:row;align-items:center;gap:20px;width:80%;height:fit-content;margin:5% 10%}.user_panel_content .pfpImage{height:50px;width:50px}.user_menu_overlay_content{width:80%;display:flex;flex-direction:column;align-items:center;gap:20px}.user_menu_overlay_content h2{width:100%}.burger span:nth-child(1),.burger span:nth-child(3){width:100%}.burger span:nth-child(2){width:100%}.menu_overlay .burger{position:absolute;top:40px;right:20px}.menu_overlay .burger span:nth-child(1){transform:rotate(45deg) translate(5px,4.5px)}.menu_overlay .burger span:nth-child(2){opacity:0}.menu_overlay .burger span:nth-child(3){transform:rotate(-45deg) translate(5px,-4.5px)}.media_preview .burger.X span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.media_preview .burger.X span:nth-child(2){opacity:0}.media_preview .burger.X span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.menu_overlay .burger{top:20px}.menu_items{gap:0px}.menu_items a{margin:0}.menu{padding:0}.menu_div{margin:0 10px;display:flex;flex-direction:row;align-items:center;justify-content:center}.logo{transform:translateY(5px);margin-left:20px}.logo .plus_logo{position:absolute;width:15px;height:15px;translate:-25% -40%}.logo .text_logo{height:30px}.main_button{cursor:pointer;width:fit-content;height:fit-content;padding:10px 20px;border-radius:10px;text-align:center;align-items:center;background-color:#1d6ff2;color:#fff;font-size:14px;font-family:CalSans}.user_card{gap:5px;translate:-30px 0px}.burger.X span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.X span:nth-child(2){opacity:0}.burger.X span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu_overlay .burger.X span:nth-child(1){transform:rotate(45deg) translate(5px,4.5px)}.menu_overlay .burger.X span:nth-child(2){opacity:0}.menu_overlay .burger.X span:nth-child(3){transform:rotate(-45deg) translate(5px,-4.5px)}.media_preview .burger.X span:nth-child(1){transform:rotate(45deg) translate(4.5px,5px)}.media_preview .burger.X span:nth-child(2){opacity:0}.media_preview .burger.X span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}input{all:unset}input:-internal-autofill-selected{-webkit-appearance:menulist-button;-moz-appearance:menulist-button;appearance:menulist-button;background-image:none!important;background-color:#fff;color:#fff}h2,p{margin:0}.warning{opacity:70%;padding:10px 20px;border-radius:10px;display:flex;flex-direction:column;align-items:start;justify-content:center}.warning p{margin-left:20px}.warning_symbol{position:absolute;translate:-20px 0px;font-size:20pt;font-weight:700}.login_page{width:100%;height:600px;position:absolute;top:160px;display:flex;justify-content:center;align-content:center}.login_panel{position:relative;width:360px;height:800px;display:flex;flex-direction:column;gap:20px;border-radius:10px;filter:drop-shadow(0px 0px 10px #00000022);padding:30px}.login_input_part{width:100%;display:flex;flex-direction:column;align-items:left;justify-content:center;gap:3px}.login_input_part .main_button{width:100%}.login_input{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:10px;background-color:#fff}.login_input .main_button,.login_input .secondary_button{padding:0;height:45px;width:100%;display:flex;align-items:center;justify-content:center;margin:0}.login_text_input{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #00000022;margin:0;padding:10px 20px;border-radius:10px}.main_button.google{background-color:#fff;color:#111;filter:drop-shadow(0px 0px 10px #00000022)}.login_buttons{width:100%;display:flex;flex-direction:column;gap:10px}.main_button.facebook{background-color:#0866ff;filter:drop-shadow(0px 0px 10px #00000022)}.already_have{display:flex;width:100%;flex-direction:column;gap:10px}.next_to_input_icon{margin-left:10px;position:relative;width:15px;cursor:pointer}.next_to_input_icon.showing{opacity:40%}.main_button.platform img{width:20px;position:absolute;left:20px;top:50%;translate:0 -50%}@media (max-width: 728px){.login_page{top:60px}}#mpo{position:fixed;width:100%;height:100%;z-index:32893;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column;gap:10px;scale:1;display:flex;justify-content:center;align-items:center}#mpo .media_preview{scale:1;border-radius:10px;position:relative;max-width:50%;max-height:50%}#mpo .media_preview .burger.X{position:absolute;top:10px;right:10px;width:21px}#mpo .media_preview .burger.X span{background-color:#fff}#mpo .media_preview img{border-radius:10px;width:100%;height:100%;filter:drop-shadow(0px 0px 20px #1d6ff2)}#mpo .media_preview video{border-radius:10px;width:100%;height:100%;filter:drop-shadow(0px 0px 20px #1d6ff2)}#mpo.hidden{opacity:0;visibility:hidden}#mpo.hidden .media_preview{scale:0}@media (max-width: 768px){#mpo .media_preview{max-width:95%;max-height:80%}}