@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap');
:root{
    --options : #5f6265;
    --selected1 : #21247c;
    --selected2 : #1e1e1e;
    --helper    : #14acb3;
}
* {padding: 0;margin: 0;box-sizing: border-box}
body {font-family: arial;-webkit-font-smoothing: antialiased;background: #000;color: #fff}
a{text-decoration:none}
p{font-size:14px}
.flx_ {display: flex}
.flx__ {display: flex;justify-content: space-between}
.flx__ {display: flex;justify-content: space-between;align-items: center}
.flx___ {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.flx____ {display: flex;align-items: center}
.wrap {margin: 0 auto;max-width: 990px;padding: 80px 20px}
header {position: fixed;padding: 15px;z-index: 1;width: 100%;top:0}
.hero input {width: calc(100% - 230px);height: 40px;border: none;outline: none;padding: 10px;font-size: 20px;background: transparent;color: #000}
.hero .wrap {padding: 210px 20px 30px 20px}
.hero button {width: 200px;padding: 14px;font-size: 14px;border: none;border-radius: 50px;color: #fff;background: red;background: linear-gradient(90deg, rgb(130 187 253) 0%, rgb(128 104 255) 100%);text-transform: uppercase;font-weight:bold}
.prompt {background: #fff;padding: 7px;border-radius: 50px;border: 1px solid #393d4e;position: relative;margin-top:30px}
.vid {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;z-index: -1}
section {position: relative;overflow: hidden}
h1,.step>div{font-family: 'Softeal-Bold'}
.logo{background-image: url(../img/sprite.webp);width: 120px;height: 26px;background-size: cover;filter: invert(1)}
.stage2 .logo {display: block;margin: 0 auto;width: 145px;height: 26px;margin-bottom: 10px;}
.logo {width: 135px;height: 24px}
.hero h1 {font-size: 32px}
.hero h1,.hero .__wrap>p {width: 70%;margin: 0 auto;text-align: center}
.hero .__wrap>p {font-size: 18px;margin-top: 20px;margin-bottom: 20px}
.__wrap {position: relative}
.tac {text-align: center}
section.hero:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgb(0 0 0 / 34%) 40%, rgb(0 0 0) 80%)}
.load-messages b {color: red;font-weight: bold}
.grid img,.timg video,._styles img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);min-width: 100%;min-height: 100%;zoom:.1}
.vtime{z-index: 1;background: #000000a6;display: inline-block;padding: 10px;position: absolute;right: 0;bottom: 0;margin: 5px;font-size: 12px;font-weight: 600;color:#fff}
.grid>.wrap {padding-top: 0}
.thb {position: relative;overflow: hidden;width: 100%;padding-bottom: 100%;border-radius: 15px}
.grid_ .timg {width: 100%;position: relative;overflow:hidden;padding-bottom: 90%;background: #202020}
.grid_>*:hover,.btn:hover,._crb div:hover {cursor: pointer}
.wrap_wide {max-width: 1920px}
.p_text {text-align: center;color: #fff;position: relative;padding: 10px 10px 25px 10px;font-size: 14px;color: #c6c6c6}
.splt {padding: 40px 20px}
.hd>div {border: 1px solid #71717100;display: inline-block;padding: 10px 20px;border-radius: 3px;text-transform: uppercase;font-family: arial;font-weight: bold;margin-bottom: 20px;background: #414141}
.btn {text-align: center;max-width: 270px;padding: 20px 30px;margin-top: 20px;font-size: 14px;background: linear-gradient(90deg, rgb(130 187 253) 0%, rgb(128 104 255) 100%);border-radius: 50px;font-weight: 700;font-family: 'Softeal-Bold';text-transform: uppercase;letter-spacing: 1px;position:relative;display:flex;align-items:center;justify-content:center}

.fg {position: fixed;width: 100%;z-index: 2;background: #282c3a;top: 0;padding: 10px;transition: all .3s ease;top: -100px;}
[scrl="1"] .someclass {position: fixed;top: 0;left: 0;width: 100%;padding: 5px;z-index: 2;background: #282c3a;}
.fg .prompt {max-width: 1090px;margin: 0 auto;width: 100%;}
.v_splt {width: 180%}
.splt video {margin-left: -10%;}
.l {position: relative;}
.splt>div {width: 48%}
.splt h1,.crumbs h1{font-size: 42px}
.why h1{font-size: 72px}
.alt_til {font-size: 16px;font-weight: bold;opacity: .88;margin:60px 0 10px 0; text-align: center;}
.terms_text {font-size: 11px;margin-top:-10px;text-align:center;}
.prt_ops .alt_til{margin:0} 
.ctext {background-image: linear-gradient(45deg, #e578f3, #2788ff);background-size: 100%;background-repeat: repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-moz-background-clip: text;-moz-text-fill-color: transparent;}
.load-messages {text-align: center;margin: 20px 0;color: #fff;position: relative;font-size: 18px}
#user-prompt {position: relative;text-align: center;background: #00000012;padding: 15px 20px;border-left: 2px solid black;margin-top: 20px;}
.svg-box {position: relative;width: 200px;height: 200px;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.text {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;font-size: 24px;letter-spacing: 0px;}
svg circle {stroke-width: 2px;stroke: #000000;fill: none}
svg .bar {stroke-width: 2px;stroke: #82bbfd;stroke-linecap: round;}
.join .hero .prompt {flex-direction: column}
@keyframes pulse {0% {border-color: #000}50% {border-color: #006dff}100% {border-color: #000}}
@keyframes reveal {0% {opacity: 0}100% {opacity: 100%}}
.help {text-align: center;display: block;margin: 20px;margin-top: 10px;color: #737373}
.help small {border-radius: 33px;font-size: 12px;color: #92b1eb}
.help>small:first-of-type {color: #00feff}
.help small:hover {cursor: pointer;text-decoration: underline}
nav img {width: 20px}
.menu {list-style: none;font-size: 16px;min-width: 100px}
.menu > a li, .menu > li {font-weight: 700;color: #fff;text-decoration: none;padding: 10px 20px;border-radius: 50px;text-decoration: none;font-size: 14px}
.jfree{background: linear-gradient(90deg, rgb(130 187 253) 0%, rgb(128 104 255) 100%)}
header>nav{justify-content:center}
.prompt {transition: all .3s ease}
.join .generating,.join_alt .generating_alt {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 5}
.join_alt .generating_alt{overflow-y:scroll;padding-bottom:500px}
.generating-wrap{width: 100%;max-width: 700px;margin: 0 auto;padding: 0 10px}
.generating {background: #282c3a}
.join .generating-wrap>img,.join_alt .generating_alt>img {animation: reveal 4s forwards}
.generating_alt #img_placeholder {filter: blur(24px) brightness(.4);min-height: 120%}
.generating-wrap small {text-align: center;display: block;font-size: 16px;margin-bottom: 20px}
#gen2text {padding: 15px;background: #fff;border-radius: 5px;width: 100%;color: #000;font-size: 16px;border: none;min-height:100px;margin-top:10px;font-family:arial}
.clear_prompt{position:relative}
.clear_prompt:after,.clear_prompt:before {content: '';position: absolute;width: 40px;height: 2px;transform: rotate(45deg);display: block;background: red;top: 0}
.clear_prompt:before {transform: rotate(-45deg)}
#img_placeholder {position: fixed;min-width: 120%;min-height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);filter: blur(41px) brightness(0.5);z-index: -1}
.hero p {font-size: 16px;margin-top: 24px;margin-bottom: 24px}
@keyframes blink {0% {background-color: #ccc;}49% {background-color: #ccc;}50% {background-color: transparent;}99% {background-color: transparent;}100% {background-color: #ccc}}
iframe {border: none;width: 100%;height: 200px;background: transparent;}
.j1 {position: relative;margin-top: 20px;}
.grid2 .p_text {font-size: 14px;left: 0;border-left: navajowhite;width: 100%;background: #000000a8;padding-left: 0;padding: 10px;bottom: 0;}
footer {text-align: center;}
footer .logo {margin: 0 auto;margin-bottom: 20px;opacity: .4;}
.options {display: flex;flex-wrap: wrap;margin:20px 0;}
.options>div {background: var(--options);margin-bottom: 5px;margin-right: 5px;border-radius: 15px;color: #fff;display: inline-block;padding: 8px 12px;font-size: 13px;font-family: arial;}
.options .active {background: red;color: #fff;}
.ops:hover,.options .active:hover,#tags .active:hover,.ratio > *:hover,._styles > div:hover,.options>div:hover,.menu > a li:hover,.o_pr:hover,.menu > a li:hover,.menu > li:hover,.logo:hover,.clearPrompt:hover,button:hover {cursor: pointer;}
.filters>*{display:none;}
[tag="0"] .options:nth-child(1),[tag="1"] .options:nth-child(2),[tag="2"] .options:nth-child(3),
[tag="3"] .options:nth-child(4),[tag="4"] .options:nth-child(5),[tag="5"] .options:nth-child(6),
[tag="6"] .options:nth-child(7){display:block}
.filters p {margin: 10px 0;}
.generating .generating-wrap,.generating_alt .generating-wrap {max-width: 600px;}
.showJoin .generating_alt iframe {display: block;}
.generating_alt .btn {width: 100%;padding: 14px;font-size: 16px;border: none;border-radius: 5px;background: linear-gradient(90deg, rgb(130 187 253) 0%, rgb(128 104 255) 100%);text-transform: uppercase;
    font-family: monospace;letter-spacing: 1px;font-weight: 800;padding: 20px 30px;font-weight: 700;text-align: center;max-width: unset}
.prompt.error,#gen2text.error {border: 1px solid #ff0000;background: #ffe8e8}
.feats {padding: 60px 20px}
.feats h1 {margin-bottom: 10px}
.crumbs {text-align: center}
.crumbs .wrap {display: flex;flex-wrap: wrap;justify-content: center;}
._crb div {background: #1b11f36b;border-radius: 50px;color: #fff;padding: 12px 20px;display: inline-block;padding: 10px 30px;font-size: 14px;font-family: arial;margin-bottom: 10px;margin: 5px}
.grid2 h1 {margin: 10px 0 10px 0;}
.iso .btn{margin: 0 auto;}
.iso {padding: 0 20px;}
.goback{padding: 20px;text-align: center;background: #51515180;margin-top: 10px;border-radius: 5px;margin-top:100px}
#flag_1,#flag_2{text-align: center;margin: 20px;font-size:17px;color:red}
#flag_1 b,#flag_2 b{color:#ff0000}
[scrl="0"] .prompt,[scrl="0"] #prompt{animation:type .3s forwards}
@keyframes type{0%{background:#e59292}20%{background:#fff}40%{background:#e59292}60%{background:#fff}80%{background:#e59292}100%{background:#fff}}
.rg {padding: 10px 0;font-family: arial;display: inline-flex;}
.rg p {font-size: 14px;position: relative;margin-right: 10px;padding: 10px 20px;background: #1f1f1f;border-radius: 50px;}
.prices>* {width: 32%;text-align: center}
.prices>*,.o_pr{background: var(--selected2)}
.price{position: relative}
.price_header {padding: 20px;background: #101010;font-family: arial;font-weight: 700;color: #c2c2c2}
.price_body{padding:20px}
.price_body h1{font-size:32px;color: #8c8c8c}
.price_body h1 span {font-weight: 100;font-family: arial;font-size:38px;}
.price_body ul li {list-style: none;line-height: 30px;font-family: arial;position: relative;font-size: 14px;}
.price_body ul li,.o_pr{color: #dddddd;}
.selected .price_body ul li,.o_pr.selected{color:#fff;}
.o_pr{font-size:14px;font-weight: bold;}
.price_body ul li:before {content: '';width: 5px;height: 11px;border: 3px solid #47e2ea;display: block;position: absolute;left: -26px;border-top: none;border-left: none;transform: rotate(45deg);top: 7px;}
.price_body ul {margin: 20px 0;text-align: left;width: 80%;margin: 20px auto;}
.price_body .btn{max-width:100%;font-family: arial;}
.price_body .btn.alt_btn {max-width: 100%;background: #3b3b3b;}
.price.selected h1,.selected .price_header{color:#fff}
.mp {width: 80px;height: 80px;color: #fff;border-radius: 50%;position: absolute;top: -40px;left: 10px;display: flex;justify-content: center;align-items: center;font-family: arial;flex-direction: column;font-weight: bold;font-size: 12px;transform: rotate(-15deg);background:#4CAF50}
.mp span{display:block}
._styles > div{width:15%;margin-right:10px;text-align:center;opacity:.5;filter:grayscale(1)}
._styles .active{opacity:1;filter:grayscale(0)}
._styles > div p{margin-top:10px}
._styles img {width: 100%;border-radius: 10px;overflow: hidden;border:1px solid transparent;}
.generating-wrap{font-family:arial;}
.tag_list ul li{list-style: none;margin-right:20px;font-weight: 700}
.tag_list ul li,#type p{color: #ffffff80}
.ratio{align-items: center}
.ratio > * {width: 40px;height: 50px;background: var(--options);display: flex;justify-content: center;align-items: center;margin-right: 20px;font-size: 12px;border-radius: 10px;font-weight: 700}
.ratio > div:nth-child(2){width: 50px;height:40px}
.ratio > div:nth-child(3){width: 50px;height:50px}
#tags .active,#type .active p{color: #fff}    
#tags .active {border-bottom: 2px solid;padding-bottom: 10px}
.ratio .active, #nImages > .active, #type .active img {border: 1px solid #37347b;background: #829efe;}
.tag_list{width: 100%;overflow-x: scroll;}
::-webkit-scrollbar{display: none;}
a.btn{text-decoration: none;color: inherit;}    
.join_alt header{z-index: 5;position: fixed;background: #101b2b;margin-bottom: 20px;}
#dyn_grid>*,#subFeed>*{width:24.5%;}
#dyn_grid>*:nth-child(n+13){display:none;}
.mMenu .menu > li ,.mMenu .menu > a {margin-bottom: 20px;font-size: 20px;text-decoration: none}
.mMenu .menu  li,.mMenu .menu  a{margin-left:0}
.mMenu .logo{margin:20px auto;}
.badges{position:absolute;top:0;right:0;margin:10px;display:flex;z-index:3;}
.badges > * {background: #48afda;color: #fff;padding: 7px;margin-left: 5px;font-size: 12px;border-radius: 5px;font-weight: 600;background: linear-gradient(-10deg, rgb(69 141 224) 0%, rgb(128 104 255) 100%);}
.splt p, .f p{font-family: arial;line-height: 30px;color: #cbcbcb;font-size: 16px;}
.optimize_prices{display:flex;justify-content:space-between;align-items:center;margin:20px 0 0 0;flex-direction:column}
.optimize_prices>div {width: 100%;display: flex;align-items: center;overflow: hidden;background: #ffffff1c;margin-bottom: 10px;border-radius: 5px;color: #adadad;}
.selected .chk{background:#3c4aff;}
.optimize_prices p{margin-left:15px;margin:0 15px;display:flex;justify-content:space-between;align-items: center;width:100%;}
.price.selected .price_body, .optimize_prices .selected {opacity: 1;color: #fff;background: linear-gradient(90deg, rgb(130 187 253) 0%, rgb(104 127 255) 100%);}
.selected .price_header{background: #6f7dff}
.arrow {background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTQuNTIzIDE4Ljc4N3M0LjUwMS00LjUwNSA2LjI1NS02LjI2Yy4xNDYtLjE0Ni4yMTktLjMzOC4yMTktLjUzcy0uMDczLS4zODMtLjIxOS0uNTNjLTEuNzUzLTEuNzU0LTYuMjU1LTYuMjU4LTYuMjU1LTYuMjU4LS4xNDQtLjE0NS0uMzM0LS4yMTctLjUyNC0uMjE3LS4xOTMgMC0uMzg1LjA3NC0uNTMyLjIyMS0uMjkzLjI5Mi0uMjk1Ljc2Ni0uMDA0IDEuMDU2bDQuOTc4IDQuOTc4aC0xNC42OTJjLS40MTQgMC0uNzUuMzM2LS43NS43NXMuMzM2Ljc1Ljc1Ljc1aDE0LjY5MmwtNC45NzkgNC45NzljLS4yODkuMjg5LS4yODYuNzYyLjAwNiAxLjA1NC4xNDguMTQ4LjM0MS4yMjIuNTMzLjIyMi4xOSAwIC4zNzgtLjA3Mi41MjItLjIxNXoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
    width: 40px;height: 40px;display: block;position: absolute;right: 0;filter: invert(1);animation:arrow 1s infinite;}
@keyframes arrow{0%{right:0}100%{right:-30px}}
.step2{border-top: 1px solid #ffffff5e;padding: 10px 0;margin: 10px 0;border-bottom: 1px sollid red;border-bottom: 1px solid #ffffff4d}
.tac{text-align:center}
.slim_selection>p{margin:20px 0;}
.o_pr{position:relative}
.hero .prompt:before {content: '';background-image: url(../img/start_here.webp);width: 110px;height: 68px;position: absolute;top: -33px;left: -50px;background-size: contain;}
.ca{margin: 20px 0;text-align: center;font-size: 16px}
.o_pr p > span:last-of-type{font-size:16px}
.stage2,.loadingImage{margin-top:15px}
#mode_1.md1_1 .loadingImage,#mode_1.md1_1.md1_2 .stage2,#mode_2 .loadingImage,#mode_2.md1_2 .stage2{display:block}
#mode_1 .stage2,#mode_0 .stage1,#mode_0 header,#mode_2 .stage1,#mode_2 .stage2,#mode_2 header,#mode_1.md1_1 .stage1,#mode_1.md1_1.md1_2 .loadingImage,.loadingImage,.md1_1 header,#mode_2.md1_2 .loadingImage,.md1_2 header{display:none}
.title {white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;display: block;margin: 0 auto;color:#fff}
.quality{background: #5c5c5c;padding: 2px 5px;border-radius: 5px;color: white}
.edit{text-decoration:underline}
.crumbs{display:flex;padding: 0 0 20px 20px;width: 400%;overflow-x: scroll}
.crumbs p {background: #1f1f1f;margin-right: 10px;border-radius: 50px;padding: 10px;padding-left: 20px;color:#aaaaaa}
.crumbs span {background: #3163ff;color:#fff;border-radius: 50px;padding: 5px 10px;font-size: 12px;font-weight: 600;margin-left: 20px}
.crumbs > *:first-of-type p{background: #2d3a65;color: #fff;}
.dynT{position: absolute;left: 20px;font-size:20px;color:#5f5f5f;pointer-events: none;}
.ready .dynT{display:none;}
.r{position:relative;}
.r img{width: 300px;display: block;margin: 0 auto;}
.bprompt {font-size: 18px;position: absolute;bottom: 40px;left: 50px;padding: 16px;width: calc(100% - 100px);border-radius: 50px;background: #fff;color: #000;border: 2px solid #b1bde829;}
.bprompt div{width: 40px;height: 40px;background-color: #817aff;border-radius: 50%;position: absolute;top: 7px;right: 10px;}
.bprompt div svg {width: 40px;fill: white;top: 11px;position: relative;height: 15px;}
.xp [data-price="1"],.xp [data-price="2"]{display:flex}
.toggle_packs {font-size: 13px;text-align: center;display: block;margin: 20px;font-weight: bold;opacity: 0.7;letter-spacing: 0px}
.toggle_packs:after{content:'See More Options';}
.xp .toggle_packs:after{content:'See Less Options';}
.load-messages h1{font-size: 20px;margin-bottom: 10px;}
.load-messages p{opacity:.5}
.loadImage {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);min-width: 150%;min-height: 100%;filter: blur(41px);opacity: .3;z-index: -1;}
.load-messages small{background: #00000075;padding: 20px;border-radius: 5px;font-style: italic;max-width: 410px;margin: 20px auto;color: #d2d2d2;}
.helper {position: relative;padding: 20px;background: var(--helper);border-radius: 5px;margin: 20px 0;display: flex;align-items: center;justify-content: space-between;}
.helper:after{content: '';width: 35px;height: 35px;background: var(--helper);position: absolute;bottom: 0;left: calc(50% - 20px);transform: rotate(45deg);z-index: -1;}
.ops:after{content:'Show more options';}
.show+.ops:after{content:'Show less options';}
.close_helper:hover{cursor:pointer;}
.close_helper:after, .close_helper:before {content: '';width: 20px;height: 2px;background: #fff;transform: rotate(-45deg);display: block;}
.close_helper:after {transform: rotate(45deg);left: 0px;position: relative;top: -1px;}
.hideHelper{display:none;}
.chk {width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;}
.chk:after {content: '';border: 3px solid #ffffff70;border-top: none;border-left: none;display: block;transform: rotate(45deg);height: 16px;width: 7px;margin-top: -4px;}
.selected .chk:after{border-color:#fff}
#mode_2 .load-messages small{display:none}
.md1_1.md1_2 .helper{margin-top:20px}
.help_alt{margin-top:20px;padding:20px}
.help_alt:after{content:none}
.help_alt .helpImage {width: 60px;height: 60px;position: relative;overflow: hidden;border-radius: 5px}
.helpImage img {width: 100%;filter: blur(3px);filter: brightness(1.5) blur(6px)}
.help_alt p {margin-left: 20px;width: calc(100% - 40px)}
.loader {border: 3px solid #acabab61;border-radius: 50%;border-top: 3px solid #ffffff;width: 30px;height: 30px;-webkit-animation: spin 2s linear infinite;animation: spin 1s linear infinite}  
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
  .ops {text-align: center;opacity: .5;padding: 10px 0;text-decoration: underline;font-size:12px;}
  .optimize_prices .o_pr:nth-child(2),.optimize_prices .o_pr:nth-child(3){display:none;}
  .optimize_prices.show  .o_pr:nth-child(2),.optimize_prices.show  .o_pr:nth-child(3){display:flex;}
  .dyn_icon {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMmM1LjUxNCAwIDEwIDQuNDg2IDEwIDEwcy00LjQ4NiAxMC0xMCAxMC0xMC00LjQ4Ni0xMC0xMCA0LjQ4Ni0xMCAxMC0xMHptMC0yYy02LjYyNyAwLTEyIDUuMzczLTEyIDEyczUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyLTUuMzczLTEyLTEyLTEyem0tMSA2aDJ2OGgtMnYtOHptMSAxMi4yNWMtLjY5IDAtMS4yNS0uNTYtMS4yNS0xLjI1cy41Ni0xLjI1IDEuMjUtMS4yNSAxLjI1LjU2IDEuMjUgMS4yNS0uNTYgMS4yNS0xLjI1IDEuMjV6Ii8+PC9zdmc+);
    width: 20px;height: 20px;background-size: contain;filter: invert(1);}
.msg_1,.msg_2,.msg_3,.md1_1.md1_2 .helper{background: #0088ff;}
@media (max-width:1070px) {
    .hero .prompt:before {width: 110px;height: 68px;top: -27px;left: -10px;}
    #prompt {padding-left: 50px;}
	#dyn_grid>*, #subFeed>* {width: 32.5%;}
}
@media (max-width:768px) {
	.generating-wrap {padding-bottom: 500px;}
	.enh{position: fixed;width: 90%;bottom: 20px;left: 15px;width: calc(100% - 30px)}
    .bprompt {bottom: 60px;padding: 18px;text-align: left}
    .typed-text {white-space: nowrap;width: 70%;overflow: hidden;text-overflow: ellipsis;display: block;padding:15px;padding-left:30px}
	.generating_alt .btn{position: fixed;bottom: 0;width: calc(100% - 40px);left: 0;margin: 20px;max-width: 710px}
    .grid_ {padding: 0}
    .price_header{padding:15px}
    .price_body {padding: 10px}    
    .grid_>*:after,.grid_>*:before {content: none___;}
    .splt,.feats {flex-direction: column;}
    .splt>div,.feats>div,.hero h1,.grid2 .grid_>div,.prices>*{width: 100%}
    .v_splt {width: 140%;margin-top: -30px;z-index: -1;display: block;}
    .splt {padding: 70px 20px;text-align:center;}
    .splt .l {position: relative}
    .hero h1 {font-size: 22px}
    .p_text {font-size: 12px;padding: 10px}
    .hero .prompt {flex-direction: column;border: none;background: transparent;border-radius: 5px;}
    .prompt {padding: 0}
    .prompt:after {content: none}
    #prompt {width: 100%;border: 1px solid red;padding: 10px;text-indent: inherit;height: unset;padding: 16px;margin-bottom: 20px;border: 1px solid #393d4e;background: #fff;text-indent:30px;border-radius: 50px}
    .load-messages {font-size: 14px;margin-bottom: 20px;}
    .svg-box {width: 170px;height: 170px;}
    .error #prompt {border: 1px solid #ffb5b5;background: #ffe8e8}
    .r img {width: 80%;left: 0;position: relative;top: 19px;z-index: -1;}
    .feats {text-align: center}
    .f {margin-bottom: 40px}
    ._f {margin: 0 auto;margin-bottom: 20px;}
    .feats {padding: 0 20px}
	.splt h1 {font-size: 36px;width: 100%;margin-bottom: 20px;}
    .hero .wrap {padding: 180px 20px 10px 20px;}
    .grid2 .grid_>div {margin-bottom: 20px;text-align:center}
    .grid2 .p_text_alt {padding: 0 10px}
    .crumbs .wrap {padding: 30px 20px}
    .tagsMobile{display:block}
    [scrl="0"] .prompt {animation:unset}
    .mp {width: 70px;height: 70px;top: -30px;font-size: 10px}
    ._styles > div {width: 33.3%}
    ._styles{justify-content: space-between}
    .alt_til{font-size:16px;margin-bottom: 10px}
    .generating_alt{padding:0}
    .v:before {width: 80px;height: 80px;margin-top: calc(120% - 50px)}
    .hero .__wrap>p {font-size: 17px;width: 100%}      
    .prices>*{margin-bottom:40px}
    .why h1 {font-size: 42px;padding-bottom: 20px;}
    #dyn_grid>*, #subFeed>* {width: 49.5%;}
    .stage2, .loadingImage {margin-top: 40px}    
    .crumbs {padding: 0 0 20px 5px;}
    .crumbs p{font-size:12px;}
    .crumbs span {margin-left: 10px;}
    .btn{margin:0 auto}
}
@media (max-width:425px) {
	#dyn_grid>*, #subFeed>* {width: 100%}
    .bprompt {bottom: 10px;padding: 18px;left: 0;width: 100%}

}
@font-face {
    font-family: 'Softeal-Bold';
    src: url('../fonts/function-pro/FunctionPro-Light-webfont.eot');
    src: url('../fonts/function-pro/FunctionPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../img/Softeal-Bold.ttf') format('truetype'),
        url('../fonts/function-pro/FunctionPro-Light-webfont.svg#function_prolight') format('svg');
    font-weight: 200;
    font-style: normal;

}