.video-create-action .action-content{display:flex;justify-content:center;gap:30px}.video-create-action .box{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:450px;width:100%;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;background-color:hsla(0,0%,100%,.05);transition:.2s}.video-create-action .box__header{display:flex;flex-direction:row;align-items:center;gap:10px}.video-create-action .box__header svg{color:#60a5fa}.video-create-action .box__header span{font-size:24px;font-weight:600}.video-create-action .input-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;border:2px dashed #adb6c1;border-radius:10px;transition:.2s;cursor:pointer}.video-create-action .input-container[s-disabled]{pointer-events:none}.video-create-action .input-container:hover{border-color:#60a5fa;background-color:rgba(96,165,250,.1)}.video-create-action .input-container:has(.upload-preview[data-url^=http]),.video-create-action .input-container:has(.upload-preview[data-url^="/"]){border-color:#86efac;background-color:rgba(134,239,173,.1)}.video-create-action .input-container__change{padding:0 12px;border:1px solid #e4e4e7;background-color:#fff;height:35px}.video-create-action .placeholder{display:none;flex-direction:column;align-items:center}.video-create-action .placeholder p{margin:0}.video-create-action .placeholder__icon svg{width:40px;height:40px}.video-create-action .placeholder__title{margin-bottom:8px;font-size:16px;font-weight:500;text-align:center}.video-create-action .placeholder__desc{font-size:14px;color:#9ca3af;text-align:center}.video-create-action .upload-preview{height:200px;object-fit:contain}.video-create-action .upload-preview[src=""],.video-create-action .upload-preview:not([src]){display:none}.video-create-action .upload-preview[src=""]~.input-container__change,.video-create-action .upload-preview:not([src])~.input-container__change{display:none}.video-create-action .upload-preview[src=""]~.input-container__placeholder,.video-create-action .upload-preview:not([src])~.input-container__placeholder{display:flex}.video-create-action .scroll__box{position:relative;display:flex;flex-direction:row;align-items:center}.video-create-action .scroll__btn{position:absolute;top:40%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:999px;color:#fff;background-color:hsla(0,0%,100%,.1);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.2);z-index:1;transition:.2s;cursor:pointer}.video-create-action .scroll__btn:hover{background-color:hsla(0,0%,100%,.2);transform:translateY(-50%) scale(1.08)}.video-create-action .scroll__btn:active{transform:translateY(-50%) scale(0.98)}.video-create-action .scroll__btn.left{left:-20px}.video-create-action .scroll__btn.right{right:-20px}.video-create-action .scroll__container{overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.video-create-action .scroll__item{scroll-snap-align:start;scroll-snap-stop:always}.video-create-action .options-container+.options-container{margin-top:20px}.video-create-action .options__title{margin:0;margin-bottom:10px;font-weight:500}.video-create-action .options__list{display:flex;flex-direction:row;gap:10px}.video-create-action .options__item{display:flex;flex-direction:row;gap:5px;align-items:center;font-size:15px;font-weight:500}.video-create-action .options__item[s-disabled]{color:#9f9f9f}.video-create-action .options__item.music{flex-direction:column;cursor:pointer}.video-create-action .options__item.music span{font-size:11px;text-align:center;transition:color .2s}.video-create-action .options__item.music[s-active] span{color:#2563eb;font-weight:600}.video-create-action .options__item.music[s-active] .music__container{border:3px solid rgba(0,0,0,0);border-color:#2563eb}.video-create-action .options__item .music__container{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0;color:var(--music-color, #000);background:var(--music-background, #fff);font-size:10px;border-radius:10px;transition:.2s}.video-create-action .options__item .music__container .audio-player{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 0 10px 5px rgba(0,0,0,.1);border-radius:100%;backdrop-filter:blur(4px);z-index:0}.video-create-action .options__item .music__container .audio-player audio{display:none}.video-create-action .options__item .music__container .audio-player .icon{display:none;align-items:center;justify-content:center}.video-create-action .options__item .music__container .audio-player .icon svg{width:20px;height:20px}.video-create-action .options__item .music__container .audio-player:not([playing]) .pause{display:none}.video-create-action .options__item .music__container .audio-player:not([playing]) .play{display:flex}.video-create-action .options__item .music__container .audio-player[playing] .pause{display:flex}.video-create-action .options__item .music__container .audio-player[playing] .play{display:none}.video-create-action .button{display:flex;align-items:center;justify-content:center;gap:15px;border-radius:5px;transition:.2s;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer}.video-create-action .button:hover{opacity:.8 !important}.video-create-action .button:active{scale:.98}.video-create-action .button svg{width:16px;height:16px}.video-create-action .button[s-disabled]{opacity:.6;pointer-events:none}.video-create-action .generate{margin-top:30px;justify-content:center;width:100%;height:40px;color:#fff;background-color:#2563eb}.video-create-action .cost{display:flex;justify-content:center;visibility:hidden;margin-top:10px;color:#fff;text-align:center;font-size:var(--font-size-xsmall)}.video-create-action .l-radio{display:inline-flex;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.video-create-action .l-radio input{vertical-align:middle;width:15px;height:15px;border-radius:10px;background:none;border:0;box-shadow:inset 0 0 0 1px #9f9f9f;box-shadow:inset 0 0 0 1.5px #9f9f9f;appearance:none;padding:0;margin:0;transition:box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);pointer-events:none}.video-create-action .l-radio input:focus{outline:none}.video-create-action .l-radio input:checked{box-shadow:inset 0 0 0 4px #2563eb}.video-create-action .l-radio span{vertical-align:middle;display:inline-block;line-height:20px}.video-create-action .output-container{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:10px;background-color:rgba(31,41,55,.5);overflow:hidden}.video-create-action .output-preview{width:100%;height:100%;object-fit:contain}.video-create-action .output-preview[src=""],.video-create-action .output-preview:not([src]){display:none}.video-create-action .output-preview[src=""]~.output-container__placeholder,.video-create-action .output-preview:not([src])~.output-container__placeholder{display:flex}.video-create-action .output-box .box__header svg{color:#9333ea}.video-create-action .output-box .button-container{display:flex;flex-direction:row;gap:10px}.video-create-action .output-box .button{flex:1;height:40px;font-size:14px;opacity:.6;pointer-events:none}.video-create-action .output-box:has(.output-preview[src^=http]) .button{opacity:1;pointer-events:all}.video-create-action .button.download{color:#fff;background-color:#16a34a}.video-create-action .button.regenerate{color:#fff;background-color:#2563eb}.video-create-action .locations{display:flex;flex-direction:column;opacity:0;pointer-events:none;gap:10px;margin-top:20px;transition:.2s}.video-create-action .locations p{margin:0}.video-create-action .locations__btn{position:relative;flex:1;padding:8px 0;height:40px;color:#fff;pointer-events:all !important;opacity:1 !important;background-size:200% auto;background-image:linear-gradient(to right, #f09819, #edde5d)}.video-create-action .locations__btn:hover{background-position:right center}.video-create-action .locations__btn .tags{position:absolute;top:-15px;right:-10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.2rem;padding:3px 15px;background-image:linear-gradient(90deg, rgb(77, 54, 208) 0%, rgb(132, 116, 254) 100%);border-radius:999px;color:#fff;font-size:var(--font-size-small);transition:all .2s ease}.video-create-action .locations__btn .tags:hover{scale:1.1}.video-create-action .locations__btn .tags.new::after{content:"NEW"}.video-create-action[data-status=done] .locations{opacity:1;pointer-events:all}@media screen and (max-width: 768px){.video-create-action .action-content{flex-direction:column;align-items:center;gap:15px}.video-create-action .box{padding:15px}.video-create-action .box__header span{font-size:18px}.video-create-action .placeholder__title{font-size:14px}.video-create-action .placeholder__desc{font-size:12px}.video-create-action .options__item{font-size:14px}.video-create-action .output-box .button-container{flex-direction:column}.video-create-action .output-box .button{flex:none}}