/* screen - builder */

.builder {
  align-items: center;
  background-color: var(--ebony);
  display: flex;
  flex-direction: column;
  height: 1002px;
  width: 1440px;
}

.builder .overlap-group1 {
  height: 45px;
  margin-top: 32px;
  position: relative;
  width: 1280px;
}

.builder .navbar {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  left: 465px;
  position: absolute;
  top: 12px;
  z-index: 1;
}

.builder .navbar-link {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-decoration: underline;
  width: fit-content;
  z-index:1;
}

.builder .navbar-link-inner {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background: none;
}

.builder .navbar-link-inner:hover, .home .navbar-link-inner.active {
    /*color: #c44af4;*/
    text-decoration: underline;
}

.builder .div {
  border: 0px none;
  height: 28px;
  position: relative;
  width: 175.03px;
}

.builder .frame-5 {
  align-items: center;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 4px;
  width: 22px;
}

.builder .frame-6 {
  border: 0px none;
  height: 20px;
  position: relative;
  width: 22.5px;
}

.builder .vector-2 {
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 21px;
}

.builder .ultra-imagesnet {
  left: 30px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
  width: 143px;
}

.builder .frame-4-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.builder .frame-3-1 {
  display: flex;
  justify-content: space-between;
  opacity: 0;
  width: 194px;
}

