.videogen-page{.border-bg{.videogen-wrapper{.videogen-wrappe-gen{.videogen-wrappe-gen-inner{@media (min-width:1024px){border-radius:15px}padding:8px;background-color:#1c1c1c;display:flex;flex-direction:column;align-items:center;height:calc(100% - 24px);.text-image-gen-title{font-size:16px;text-align:center;line-height:60px;height:60px;flex:1}.text-image-gen-sub{text-align:center;line-height:40px;height:40px;width:70%;color:#fff;margin-top:20px;margin-bottom:10px;font-size:18px;border-radius:1rem;font-weight:700;background:linear-gradient(to top right,#9e01d1,#5030fe)}.text-image-gen-scroll{flex:18!important;width:100%!important;.videogen-image{.videogen-start-frame{flex:1;margin:10px 5px 10px 0;border:1px solid #4f4f4f;.start-frame-title{display:flex;flex-direction:row;height:40px;justify-content:space-around;align-items:center;.bg-primary{background-color:#fff}.pointer-events-none{background-color:#232426}}.start-frame-content{.frame-content-image-wrapper{height:150px;display:flex;flex-direction:row;align-items:center;justify-content:center;.frame-content-image{display:flex;flex-direction:column;align-items:center;justify-content:center;.frame-content-image-icon{height:25px;width:35px;background-size:contain;background-image:url(/uploadImage.png)}}}}.bg-border{border:1px solid #4f4f4f}}.videogen-end-frame{flex:1;margin:10px 0 10px 5px;border:1px solid #4f4f4f;.start-frame-title{display:flex;flex-direction:row;height:40px;justify-content:space-around;align-items:center;.bg-primary{background-color:#fff}}.start-frame-content{.frame-content-image-wrapper{height:150px;display:flex;flex-direction:row;align-items:center;justify-content:center;.frame-content-image{display:flex;flex-direction:column;align-items:center;justify-content:center;.frame-content-image-icon{height:25px;width:35px;background-size:contain;background-image:url(/uploadImage.png)}}}}.bg-border{border:1px solid #4f4f4f}}}.model-sel-size{.model-sel-size-item{width:60px;height:70px;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:10px;color:#9c9c9c;border:1px solid #696969;.model-sel-size-itemShape{height:28px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;.model-sel-size-itemShape1{width:20px;height:20px;background-color:#696969}.model-sel-size-itemShape2{width:15px;height:20px;background-color:#696969}.model-sel-size-itemShape3{width:20px;height:15px;background-color:#696969}.model-sel-size-itemShape4{width:13.5px;height:24px;background-color:#696969}.model-sel-size-itemShape5{width:24px;height:13.5px;background-color:#696969}}}.model-sel-size-item-active{width:60px;height:70px;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:10px;color:#fff;border:1px solid #a78bfa;.model-sel-size-itemShape{height:28px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;.model-sel-size-itemShape1{width:20px;height:20px;background-color:#a78bfa}.model-sel-size-itemShape2{width:15px;height:20px;background-color:#a78bfa}.model-sel-size-itemShape3{width:20px;height:15px;background-color:#a78bfa}.model-sel-size-itemShape4{width:13.5px;height:24px;background-color:#a78bfa}.model-sel-size-itemShape5{width:24px;height:13.5px;background-color:#a78bfa}}}}.model-sel{height:180px;background-color:#483b54}.text-image-gen-textarea{height:100px;resize:none;color:#fff!important;border-radius:8px;border:1px solid #4f4f4f}.text-image-gen-textarea::-moz-placeholder{color:red;opacity:1}.text-image-gen-textarea::placeholder{color:red;opacity:1}}}}.videogen-wrappe-his{margin:12px 12px 12px 6px;background-color:#232426;border-radius:15px;height:calc(100% - 24px)}.videogen-tab{width:100%;display:flex!important;align-items:center;flex-direction:column;.videogen-tab-list{background-color:#5b5b5b;color:beige}.videogen-tab-content{width:100%;display:flex;flex-direction:column;align-items:center}}}}}