body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body div{box-sizing:border-box}.logo-container{align-items:center;display:flex;justify-content:space-between;margin:10px 0 40px;padding:0 20px;text-align:center}@media (max-width:768px){.logo-container{margin:10px 0 30px;padding:0}}.contact-us-button{background:#4169f9;border:none;border-radius:4px;border-radius:2rem;box-shadow:2.5px 0 13px 0 #acb2bed9;color:#fff;cursor:pointer;font-size:1rem;padding:10px 30px}.page-title{color:#000;font-size:3rem;font-weight:400;line-height:2rem;margin:6px 0 50px;text-align:center}@media (max-width:768px){.page-title{font-size:2rem;line-height:2.5rem;margin:0 0 20px}}.page-title span{font-weight:500}.logo-separator{color:#000;font-size:2rem;font-weight:400;line-height:2rem;margin:6px 10px 0 0}.content{align-items:stretch;display:flex;gap:20px;height:auto;height:600px;margin:0 auto;max-width:1600px;min-height:650px;padding:0 20px;@media (max-width:768px){height:auto;overflow-y:auto}}.left-section-container{display:flex;flex-direction:column;gap:20px;height:100%;width:45%;@media (max-width:768px){width:100%}}.motion-banner-container{align-items:center;display:flex;justify-content:center;width:100%}.motion-banner-container img{object-fit:cover;width:80%}.upload-section{align-self:start;background:#fff;border-radius:8px;border-radius:1rem;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:20px;width:100%}@media (max-width:768px){.content{align-items:center;padding:0}.upload-section{align-self:center}}.results-section{align-self:stretch;background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000001a;color:#465055;display:flex;flex:1 1;flex-direction:column;height:100%;padding:20px;width:55%;@media (max-width:768px){height:auto;margin-bottom:0!important;margin-left:auto!important;margin-right:auto!important;margin-top:0!important;min-height:300px;width:100%}}@media (max-width:1024px){.content{flex-direction:column}.results-section,.upload-section{margin:10px 0;width:300px}}.upload-area{border:2px dashed #e5e7eb;border-radius:.75rem;box-sizing:border-box;color:#465055;cursor:pointer;display:block;font-weight:500;height:160px;margin-bottom:1.5rem;text-align:center;transition:all .2s ease}.reference-upload-area,.upload-area{align-items:center;display:flex;justify-content:center}.reference-upload-area{height:84px}.file-input{display:none}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.upload-text{color:#6b7280;font-size:.875rem;margin-top:.25rem}.upload-area:hover{background:#f8f9fb;border-color:#2e62ff}.upload-area.disabled{opacity:.3}.upload-button{border-radius:2.8125rem;color:#465055;height:22px}.download-button,.upload-button{align-items:center;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:8px 30px;position:relative;transition:all .3s ease;width:-webkit-max-content;width:max-content}.download-button{background:#4169f9;border:1px solid #0000;border-radius:2.8125rem;color:#fff;height:40px}.download-button:hover{background:#2a4cd7}.upload-button:disabled{background:#ccc;cursor:not-allowed}.file-list{height:100%}.preview-grid{grid-gap:15px;display:grid;gap:15px;height:100%;width:auto}.preview-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden}.preview-image{display:block;height:80%;object-fit:contain;width:auto}.preview-details{align-items:center;background:#f8f9fa;display:flex;height:20%;justify-content:space-between;padding:8px}.preview-name{color:#333;font-size:12px;font-weight:300;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-button{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:16px;padding:4px 8px}.remove-button:hover{background:#ffebee}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin:10px 0;padding:10px}.media-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;flex-direction:column;margin-bottom:20px;padding:15px}.media-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}@media (max-width:768px){.media-header{align-items:center;flex-direction:column}}.download-buttons{display:flex;gap:10px}@media (max-width:768px){.download-buttons{align-items:center;flex-direction:column}}.generated-video{margin-left:25%;margin-top:10px;width:50%}@media (max-width:768px){.generated-video{margin-left:0;margin-top:20px;width:100%}}h1{color:#333;font-size:24px;margin-bottom:20px;text-align:center}h3{color:#444;font-size:18px;margin:20px 0}.download-button:disabled,.upload-button.disabled{background:#e2e2e2;color:#a0a0a0;cursor:not-allowed;opacity:.7}.upload-button.disabled{pointer-events:none}.download-button:disabled:hover{background:#e2e2e2}.upload-area.disabled{border-color:#e2e2e2;cursor:not-allowed;opacity:.7}.upload-area.disabled:hover{border-color:#e2e2e2}.tryon-output-image{margin:0 auto;max-height:600px}.prompt-section{display:flex;flex-direction:column;width:60%;@media (max-width:768px){width:100%}}.upload-duration-section-container{display:flex;gap:1rem;@media (max-width:768px){flex-direction:column;gap:0}}.duration-section-container{margin-bottom:1.5rem;width:40%;@media (max-width:768px){width:100%}}.upload-section-container{width:60%;@media (max-width:768px){width:100%}}.prompt-section-container{display:flex;gap:1rem;@media (max-width:768px){flex-direction:column}}.reference-video-section-container{width:40%;@media (max-width:768px){width:100%}}.reference-video-title{color:#333;font-size:1rem;font-weight:500;margin-bottom:.25rem}.avtr-loader{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;font-size:1.2rem;font-weight:500;gap:.5rem;height:100%;justify-content:center;width:100%;z-index:1000}.loader-container{border:none;z-index:20000}.ai-voiceover-section-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start;margin-bottom:1rem}.ai-voiceover-section-container label{align-items:center;display:flex;margin:0}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:200;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueUltraLight.otf) format("opentype")}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:300;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueThin.otf) format("opentype")}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:400;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueLight.otf) format("opentype")}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:500;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueMedium.otf) format("opentype")}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:600;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueBold.otf) format("opentype")}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:700;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueBold.otf) format("opentype")}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:800;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueHeavy.otf) format("opentype")}@font-face{font-display:swap;font-family:Helvetica Neue;font-style:normal;font-weight:900;src:url(https://dpvtz3qhpu1l3.cloudfront.net/static_assets/fonts/HelveticaNeueBlack.otf) format("opentype")}body{background:linear-gradient(276deg,#fcfaf8 3.67%,#eaeefa 101.16%);font-family:Helvetica Neue,sans-serif;font-weight:200;margin:0;min-height:100vh;padding:20px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ff2a1cef.css.map*/