.ui-modal .stack.horizontal.normal.align-center {
  margin-bottom: 20px;
}
.ui-modal.ng-star-inserted {
  min-width: 400px;
}
        #download-link {
  background-color: #535353;
  border-color: #535353;
  color: #eaeaea;
  width: 10%;
  margin-bottom: 20px;
  margin-left: 200px;
  padding: 10px 20px;
}
        #output-image {
  width: 50%;
  margin-bottom: 20px;
}
        .loader {
    width: 30px;
    height: 30px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    display: none;
    margin-left: 10px;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
        ul.models[_ngcontent-realistic-c167770865] li[_ngcontent-realistic-c167770865] {
        	    border: 1px solid #febb38;
    background: #febb38;
    color: #000;
        }
        	 .Prompttab{
        	display:none;
        }
        .loras[_ngcontent-realistic-c1754363016] > [_ngcontent-realistic-c1754363016]:not(:last-child) {
    border-bottom: 1px solid #535353;
}
       /* [_nghost-realistic-c4238713690] {
    display: none;
}*/
.upmodal .resource {
    border: 1px solid #878787;
    border-radius: 8px;
    position: relative;
    width: 52px;
    min-width: 52px;
    height: 52px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
body:has([data-overlay=full]) {
     overflow: auto; 
}
.pending[_ngcontent-realistic-c2466998735] {
  display: flex;
  position: absolute;
  inset: 0;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: #eaeaea;
}

@keyframes _ngcontent-realistic-c2466998735_glowing {
  0% {
    background-position:0 0
  }
  50% {
    background-position:400% 0
  }
  to {
    background-position:0 0
  }
}
@keyframes _ngcontent-realistic-c2466998735_rotate {
  to {
    transform:rotate(1turn)
  }
}
@keyframes _ngcontent-realistic-c2466998735_rainbow-animation {
  to {
    background-position:450vh
  }
}
@keyframes _ngcontent-realistic-c2466998735_fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes _ngcontent-realistic-c2466998735_shake {
  0% {
    transform:rotate(0)
  }
  2%,
  7%,
  12%,
  17%,
  22% {
    transform:rotate(-10deg)
  }
  5%,
  10%,
  15%,
  20% {
    transform:rotate(10deg)
  }
  30% {
    transform:rotate(0)
  }
  to {
    transform:rotate(0)
  }
}
@keyframes _ngcontent-realistic-c2466998735_slide-animation {
  0% {
    width:0
  }
  to {
    width:100%
  }
}
[_nghost-realistic-c2466998735] {
  display:block;
  position:relative;
  background:rgba(34,34,34,.5)
}
.pending[_nghost-realistic-c2466998735]   .pending[_ngcontent-realistic-c2466998735] {
  display:flex
}
.pending[_nghost-realistic-c2466998735]:before {
  /*! content:""; */position:absolute;
  z-index:-2;
  left:-50%;
  top:-50%;
  width:200%;
  height:200%;
  background-color:#000;
  background-repeat:no-repeat;
  background-size:50% 50%,50% 50%;
  background-position:0 0,100% 0,100% 100%,0 100%;
  background-image:radial-gradient(511.06% 137.29% at 86.9% 8.6%,#FDBA38 0%,#FF7300 100%),linear-gradient(0deg,#000000,#000000);
  animation:_ngcontent-realistic-c2466998735_rotate 4s linear infinite
}
@keyframes _ngcontent-realistic-c2466998735_glowing {
  0% {
    background-position:0 0
  }
  50% {
    background-position:400% 0
  }
  to {
    background-position:0 0
  }
}
@keyframes _ngcontent-realistic-c2466998735_rotate {
  to {
    transform:rotate(1turn)
  }
}
@keyframes _ngcontent-realistic-c2466998735_rainbow-animation {
  to {
    background-position:450vh
  }
}
@keyframes _ngcontent-realistic-c2466998735_fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes _ngcontent-realistic-c2466998735_shake {
  0% {
    transform:rotate(0)
  }
  2%,
  7%,
  12%,
  17%,
  22% {
    transform:rotate(-10deg)
  }
  5%,
  10%,
  15%,
  20% {
    transform:rotate(10deg)
  }
  30% {
    transform:rotate(0)
  }
  to {
    transform:rotate(0)
  }
}
@keyframes _ngcontent-realistic-c2466998735_slide-animation {
  0% {
    width:0
  }
  to {
    width:100%
  }
}
[_nghost-realistic-c2466998735] {
  display:block;
  position:relative;
  background:rgba(34,34,34,.5)
}
.pending[_nghost-realistic-c2466998735]   .pending[_ngcontent-realistic-c2466998735] {
  display:flex
}
.pending[_nghost-realistic-c2466998735]:before {
  content:"";
  position:absolute;
  z-index:-2;
  left:-50%;
  top:-50%;
  width:200%;
  height:200%;
  background-color:#000;
  background-repeat:no-repeat;
  background-size:50% 50%,50% 50%;
  background-position:0 0,100% 0,100% 100%,0 100%;
  background-image:radial-gradient(511.06% 137.29% at 86.9% 8.6%,#FDBA38 0%,#FF7300 100%),linear-gradient(0deg,#000000,#000000);
  animation:_ngcontent-realistic-c2466998735_rotate 4s linear infinite
}
.pending[_nghost-realistic-c2466998735]:after {
  content:"";
  position:absolute;
  z-index:-1;
  left:2px;
  top:2px;
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  background:black;
  border-radius:4px
}
.preview[_nghost-realistic-c2466998735]   img[_ngcontent-realistic-c2466998735],
.preview[_nghost-realistic-c2466998735]   video[_ngcontent-realistic-c2466998735],
.preview[_nghost-realistic-c2466998735]   .video[_ngcontent-realistic-c2466998735] {
  filter:blur(5px)
}
.small-text[_ngcontent-realistic-c2466998735] {
  font-size:13px
}
.pending[_ngcontent-realistic-c2466998735] {
  display:none;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  padding:4px;
  color:#eaeaea
}
.pending[_ngcontent-realistic-c2466998735]   .position[_ngcontent-realistic-c2466998735] {
  font-size:13px;
  text-align:center
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735] {
  position:relative;
  font-size:13px;
  text-align:center
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735]   .timer[_ngcontent-realistic-c2466998735] {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735]   .spinner[_ngcontent-realistic-c2466998735] {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:conic-gradient(from 90deg at 50% 50%,#FF7300 0deg,rgba(253,186,56,0) .04deg,#FF7300 360deg);
  animation:_ngcontent-realistic-c2466998735_rotate 2s infinite linear
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735]   .spinner[_ngcontent-realistic-c2466998735]:before {
  content:"";
  border-radius:50%;
  width:80%;
  height:80%;
  background-color:#000
}
.resolution[_ngcontent-realistic-c2466998735] {
  position:absolute;
  top:2px;
  left:2px;
  z-index:1;
  content:"4k";
  font-size:.65em;
  color:#fff;
  text-shadow:1px 1px black;
  text-transform:uppercase;
  border:1px solid transparent;
  padding:1px 2px;
  border-radius:2px;
  line-height:1
}
.resolution._4k[_ngcontent-realistic-c2466998735] {
  color:#000;
  border-color:#ff7300;
  text-shadow:none;
  background-color:#ff7300
}
img[_ngcontent-realistic-c2466998735],
video[_ngcontent-realistic-c2466998735],
.video[_ngcontent-realistic-c2466998735] {
  display:block;
  width:100%;
  height:100%
}
.error[_ngcontent-realistic-c2466998735] {
  position:absolute;
  padding:8px;
  inset:0;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.pending[_nghost-realistic-c2466998735]:after {
  content:"";
  position:absolute;
  z-index:-1;
  left:2px;
  top:2px;
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  background:black;
  border-radius:4px
}
.preview[_nghost-realistic-c2466998735]   img[_ngcontent-realistic-c2466998735],
.preview[_nghost-realistic-c2466998735]   video[_ngcontent-realistic-c2466998735],
.preview[_nghost-realistic-c2466998735]   .video[_ngcontent-realistic-c2466998735] {
  filter:blur(5px)
}
.small-text[_ngcontent-realistic-c2466998735] {
  font-size:13px
}
.pending[_ngcontent-realistic-c2466998735] {
  display: flex;
  position:absolute;
  inset:0;
  align-items:center;
  justify-content:center;
  padding:4px;
  color:#eaeaea
}
.pending[_ngcontent-realistic-c2466998735]   .position[_ngcontent-realistic-c2466998735] {
  font-size:13px;
  text-align:center
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735] {
  position:relative;
  font-size:13px;
  text-align:center
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735]   .timer[_ngcontent-realistic-c2466998735] {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735]   .spinner[_ngcontent-realistic-c2466998735] {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:conic-gradient(from 90deg at 50% 50%,#FF7300 0deg,rgba(253,186,56,0) .04deg,#FF7300 360deg);
  animation:_ngcontent-realistic-c2466998735_rotate 2s infinite linear
}
.pending[_ngcontent-realistic-c2466998735]   .remainder[_ngcontent-realistic-c2466998735]   .spinner[_ngcontent-realistic-c2466998735]:before {
  content:"";
  border-radius:50%;
  width:80%;
  height:80%;
  background-color:#000
}
.resolution[_ngcontent-realistic-c2466998735] {
  position:absolute;
  top:2px;
  left:2px;
  z-index:1;
  content:"4k";
  font-size:.65em;
  color:#fff;
  text-shadow:1px 1px black;
  text-transform:uppercase;
  border:1px solid transparent;
  padding:1px 2px;
  border-radius:2px;
  line-height:1
}
.resolution._4k[_ngcontent-realistic-c2466998735] {
  color:#000;
  border-color:#ff7300;
  text-shadow:none;
  background-color:#ff7300
}
img[_ngcontent-realistic-c2466998735],
video[_ngcontent-realistic-c2466998735],
.video[_ngcontent-realistic-c2466998735] {
  display:block;
  width:100%;
  height:100%
}
.error[_ngcontent-realistic-c2466998735] {
  position:absolute;
  padding:8px;
  inset:0;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

@keyframes _ngcontent-realistic-c630084313_glowing {
  0% {
    background-position:0 0
  }
  50% {
    background-position:400% 0
  }
  to {
    background-position:0 0
  }
}
@keyframes _ngcontent-realistic-c630084313_rotate {
  to {
    transform:rotate(1turn)
  }
}
@keyframes _ngcontent-realistic-c630084313_rainbow-animation {
  to {
    background-position:450vh
  }
}
@keyframes _ngcontent-realistic-c630084313_fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes _ngcontent-realistic-c630084313_shake {
  0% {
    transform:rotate(0)
  }
  2%,
  7%,
  12%,
  17%,
  22% {
    transform:rotate(-10deg)
  }
  5%,
  10%,
  15%,
  20% {
    transform:rotate(10deg)
  }
  30% {
    transform:rotate(0)
  }
  to {
    transform:rotate(0)
  }
}
img[_ngcontent-realistic-c2466998735], video[_ngcontent-realistic-c2466998735], .video[_ngcontent-realistic-c2466998735] {
  display: block;
  width: 100%;
  height: 100%;
}
.pending[_nghost-realistic-c2466998735]::before {
                content: "";

                position: absolute;

                z-index: -2;

                left: -50%;

                top: -50%;

                width: 200%;

                height: 200%;

                background-color: #000;

                background-repeat: no-repeat;

                background-size: 50% 50%, 50% 50%;

                background-position: 0 0, 100% 0, 100% 100%, 0 100%;

                background-image: radial-gradient(511.06% 137.29% at 86.9% 8.6%, #fdba38 0%, #ff7300 100%), linear-gradient(0deg, #000000, #000000);

                animation: _ngcontent-realistic-c2466998735_rotate 4s linear infinite;
            }
@keyframes _ngcontent-realistic-c630084313_slide-animation {
  0% {
    width:0
  }
  to {
    width:100%
  }
}
[_nghost-realistic-c630084313] > [_ngcontent-realistic-c630084313]:not(:last-child) {
  margin-bottom:16px
}
.alert[_ngcontent-realistic-c630084313]   .actions[_ngcontent-realistic-c630084313] {
  margin-top:8px
}
.alert[_ngcontent-realistic-c630084313]   a.default[_ngcontent-realistic-c630084313] {
  display:inline-block
}
.underage[_ngcontent-realistic-c630084313] {
  color:#878787;
  font-size:14px
}
.underage[_ngcontent-realistic-c630084313]   a[_ngcontent-realistic-c630084313] {
  color:#ff7300
}
.underage[_ngcontent-realistic-c630084313]   .question[_ngcontent-realistic-c630084313] {
  color:#eaeaea
}
.underage[_ngcontent-realistic-c630084313]   h4[_ngcontent-realistic-c630084313] {
  margin-top:0;
  color:#eaeaea
}
.restricted[_ngcontent-realistic-c630084313] {
  position:absolute;
  bottom:4px;
  right:4px;
  z-index:2
}
.content[_ngcontent-realistic-c630084313] {
  display:flex;
  column-gap:16px
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313] {
  display:flex;
  flex-direction:column;
  row-gap:16px
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313] {
  position:relative
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .expiration[_ngcontent-realistic-c630084313] {
  line-height:0
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .expiration[_ngcontent-realistic-c630084313]:not(.expired)   .icon[_ngcontent-realistic-c630084313] {
  animation:_ngcontent-realistic-c630084313_rotate 2s linear infinite
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .actions[_ngcontent-realistic-c630084313] {
  display:flex;
  justify-content:flex-end;
  font-size:.85em
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]:not(.pending):not(.deleted):hover   .actions[_ngcontent-realistic-c630084313] {
  display:block
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]:not(.pending):not(.deleted):hover   .generation.image[_ngcontent-realistic-c630084313] {
  transform:scale(1.125)
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card.deleted[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313] {
  pointer-events:none
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card.deleted[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   .generation[_ngcontent-realistic-c630084313] {
  filter:blur(5px);
  cursor:not-allowed
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card.deleted[_ngcontent-realistic-c630084313]   .actions[_ngcontent-realistic-c630084313] {
  display:none
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313] {
  display:block;
  background:black;
  border-radius:4px;
  overflow:hidden;
  padding:0;
  cursor:default;
  position:relative
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]:hover {
  color:unset
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   .generation[_ngcontent-realistic-c630084313] {
  height:100%;
  transform:scale(1);
  transition:all .25s
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   .likes[_ngcontent-realistic-c630084313] {
  position:absolute;
  bottom:8px;
  left:8px
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   .getpro[_ngcontent-realistic-c630084313] {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   .getpro[_ngcontent-realistic-c630084313]   a.button[_ngcontent-realistic-c630084313] {
  font-size:14px
}
@media only screen and (max-width: 768px) {
  .content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   .getpro[_ngcontent-realistic-c630084313]   a.button[_ngcontent-realistic-c630084313] {
    font-size:13px
  }
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   img[_ngcontent-realistic-c630084313],
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   video[_ngcontent-realistic-c630084313],
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313]   .video[_ngcontent-realistic-c630084313] {
  display:block;
  width:100%;
  height:100%
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view.sample[_ngcontent-realistic-c630084313] {
  cursor:pointer
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view.sample[_ngcontent-realistic-c630084313]   .use[_ngcontent-realistic-c630084313] {
  position:absolute;
  inset:0;
  display:none;
  justify-content:center;
  align-items:center;
  background:rgba(0,0,0,.3);
  z-index:1
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view.sample[_ngcontent-realistic-c630084313]:hover   .use[_ngcontent-realistic-c630084313] {
  display:flex
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .view.sample[_ngcontent-realistic-c630084313]   .type[_ngcontent-realistic-c630084313] {
  position:absolute;
  top:0;
  left:0;
  font-size:13px;
  font-weight:700;
  background:rgba(255,255,255,.6980392157);
  color:#222;
  padding:0 8px;
  height:24px;
  line-height:24px;
  border-radius:0 0 4px;
  z-index:2
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card.done[_ngcontent-realistic-c630084313]   .view[_ngcontent-realistic-c630084313] {
  cursor:pointer
}
.content[_ngcontent-realistic-c630084313]   .column[_ngcontent-realistic-c630084313]   .card[_ngcontent-realistic-c630084313]   .actions[_ngcontent-realistic-c630084313] {
  display:none;
  position:absolute;
  top:10px;
  right:10px;
  z-index:1
}
button.cancel[_ngcontent-realistic-c630084313] {
  border:1px solid #eaeaea;
  color:#eaeaea
}
button.cancel.with-icon[_ngcontent-realistic-c630084313]   app-icon[_ngcontent-realistic-c630084313]   svg.stroke[_ngcontent-realistic-c630084313] {
  stroke:#eaeaea
}
button.cancel[_ngcontent-realistic-c630084313]:hover {
  background:#eaeaea;
  color:#222;
  border-color:#eaeaea
}