.builder .frame {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.builder .frame-8 {
  align-items: center;
  display: flex;
  height: 14px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 14px;
}

.builder .frame-9 {
  background-image: url(../img/vector-134@2x.png);
  background-size: 100% 100%;
  border: 0px none;
  height: 14px;
  margin-left: -2801.00px;
  margin-top: -47.50px;
  position: relative;
  width: 14px;
}

.builder .vector-3 {
  height: 14px;
  margin-left: -5410px;
  margin-top: -28.50px;
  position: relative;
  width: 14px;
}

.builder .line-1 {
  margin-top: 31px;
  width: 1440px;
}

.builder .flex-col {
  align-items: center;
  background-color: #1c1133;
  background-image: url(../img/anima/mask-group-8.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 893px;
  padding: 24px 0;
  width: 1440px;
}

.builder .flex-col-1 {
  gap: 16px;
  min-height: 228px;
  width: 1336px;
}

.builder .group-3 {
  align-self: center;
  height: 52px;
  margin-left: 2.0px;
  min-width: 1282px;
}

.builder .title {
  letter-spacing: 0;
  line-height: normal;
  min-height: 52px;
  text-align: center;
  width: 212px;
}

.builder .frame-37 {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  margin-left: 298px;
  position: relative;
}

.builder .ellipse-11 {
  background-color: var(--lightning-yellow);
  border-radius: 4px;
  height: 8px;
  position: relative;
  width: 8px;
}

.builder .auto-saved-2-min-ago {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.builder .frame-6-1 {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: flex-end;
  margin-left: 252px;
  margin-top: 1.0px;
  position: relative;
  width: 332px;
}

.builder .frame-3-2::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  border-radius: 1000px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.builder .frame-3-2 {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
}

.builder .frame-10 {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: center;
  position: relative;
  width: 14px;
}

.builder .frame-11 {
  border: 0px none;
  height: 16px;
  position: relative;
  width: 14px;
}

.builder .vector-4 {
  height: 14px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 14px;
}

.builder .save {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .frame-2-1 {
  align-items: center;
  background: linear-gradient(90deg, rgba(196, 74, 244, 1) 0%, rgba(111, 74, 244, 1) 100%);
  border-radius: 1000px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
}

.builder .i {
  height: 20px;
  width: 12px;
}

.builder .svg {
  top: 2px;
  width: 12px;
}

.builder .frame-12 {
  border: 0px none;
  height: 16px;
  position: relative;
  width: 12px;
}

.builder .vector-5 {
  height: 14px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 12px;
}

.builder .run-workflow {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .navbar-1 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  justify-content: center;
  margin-left: 28px;
  padding: 8px 0px;
  position: relative;
}

.builder .navbar-link-add-audio {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .navbar-link-publish-social {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .vector-6 {
  height: 17.41px;
  margin-right: -1.41px;
  position: relative;
  width: 10.12px;
}

.builder .group-4 {
  height: 107px;
  justify-content: flex-end;
  min-width: 1336px;
}

.builder .vector-7 {
  height: 17px;
  margin-top: 1.0px;
  width: 10px;
}

.builder .frame-42 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #ffffff33;
  display: flex;
  gap: 16px;
  margin-left: 23px;
  padding: 0px 0px 16px;
  position: relative;
  width: 1280px;
}

.builder .frame-4 {
  align-items: center;
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 16px;
  height: 91px;
  opacity: 0.7;
  position: relative;
}

.builder .frame-41 {
  align-items: center;
  background-color: var(--white-2);
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 59px;
  justify-content: center;
  position: relative;
  width: 59px;
}

.builder .vector-8 {
  height: 24px;
  position: relative;
  width: 27px;
}

.builder .frame-24 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.builder .flux1-dev {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.8;
  position: relative;
}

.builder .vector-9 {
  height: 16px;
  position: relative;
  width: 24px;
}

.builder .vector-10 {
  height: 24px;
  position: relative;
  width: 17px;
}

.builder .eleven-labs {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.8;
  position: relative;
}

.builder .vector-11 {
  height: 17px;
  position: relative;
  width: 24px;
}

.builder .vector-6-1 {
  height: 17px;
  margin-left: 15px;
  margin-top: 1.0px;
  width: 10px;
}

.builder .flex-row {
  align-items: flex-start;
  display: flex;
  height: 570px;
  min-width: 1280px;
}

.builder .frame-4-1 {
  align-items: flex-start;
  background-color: var(--port-gore);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 299px;
}

.builder .workflow-info {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.builder .frame-45-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 12px;
  position: relative;
  width: 100%;
}

.builder .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .frame-46-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  height: 150px;
  padding: 12px;
  position: relative;
  width: 100%;
}

.builder .description {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .flex-col-2 {
  align-self: flex-end;
  margin-left: 53px;
  min-height: 438px;
  width: 516px;
}

.builder .overlap-group3 {
  align-self: flex-end;
  height: 128px;
  position: relative;
  width: 442px;
}

.builder .frame-1 {
  align-items: flex-start;
  background-blend-mode: lighten;
  background-color: var(--purple-heart);
  border-radius: 16px;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  left: 0;
  padding: 2px;
  position: absolute;
  top: 0;
}

.builder .frame-7 {
  align-items: flex-start;
  background: radial-gradient(50% 50% at 50% 50%, rgba(43, 33, 62, 1) 0%, rgba(16, 8, 33, 1) 100%);
  border-radius: 14px;
  box-shadow: inset 0px 0px 10px #ffffff40;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 431px;
}

.builder .frame-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.builder .i-1 {
  height: 16px;
  width: 16px;
}

.builder .svg-1 {
  width: 16px;
}

.builder .frame-13 {
  border: 0px none;
  height: 16px;
  position: relative;
  width: 16px;
}

.builder .vector-12 {
  height: 14px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 16px;
}

.builder .frame-59 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: flex-end;
  position: relative;
}

.builder .frame-45 {
  align-items: center;
  background-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  position: relative;
  width: 120px;
}

.builder .size {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .vector {
  height: 7px;
  position: relative;
  width: 12px;
}

.builder .vector-1 {
  height: 10px;
  position: relative;
  width: 10px;
}

.builder .frame-46 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white-2);
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 12px;
  position: relative;
  width: 100%;
}

.builder .enter-your-prompt {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .ellipse-12 {
  background-color: var(--white);
  border-radius: 7px;
  height: 14px;
  left: 428px;
  position: absolute;
  top: 57px;
  width: 14px;
}

.builder .overlap-group2 {
  height: 128px;
  margin-top: 60px;
  position: relative;
  width: 442px;
}

.builder .vector-13 {
  height: 18px;
  position: relative;
  width: 12px;
}

.builder .female {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .voice-script {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .ellipse-13 {
  background-color: var(--white);
  border-radius: 7px;
  height: 14px;
  left: 428px;
  position: absolute;
  top: 102px;
  width: 14px;
}

.builder .frame-51 {
  align-self: center;
  height: 45px;
  margin-left: 61.0px;
  margin-top: 77px;
  position: relative;
  width: 167px;
}

.builder .frame-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 113px;
  min-height: 502px;
  width: 299px;
}

.builder .frame-3 {
  align-items: flex-start;
  background-color: var(--port-gore);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 299px;
}

.builder .properties {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.builder .templates {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.builder .asmr-video {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .podcast-clip {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .news-summary {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .product-demo {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .cost-estimate {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.builder .text-to-image-2 {
  opacity: 0.8;
}

.builder .text-to-video-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .voiceover {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .line-4 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.builder .total {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  width: fit-content;
}

.builder .add {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.builder .address-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.builder .frame-3-3 {
  align-items: center;
  border: none;
  border-radius: 1000px;
  padding: 12px 24px;
  position: relative;
}

.builder .group {
  align-items: center;
  display: flex;
}

.builder .i-2 {
  border: 0px none;
  position: relative;
}

.builder .line {
  height: 1px;
  object-fit: cover;
}

.builder .navbar-link-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .navbar-link-text-to {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .svg-2 {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: center;
  position: relative;
}

.builder .text {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.builder .text-to {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.builder .text-to-image-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}