@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Inter:400");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/68844e04cfdbe43374c2639e.68844e04cfdbe43374c263a1.7LumsE0.hcp.png");

@font-face {
    font-family: "Lufga-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/anima/lufga-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Lufga-Medium";
    font-style: normal;
    font-weight: 500;
    src: url("/fonts/anima/Adam Ladd - Lufga Medium.otf") format("opentype");
}

@font-face {
    font-family: "Lufga-SemiBold";
    font-style: normal;
    font-weight: 600;
    src: url("/fonts/anima/lufga-SemiBold.otf") format("opentype");
}


.screen a {
    display: contents;
    text-decoration: none;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

/* Shared marketing navbar (Home/Pricing/About/Blog) */
.landing-navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: auto;
    z-index: 10;
}

/* Position the shared navbar for non-home pages (home already has layout rules). */
.credits .landing-navbar .frame-5-1,
.blog .landing-navbar .frame-5-1,
.community .landing-navbar .frame-5-1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px;
    padding: 24px 0 12px;
}

.credits .landing-navbar .navbar,
.blog .landing-navbar .navbar,
.community .landing-navbar .navbar {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1280px;
    padding-bottom: 16px;
}

.credits .landing-navbar .navbar-link-place,
.blog .landing-navbar .navbar-link-place,
.community .landing-navbar .navbar-link-place {
    text-decoration: underline;
}

.credits .landing-navbar .navbar a,
.blog .landing-navbar .navbar a,
.community .landing-navbar .navbar a {
    color: #ffffff;
    text-decoration: none;
}

.credits .landing-navbar .frame-4-2,
.blog .landing-navbar .frame-4-2,
.community .landing-navbar .frame-4-2 {
    align-items: center;
    display: flex;
    gap: 24px;
}

.landing-navbar .landing-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: none;
    background: #2a1f3d;
    color: #ffffff;
    font-family: "Lufga-SemiBold", Helvetica, sans-serif;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.landing-avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.landing-avatar-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.landing-avatar-menu::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 12px;
    width: 100%;
}

.landing-avatar-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 8px;
    background: rgba(32, 24, 48, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    padding: 8px 14px;
    display: flex;
    gap: 14px;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    display: none;
    z-index: 20;
    pointer-events: auto;
}

.landing-avatar-item {
    display: inline-flex;
    color: #ffffff;
    text-decoration: none;
    padding: 6px 8px;
    border-radius: 999px;
    font-family: "Lufga-Regular", Helvetica, sans-serif;
    font-size: 14px;
}

.landing-avatar-item:hover {
    background: rgba(255, 255, 255, 0.12);
}

.landing-avatar-menu:focus-within .landing-avatar-dropdown,
.landing-avatar-menu:hover .landing-avatar-dropdown {
    display: block;
}

    .container-center-horizontal > * {
        flex-shrink: 0;
        pointer-events: auto;
    }

* {
    box-sizing: border-box;
}

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

.frame-3-1::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;
}

.ellipse-10 {
    height: 45px;
    object-fit: cover;
    position: relative;
    width: 45px;
}

.frame-7::before {
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    /* background: linear-gradient(103deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); */
    border-radius: 1000px;
    content: '';
    inset: 0;
    mask-composite: exclude;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.x2025-ulta-imagesne {
    left: 599px;
    letter-spacing: 0;
    line-height: normal;
    opacity: 0.8;
    position: absolute;
    top: 397px;
}

.frame-34 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 91px;
    position: absolute;
    top: 310px;
    width: 1269px;
}

.frame-34-item {
    letter-spacing: 0;
    line-height: 24px;
    margin-top: -1.00px;
    opacity: 0.8;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.frame-33 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    min-width: 412px;
}

.ready-to-create-viral-content {
    letter-spacing: 0;
    line-height: normal;
    margin-right: -65.00px;
    margin-top: -1.00px;
    position: relative;
    width: fit-content;
}

.join-thousands-of-cr {
    align-self: stretch;
    letter-spacing: 0;
    line-height: 24px;
    opacity: 0.8;
    position: relative;
}

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

.ulta-imagesnet-1 {
    letter-spacing: 0;
    line-height: 28px;
    margin-top: -1.92px;
    white-space: nowrap;
}

.frame-3::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;
}

.google-veo {
    align-self: stretch;
    letter-spacing: 0;
    line-height: normal;
    opacity: 0.8;
    position: relative;
}

.add-audio {
    align-self: stretch;
}

.mm-audio-v2 {
    align-self: stretch;
    letter-spacing: 0;
    line-height: normal;
    opacity: 0.8;
    position: relative;
}

.select-a-node-to-edit-properties {
    align-self: stretch;
    letter-spacing: 0;
    line-height: normal;
    opacity: 0.8;
    position: relative;
}

.add-voiceover {
    width: fit-content;
}

.flex {
    align-items: flex-start;
    display: flex;
}

.frame-148 {
    -webkit-backdrop-filter: blur(15px) brightness(100%);
    align-items: center;
    backdrop-filter: blur(15px) brightness(100%);
    background: linear-gradient(0deg, rgba(30, 17, 59, 0.6) 0%, rgba(30, 17, 59, 0.48) 100%);
    border: 1px solid;
    border-color: var(--mulled-wine);
    border-radius: 32px;
    display: inline-flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    position: relative;
}

.frame-149 {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.sign-in-to-your-acco {
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.frame-152 {
    align-items: center;
    align-self: stretch;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--white);
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    padding: 0px 0px 8px;
    position: relative;
    width: 100%;
}

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

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

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

.frame-156 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    justify-content: center;
    position: relative;
    width: 100%;
}

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

.frame-160 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
    width: 100%;
}

.google__g__-logo-1 {
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 24px;
}

.vector-container {
    height: 22px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 22px;
}

.google {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

.facebook {
    letter-spacing: 0;
    line-height: normal;
    margin-right: -4.50px;
    position: relative;
    width: fit-content;
}

.frame-158 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 24px;
    position: relative;
    width: 100%;
}

.frame-159 {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 4px 4px;
    justify-content: center;
    position: relative;
    width: 324px;
}

.by-continuing-you-agree-to-our {
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    opacity: 0.5;
    position: relative;
    width: fit-content;
}

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

.and {
    letter-spacing: 0;
    line-height: normal;
    opacity: 0.5;
    position: relative;
    width: fit-content;
}

.privacy-policy {
    letter-spacing: 0;
    line-height: normal;
    position: relative;
    width: fit-content;
}

.frame-36 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 0;
    width: 1280px;
}

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

.navbar-link-dashboard {
    text-decoration: underline;
}

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

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

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

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

.hr_line1 {
    border: 1px solid #402e67;
    margin-top: 210px;
    opacity: 1;
}

.hr_line2 {
    border: 1px solid #402e67;
    margin-top: 80px;
    opacity: 1;
}


.menu_line {
    width: calc(100% + 60px); /* accounts for the left shift if needed */
    overflow-x: hidden;
    border: 1px solid #342060;
    margin-top: 30px;
    margin-left: -30px;
    height: 0px;
}

.menu_line_admin {
    width: calc(100% + 60px); /* accounts for the left shift if needed */
    overflow-x: hidden;
    border: 1px solid #342060;
    margin-top: 75px;
    margin-left: -30px;
}