.sf-video-create-v2{--sf-video-create-padding: 12px;display:flex;flex-direction:row;gap:var(--sf-video-create-padding);padding:var(--sf-video-create-padding);max-width:1080px;width:100%;min-height:516px;background:#220c3c;border:1px solid #8a2aff;border-radius:20px}.sf-video-create-v2 .sf-video-create-v2__area{width:calc(33.3333333333% - var(--sf-video-create-padding) + var(--sf-video-create-padding)/3);background:#2c0f4e;border-radius:20px;overflow:hidden}.sf-video-create-v2 .sf-video-create-v2__display,.sf-video-create-v2 .sf-video-create-v2__result{padding:29px}.sf-video-create-v2[upload=""] .sf-video-create-v2__upload-preview,.sf-video-create-v2:not([upload]) .sf-video-create-v2__upload-preview{display:none}.sf-video-create-v2[upload=""] .sf-video-create-v2__upload,.sf-video-create-v2:not([upload]) .sf-video-create-v2__upload{display:flex}.sf-video-create-v2 .sf-video-create-v2__display{display:flex;align-items:center;justify-content:center}.sf-video-create-v2 .sf-video-create-v2__upload{display:none;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.sf-video-create-v2 .sf-video-create-v2__upload-btn{padding:14px 34px;font-size:17px;font-weight:500}.sf-video-create-v2 .sf-video-create-v2__upload-btn .sf-button__icon{width:17px;height:17px}.sf-video-create-v2 .sf-video-create-v2__upload__desc{margin-top:14px;color:#bbb6c2;font-size:14px;line-height:1.2;text-align:center}.sf-video-create-v2 .sf-video-create-v2__upload-preview{display:flex;align-items:center;width:100%;height:100%}.sf-video-create-v2 .sf-video-create-v2__upload-preview--desktop{position:relative;display:flex;width:100%;height:100%;background:rgba(0,0,0,.1);border-radius:14px}.sf-video-create-v2 .sf-video-create-v2__upload-preview__image{width:100%;height:100%;object-fit:contain;border-radius:inherit}.sf-video-create-v2 .sf-video-create-v2__upload-preview__image:not([src]),.sf-video-create-v2 .sf-video-create-v2__upload-preview__image[src=""]{display:none}.sf-video-create-v2 .sf-video-create-v2__upload-preview__image:not([src])~.sf-video-create-v2__upload-clear,.sf-video-create-v2 .sf-video-create-v2__upload-preview__image[src=""]~.sf-video-create-v2__upload-clear{display:none}.sf-video-create-v2 .sf-video-create-v2__upload-clear{position:absolute;top:-15px;right:-15px;width:40px;height:40px;background:rgba(0,0,0,.5);border-radius:999px}.sf-video-create-v2 .sf-video-create-v2__upload-clear .sf-button__icon{width:25px;height:25px}.sf-video-create-v2 .sf-video-create-v2__options{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sf-video-create-padding);padding:var(--sf-video-create-padding);padding-right:0}.sf-video-create-v2 .sf-video-create-v2__options__body{display:flex;flex-direction:column;gap:var(--sf-video-create-padding);flex:1;padding-right:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__options__footer{display:flex;flex-direction:column;gap:10px;padding-right:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__cost{display:flex;align-items:center;justify-content:center}.sf-video-create-v2 .sf-video-create-v2__swap-btn{padding:10px;font-size:14px}.sf-video-create-v2 .sf-video-create-v2__swap-btn .sf-button__icon{width:17px;height:17px}.sf-video-create-v2 .sf-video-create-v2__result{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__result__placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%}.sf-video-create-v2 .sf-video-create-v2__result__placeholder svg{width:82px;height:82px}.sf-video-create-v2 .sf-video-create-v2__result__placeholder p{color:#bbb6c2;font-size:17px}.sf-video-create-v2 .sf-video-create-v2__result__preview{width:100%;height:370px;background:rgba(0,0,0,.1);border-radius:14px;object-fit:contain}.sf-video-create-v2 .sf-video-create-v2__result__preview:not([src]),.sf-video-create-v2 .sf-video-create-v2__result__preview[src=""]{display:none}.sf-video-create-v2 .sf-video-create-v2__result__preview:not([src])~.sf-video-create-v2__result__button,.sf-video-create-v2 .sf-video-create-v2__result__preview[src=""]~.sf-video-create-v2__result__button{display:none}.sf-video-create-v2 .sf-video-create-v2__result__preview:not([src])~.sf-video-create-v2__result__placeholder,.sf-video-create-v2 .sf-video-create-v2__result__preview:not([src])~.sf-video-create-v2__result--mobile__placeholder,.sf-video-create-v2 .sf-video-create-v2__result__preview[src=""]~.sf-video-create-v2__result__placeholder,.sf-video-create-v2 .sf-video-create-v2__result__preview[src=""]~.sf-video-create-v2__result--mobile__placeholder{display:flex}.sf-video-create-v2 .sf-video-create-v2__result__button{display:flex;flex-direction:row;gap:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__result__button .sf-button{flex:1;padding:8px;font-size:14px}.sf-video-create-v2 .sf-video-create-v2__result__button .sf-button__icon{width:17px;height:17px}.sf-video-create-v2 .sf-video-create-v2__result-preview--mobile{display:none;height:100%}.sf-video-create-v2 .sf-video-create-v2__result--mobile__placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;background:#3b1469;border-radius:7px}.sf-video-create-v2 .sf-video-create-v2__result--mobile__placeholder svg{width:40px;height:40px}.sf-video-create-v2 .sf-video-create-v2__result--mobile__placeholder p{color:#bbb6c2;font-size:11px;text-align:center}.sf-video-create-v2 .sf-video-create-v2__result__button--mobile{display:none;flex-direction:column;--sf-hr-margin-t: 0px;--sf-hr-margin-b: var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__result__button--mobile__container{display:flex;flex-direction:row;gap:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__result__button--mobile__container .sf-button{flex:1;padding:10px;font-size:14px}.sf-video-create-v2 .sf-video-create-v2__result__button--mobile__container .sf-button__icon{width:17px;height:17px}.sf-video-create-v2 .sf-video-create-v2__options__card__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sf-video-create-v2 .sf-video-create-v2__options__card__header>div{display:flex;flex-direction:row;align-items:center;gap:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__options__card__header>div .sf-button{width:24px;height:24px}.sf-video-create-v2 .sf-video-create-v2__options__card__body{margin-top:15px}.sf-video-create-v2 .sf-video-create-v2__options__card__title{font-size:16px;font-weight:500}.sf-video-create-v2 .sf-video-create-v2__options__prompt__textarea{padding:12px;width:100%;height:100px;color:#fff;background:#220c3c;border-radius:12px;border:none;outline:none;resize:none;overscroll-behavior:none}.sf-video-create-v2 .sf-video-create-v2__options__prompt__textarea::placeholder{color:hsla(0,0%,100%,.7)}.sf-video-create-v2 .sf-video-create-v2__options__template__item{display:flex;flex-shrink:0;width:83px;border-radius:6px;border:2px solid rgba(0,0,0,0);overflow:hidden;transition:.2s;cursor:pointer}.sf-video-create-v2 .sf-video-create-v2__options__template__item[s-active],.sf-video-create-v2 .sf-video-create-v2__options__template__item:hover{border-color:#8a2aff}.sf-video-create-v2 .sf-video-create-v2__options__template__item+.sf-video-create-v2__options__template__item{margin-left:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__options__template__item video{width:100%;height:123px;object-fit:cover}.sf-video-create-v2 .sf-video-create-v2__options__media{position:relative}.sf-video-create-v2 .sf-video-create-v2__options__media[center] .sf-video-create-v2__options__media__controls{left:50%;top:50%;bottom:auto;transform:translate(-50%, -50%)}.sf-video-create-v2 .sf-video-create-v2__options__media:not([playing]) .sf-video-create-v2__options__media__controls__btn.play{display:block}.sf-video-create-v2 .sf-video-create-v2__options__media:not([playing]) .sf-video-create-v2__options__media__controls__btn.pause{display:none}.sf-video-create-v2 .sf-video-create-v2__options__media[playing] .sf-video-create-v2__options__media__controls__btn.play{display:none}.sf-video-create-v2 .sf-video-create-v2__options__media[playing] .sf-video-create-v2__options__media__controls__btn.pause{display:block}.sf-video-create-v2 .sf-video-create-v2__options__media__controls{position:absolute;bottom:5px;left:5px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);border-radius:999px}.sf-video-create-v2 .sf-video-create-v2__options__media__controls__btn{display:none;width:20px;height:20px}.sf-video-create-v2 .sf-video-create-v2__options__media__controls__btn svg{width:100%;height:100%}.sf-video-create-v2 .sf-video-create-v2__options__bgm__item{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:var(--sf-video-create-padding);width:56px;color:hsla(0,0%,100%,.7);font-size:12px;cursor:pointer;transition:.2s}.sf-video-create-v2 .sf-video-create-v2__options__bgm__item+.sf-video-create-v2__options__bgm__item{margin-left:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__options__bgm__item:hover,.sf-video-create-v2 .sf-video-create-v2__options__bgm__item[s-active]{color:#fff}.sf-video-create-v2 .sf-video-create-v2__options__bgm__item:hover .sf-video-create-v2__options__bgm__poster,.sf-video-create-v2 .sf-video-create-v2__options__bgm__item[s-active] .sf-video-create-v2__options__bgm__poster{border-color:#8a2aff}.sf-video-create-v2 .sf-video-create-v2__options__bgm__item span{text-align:center;line-height:1.2}.sf-video-create-v2 .sf-video-create-v2__options__bgm__poster{width:100%;height:56px;border-radius:999px;border:1px solid rgba(0,0,0,0);background-image:var(--background);background-position:center;background-repeat:no-repeat;background-size:100%;transition:.2s}.sf-video-create-v2 .sf-video-create-v2__options__duration .sf-video-create-v2__options__card__body{padding:35px 16px;background:#220c3c;border-radius:12px}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-pips-horizontal{padding:5px 0 0 0;height:auto}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-marker-horizontal.noUi-marker{display:none}.sf-video-create-v2 .sf-video-create-v2__options__duration__range.noUi-horizontal{height:12px}.sf-video-create-v2 .sf-video-create-v2__options__duration__range.noUi-target{border:none;background:#2c0f4e;border-radius:999px;box-shadow:none}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-connect{background:linear-gradient(90deg, #7024cd 0%, #8f24cd 100%)}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-connects{border-radius:999px}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-handle{right:-9px;top:-3px;width:18px;height:18px;background:#8c24cd;border:3px solid #fff;border-radius:999px;box-shadow:none}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-handle::before,.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-handle::after{content:none}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-tooltip{left:100%;bottom:150%;padding:0;width:33px;height:20px;color:#fff;font-size:12px;background-color:rgba(0,0,0,0);background-image:url("/static/icons/icon-rectangle.webp");background-position:center;background-repeat:no-repeat;background-size:100%;border:none;border-radius:0}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-pips-horizontal{top:50%}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-value{font-size:12px}.sf-video-create-v2 .sf-video-create-v2__options__duration__range .noUi-value::after{content:"s"}@media screen and (max-width: 880px){.sf-video-create-v2{--sf-video-create-padding: 10px;flex-direction:column;height:auto;border-radius:10px}.sf-video-create-v2[done] .sf-video-create-v2__result__button--mobile{display:flex}.sf-video-create-v2 .sf-video-create-v2__upload-btn{font-size:14px}.sf-video-create-v2 .sf-video-create-v2__upload__desc{margin-top:8px;font-size:11px}.sf-video-create-v2 .sf-video-create-v2__area{width:100%;border-radius:7px}.sf-video-create-v2 .sf-video-create-v2__display{padding:var(--sf-video-create-padding);height:255px}.sf-video-create-v2 .sf-video-create-v2__result{display:none}.sf-video-create-v2 .sf-video-create-v2__options__item{border-width:2px}.sf-video-create-v2 .sf-video-create-v2__options__item span{font-size:11px}.sf-video-create-v2 .sf-video-create-v2__options__bgm__item{gap:4px;width:48px}.sf-video-create-v2 .sf-video-create-v2__options__bgm__poster{height:48px}.sf-video-create-v2 .sf-video-create-v2__upload-preview{flex-direction:row;gap:var(--sf-video-create-padding)}.sf-video-create-v2 .sf-video-create-v2__upload-clear{top:6px;right:6px;width:20px;height:20px}.sf-video-create-v2 .sf-video-create-v2__upload-clear .sf-button__icon{width:15px;height:15px}.sf-video-create-v2 .sf-video-create-v2__result-preview--mobile{display:flex}.sf-video-create-v2 .sf-video-create-v2__result-preview--mobile .sf-video-create-v2__result__preview{height:100%;border-radius:7px}.sf-video-create-v2 .sf-video-create-v2__upload-preview--desktop,.sf-video-create-v2 .sf-video-create-v2__result-preview--mobile{flex:1;border-radius:7px}.sf-video-create-v2 .sf-video-create-v2__options__card__title{font-size:14px}.sf-video-create-v2 .sf-video-create-v2__options__card__body{margin-top:8px}.sf-video-create-v2 .sf-video-create-v2__options__prompt__textarea{font-size:12px}.sf-video-create-v2 .sf-video-create-v2__options__template__item{width:68px}.sf-video-create-v2 .sf-video-create-v2__options__template__item video{height:103px}}html[lang=ar] .sf-video-create-v2 .sf-video-create-v2__options{padding-right:inherit;padding-left:0}html[lang=ar] .sf-video-create-v2 .sf-video-create-v2__options__body{padding-left:calc(var(--sf-video-create-padding) - var(--sf-scrollbar-width, 0px));padding-right:0}html[lang=ar] .sf-video-create-v2 .sf-video-create-v2__options__footer{padding-left:var(--sf-video-create-padding);padding-right:0}