.my-face-swapper-v6 .my-face-swapper__sidebar{display:flex;flex-direction:column;width:var(--my-face-swapper-sidebar-width);flex-shrink:0;background:#121415;border:1px solid hsla(0,0%,100%,.07);border-radius:16px;overflow:hidden}.my-face-swapper-v6 .my-face-swapper__sidebar__title{flex-shrink:0;padding:var(--my-face-swapper-padding);font-family:Inter,sans-serif;font-weight:500;font-size:18px;line-height:1.2;color:#fff}.my-face-swapper-v6 .my-face-swapper__sidebar__list{display:flex;flex-direction:column;gap:12px;padding:0 var(--my-face-swapper-padding) var(--my-face-swapper-padding);overflow-y:auto;list-style:none}.my-face-swapper-v6 .my-face-swapper__sidebar__item{flex-shrink:0;width:152px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:border-color .2s}.my-face-swapper-v6 .my-face-swapper__sidebar__item[s-active]{border-color:#ff4180}@media screen and (min-width: 881px){.my-face-swapper-v6 .my-face-swapper__sidebar__item:hover{border-color:rgba(255,65,128,.5)}}.my-face-swapper-v6 .my-face-swapper__sidebar__item img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width: 880px){.my-face-swapper-v6 .my-face-swapper__sidebar{order:-1;flex-direction:column;width:100%;border-radius:12px}.my-face-swapper-v6 .my-face-swapper__sidebar__title{padding:10px var(--my-face-swapper-padding) 6px;font-size:14px}.my-face-swapper-v6 .my-face-swapper__sidebar__list{flex-direction:row;gap:8px;padding:0 var(--my-face-swapper-padding) var(--my-face-swapper-padding);overflow-x:auto;overflow-y:hidden}.my-face-swapper-v6 .my-face-swapper__sidebar__item{width:80px;border-radius:10px}}.my-face-swapper-v6 .my-face-swapper__nav{display:flex;justify-content:center;padding:var(--my-face-swapper-padding) var(--my-face-swapper-padding) 0}.my-face-swapper-v6 .my-face-swapper__nav__wrapper{display:flex;flex-direction:row;align-items:center;gap:4px;padding:4px;width:556px;border-radius:16px;border:1px solid hsla(0,0%,100%,.2);list-style:none}.my-face-swapper-v6 .my-face-swapper__nav__wrapper li{flex:1}.my-face-swapper-v6 .my-face-swapper__nav__item{display:flex;align-items:center;justify-content:center;padding:0 4px;width:100%;height:48px;border-radius:12px;color:hsla(0,0%,100%,.8);font-family:Inter,sans-serif;font-weight:500;font-size:18px;text-decoration:none;transition:.2s;white-space:nowrap}.my-face-swapper-v6 .my-face-swapper__nav__item:hover{color:#fff;background:hsla(0,0%,100%,.1)}.my-face-swapper-v6 .my-face-swapper__nav__item[s-active]{color:#fff;background:hsla(0,0%,100%,.2)}.my-face-swapper-v6 .my-face-swapper__action{display:flex;flex-direction:column;width:var(--my-face-swapper-action-width);max-width:580px;flex:1;background:#121415;border:1px solid hsla(0,0%,100%,.07);border-radius:16px;overflow:hidden}.my-face-swapper-v6 .my-face-swapper__action__preview{position:relative;flex-shrink:0}.my-face-swapper-v6 .my-face-swapper__action__preview my-upload{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;background:rgba(0,0,0,0);border:none;border-radius:16px 16px 0 0}.my-face-swapper-v6 .my-face-swapper__action__divider{height:1px;background:hsla(0,0%,100%,.07);flex-shrink:0}.my-face-swapper-v6 .my-face-swapper__action__face-header{display:none;flex-direction:column;align-items:center;gap:4px;padding:var(--my-face-swapper-padding)}.my-face-swapper-v6[detected] .my-face-swapper__action__face-header{display:flex}.my-face-swapper-v6 .my-face-swapper__action__face-title{font-family:Inter,sans-serif;font-weight:500;font-size:18px;color:#fff;text-align:center}.my-face-swapper-v6 .my-face-swapper__action__face-desc{font-family:Inter,sans-serif;font-size:14px;color:hsla(0,0%,100%,.7);text-align:center;max-width:439px}.my-face-swapper-v6 .my-face-swapper__choose-face-wrapper{position:relative;display:none;flex-direction:column;align-items:center;padding:0 var(--my-face-swapper-padding)}.my-face-swapper-v6[detected] .my-face-swapper__choose-face-wrapper{display:flex}.my-face-swapper-v6 .my-face-swapper__choose-face-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:15px;cursor:pointer;transition:.2s}.my-face-swapper-v6 .my-face-swapper__choose-face-btn:hover{background:hsla(0,0%,100%,.15)}.my-face-swapper-v6 .my-face-swapper__choose-face-btn[s-active]{background:#ff4180;border-color:#ff4180}.my-face-swapper-v6 .my-face-swapper__choose-face-btn svg{width:16px;height:16px}.my-face-swapper-v6 .my-face-swapper__choose-face-panel{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:10;display:none;flex-direction:column;padding:var(--my-face-swapper-padding);width:calc(100% - var(--my-face-swapper-padding)*2);max-width:520px;background:#191c1e;border:1px solid hsla(0,0%,100%,.07);border-radius:14px;box-shadow:0px 4px 24px 0px rgba(0,0,0,.4)}.my-face-swapper-v6 .my-face-swapper__choose-face-panel[s-open]{display:flex}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__title{font-family:Inter,sans-serif;font-weight:500;font-size:18px;color:#fff}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__scroll-btns{display:flex;gap:4px}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__scroll-btns .my-container-scroll__scroll-btn{width:24px;height:24px;padding:0;color:#ff4180;border:1.2px solid #ff4180;border-radius:20.4px;box-shadow:0px 0px 8px .75px rgba(255,14,138,.25)}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__scroll-btns .my-container-scroll__scroll-btn[s-disabled]{opacity:.3;cursor:default}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__list{gap:12px}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__item{flex-shrink:0;width:108px;height:108px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:border-color .2s}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__item[s-active]{border-color:#ff4180}@media screen and (min-width: 881px){.my-face-swapper-v6 .my-face-swapper__choose-face-panel__item:hover{border-color:rgba(255,65,128,.5)}}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__item img{display:block;width:100%;height:100%;object-fit:cover}.my-face-swapper-v6 .my-face-swapper__faces{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:var(--my-face-swapper-padding);flex:1;align-content:flex-start;overflow-y:auto;list-style:none;padding:var(--my-face-swapper-padding)}.my-face-swapper-v6 .my-face-swapper__faces:not(:has(.my-face-swapper__face-pair)){display:none}.my-face-swapper-v6 .my-face-swapper__face-pair{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.my-face-swapper-v6 .my-face-swapper__faces--large .my-face-swapper__face-pair{width:100%;justify-content:center}.my-face-swapper-v6 .my-face-swapper__faces--large .my-face-swapper__face-source,.my-face-swapper-v6 .my-face-swapper__faces--large .my-face-swapper__face-target{width:160px;height:160px}.my-face-swapper-v6 .my-face-swapper__faces--large .my-face-swapper__face-arrow{width:32px;height:32px;font-size:16px}.my-face-swapper-v6 .my-face-swapper__faces--medium .my-face-swapper__face-source,.my-face-swapper-v6 .my-face-swapper__faces--medium .my-face-swapper__face-target{width:108px;height:108px}.my-face-swapper-v6 .my-face-swapper__faces--medium .my-face-swapper__face-arrow{width:24px;height:24px;font-size:14px}.my-face-swapper-v6 .my-face-swapper__faces--small .my-face-swapper__face-pair{width:calc(50% - var(--my-face-swapper-padding)/2)}.my-face-swapper-v6 .my-face-swapper__faces--small .my-face-swapper__face-source,.my-face-swapper-v6 .my-face-swapper__faces--small .my-face-swapper__face-target{width:92px;height:92px}.my-face-swapper-v6 .my-face-swapper__faces--small .my-face-swapper__face-arrow{width:16px;height:16px;font-size:10px}.my-face-swapper-v6 .my-face-swapper__face-source{border-radius:12px;background:#1e2225;overflow:hidden}.my-face-swapper-v6 .my-face-swapper__face-source img{width:100%;height:100%;object-fit:cover}.my-face-swapper-v6 .my-face-swapper__face-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#1f2325;border-radius:999px}.my-face-swapper-v6 .my-face-swapper__face-arrow::before{content:"";width:1em;height:1em;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url("/static/icons/40x40/icon-arrow-right-02-round.webp")}.my-face-swapper-v6 .my-face-swapper__face-target{position:relative;border-radius:12px;background:#16191b;border:1px solid hsla(0,0%,100%,.15);overflow:hidden;cursor:pointer}.my-face-swapper-v6 .my-face-swapper__face-target:disabled,.my-face-swapper-v6 .my-face-swapper__face-target[s-disabled]{opacity:1 !important}.my-face-swapper-v6 .my-face-swapper__face-target img{width:100%;height:100%;object-fit:cover}.my-face-swapper-v6 .my-face-swapper__face-target img:not([src]),.my-face-swapper-v6 .my-face-swapper__face-target img[src=""]{opacity:0}.my-face-swapper-v6 .my-face-swapper__face-target img:not([src])~.my-face-swapper__face-target__placeholder,.my-face-swapper-v6 .my-face-swapper__face-target img[src=""]~.my-face-swapper__face-target__placeholder{display:flex}.my-face-swapper-v6 .my-face-swapper__face-target img:not([src])~.my-face-swapper__face-target__clear,.my-face-swapper-v6 .my-face-swapper__face-target img[src=""]~.my-face-swapper__face-target__clear{display:none}.my-face-swapper-v6 .my-face-swapper__face-target[loading]{pointer-events:none}.my-face-swapper-v6 .my-face-swapper__face-target[loading] .my-face-swapper__face-target__loading{display:flex}.my-face-swapper-v6 .my-face-swapper__face-target__placeholder{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;width:100%;height:100%;color:#fff;text-align:center;line-height:1.1;border-radius:inherit;opacity:.7;transition:opacity .2s}.my-face-swapper-v6 .my-face-swapper__face-target__placeholder:hover{opacity:1}.my-face-swapper-v6 .my-face-swapper__face-target__placeholder::before{content:"";width:28px;height:28px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url("/static/icons/56x56/icon-image-add-02.webp")}.my-face-swapper-v6 .my-face-swapper__face-target__clear{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(0,0,0,.5);border-radius:999px;cursor:pointer}.my-face-swapper-v6 .my-face-swapper__face-target__clear::before{content:"";width:14px;height:14px;background-position:center;background-repeat:no-repeat;background-size:100%;background-image:url("/static/icons/27x27/icon-cancel-01.webp")}.my-face-swapper-v6 .my-face-swapper__face-target__loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;background:inherit;border-radius:inherit}.my-face-swapper-v6 .my-face-swapper__face-target__loading::before{content:"";width:20px;height:20px;border-radius:999px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;animation:face-target-loading .8s linear infinite}@keyframes face-target-loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.my-face-swapper-v6 .my-face-swapper__swap-area{display:none;flex-direction:column;align-items:center;gap:8px;padding:0 var(--my-face-swapper-padding) var(--my-face-swapper-padding)}.my-face-swapper-v6[detected] .my-face-swapper__swap-area{display:flex}.my-face-swapper-v6 .my-face-swapper__swap-btn{width:100%;height:44px;border-radius:16px;font-family:Inter,sans-serif;font-weight:500;font-size:18px;background:#ff4180;box-shadow:0px 0px 20.9px 0px rgba(255,51,170,.25),inset 4px 5px 9.8px 0px hsla(0,0%,100%,.25),inset -1px -3px 7px 0px hsla(0,0%,100%,.25)}.my-face-swapper-v6 .my-face-swapper__cost-credits{font-size:14px;color:hsla(0,0%,100%,.7)}.my-face-swapper-v6:not([detected]) .my-face-swapper__action__divider,.my-face-swapper-v6:not([detected]) .my-face-swapper__action__face-header,.my-face-swapper-v6:not([detected]) .my-face-swapper__faces,.my-face-swapper-v6:not([detected]) .my-face-swapper__swap-area,.my-face-swapper-v6:not([detected]) .my-face-swapper__choose-face-wrapper{display:none}.my-face-swapper-v6:not([detected]) .my-face-swapper__action__preview{flex:1}.my-face-swapper-v6:not([detected]) .my-face-swapper__action__preview my-upload{height:100%}@media screen and (max-width: 880px){.my-face-swapper-v6 .my-face-swapper__nav{padding:var(--my-face-swapper-padding) var(--my-face-swapper-padding) 0}.my-face-swapper-v6 .my-face-swapper__nav__wrapper{width:100%}.my-face-swapper-v6 .my-face-swapper__nav__item{height:40px;font-size:14px;border-radius:10px}.my-face-swapper-v6 .my-face-swapper__action{width:100%}.my-face-swapper-v6 .my-face-swapper__action__preview my-upload{min-height:180px}.my-face-swapper-v6 .my-face-swapper__action__face-title{font-size:16px}.my-face-swapper-v6 .my-face-swapper__action__face-desc{font-size:12px}.my-face-swapper-v6 .my-face-swapper__faces--large .my-face-swapper__face-source,.my-face-swapper-v6 .my-face-swapper__faces--large .my-face-swapper__face-target{width:120px;height:120px}.my-face-swapper-v6 .my-face-swapper__face-target__placeholder::before{width:24px;height:24px}.my-face-swapper-v6 .my-face-swapper__faces--medium .my-face-swapper__face-source,.my-face-swapper-v6 .my-face-swapper__faces--medium .my-face-swapper__face-target,.my-face-swapper-v6 .my-face-swapper__faces--small .my-face-swapper__face-source,.my-face-swapper-v6 .my-face-swapper__faces--small .my-face-swapper__face-target{width:58px;height:58px}.my-face-swapper-v6 .my-face-swapper__faces--medium .my-face-swapper__face-arrow{width:16px;height:16px;font-size:10px}.my-face-swapper-v6 .my-face-swapper__swap-btn{height:40px;font-size:16px}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__list{gap:8px}.my-face-swapper-v6 .my-face-swapper__choose-face-panel__item{width:72px;height:72px;border-radius:10px}}.my-face-swapper-v6 .my-face-swapper__result{position:relative;display:flex;flex-direction:column;width:var(--my-face-swapper-result-width);flex-shrink:0;overflow-y:auto;background:#121415;border:1px solid hsla(0,0%,100%,.07);border-radius:16px}.my-face-swapper-v6 .my-face-swapper__placeholder{display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;padding:var(--my-face-swapper-padding)}.my-face-swapper-v6:not([result]) .my-face-swapper__placeholder{display:flex}.my-face-swapper-v6:not([result]) .my-face-swapper__result__wrapper{display:none}.my-face-swapper-v6 .my-face-swapper__placeholder__icon{display:flex;align-items:center;justify-content:center;font-size:48px;opacity:.7}.my-face-swapper-v6 .my-face-swapper__placeholder__icon svg{width:1em;height:1em}.my-face-swapper-v6 .my-face-swapper__placeholder__title{max-width:310px;color:hsla(0,0%,100%,.7);font-family:Inter,sans-serif;font-size:16px;line-height:1.4;text-align:center}.my-face-swapper-v6 .my-face-swapper__placeholder__btn{padding:6px 20px;height:32px;color:#ff4180;background:rgba(255,65,128,.15);border-radius:12px;font-size:14px;transition:.2s}.my-face-swapper-v6 .my-face-swapper__placeholder__btn:hover{background:rgba(255,65,128,.25)}.my-face-swapper-v6[result] .my-face-swapper__result__wrapper{display:flex}.my-face-swapper-v6[result] .my-face-swapper__placeholder{display:none}.my-face-swapper-v6 .my-face-swapper__result__wrapper{display:none;flex-direction:column;flex:1}.my-face-swapper-v6 .my-face-swapper__result__title{padding:var(--my-face-swapper-padding);font-family:Inter,sans-serif;font-weight:500;font-size:18px;color:#fff;text-align:center}.my-face-swapper-v6 .my-face-swapper__result__divider{height:1px;background:hsla(0,0%,100%,.07)}.my-face-swapper-v6 .my-face-swapper__result__media{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--my-face-swapper-padding);overflow:hidden}.my-face-swapper-v6 .my-face-swapper__result__image,.my-face-swapper-v6 .my-face-swapper__result__video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.my-face-swapper-v6 .my-face-swapper__result__image:not([src]),.my-face-swapper-v6 .my-face-swapper__result__image[src=""],.my-face-swapper-v6 .my-face-swapper__result__video:not([src]),.my-face-swapper-v6 .my-face-swapper__result__video[src=""]{display:none}.my-face-swapper-v6 .my-face-swapper__result__actions{display:flex;flex-direction:column;gap:8px;padding:var(--my-face-swapper-padding)}.my-face-swapper-v6 .my-face-swapper__result__actions .my-button{width:100%;height:44px;border-radius:14px;font-family:Inter,sans-serif;font-size:18px;text-align:center;transition:.3s}.my-face-swapper-v6 .my-face-swapper__outcome__download{color:#ff4180;background:rgba(255,65,128,.15);border:1.5px solid #ff4180;transition:color .3s,background-color .3s,box-shadow .3s}.my-face-swapper-v6 .my-face-swapper__outcome__download:hover{color:#fff;background:#ff4180;box-shadow:0 0 21px rgba(255,51,170,.25),inset 4px 5px 10px hsla(0,0%,100%,.25),inset -1px -3px 7px hsla(0,0%,100%,.25)}.my-face-swapper-v6 .my-face-swapper__location{color:#fff;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.7);transition:color .3s,background-color .3s}.my-face-swapper-v6 .my-face-swapper__location:hover{color:#000;background:#fff}@media screen and (max-width: 880px){.my-face-swapper-v6 .my-face-swapper__result{width:100%}.my-face-swapper-v6 .my-face-swapper__placeholder{gap:8px;padding:calc(var(--my-face-swapper-padding)*2) var(--my-face-swapper-padding);min-height:250px;background:var(--my-background-regular);border-radius:12px}.my-face-swapper-v6 .my-face-swapper__placeholder__icon{font-size:36px}.my-face-swapper-v6 .my-face-swapper__placeholder__title{font-size:13px}.my-face-swapper-v6 .my-face-swapper__result__title{font-size:16px}.my-face-swapper-v6 .my-face-swapper__result__actions .my-button{height:38px;font-size:14px;border-radius:10px}}.function-container .function-container__inner{background:var(--my-background)}.my-face-swapper-v6{--my-face-swapper-padding: 16px;--my-face-swapper-sidebar-width: 184px;--my-face-swapper-action-width: 550px;--my-face-swapper-result-width: 407px;display:flex;flex-direction:column;align-items:center;padding-bottom:30px;width:100%}.my-face-swapper-v6 .my-face-swapper__body{display:flex;flex-direction:row;justify-content:center;gap:16px;margin-top:16px;width:100%;max-width:calc(var(--my-face-swapper-sidebar-width) + var(--my-face-swapper-action-width) + var(--my-face-swapper-result-width) + var(--my-face-swapper-padding)*2 + 32px);min-height:500px;max-height:728px;height:calc(var(--vh) - var(--my-header-height))}@media screen and (max-width: 1200px){.my-face-swapper-v6 .my-face-swapper__body{max-width:100%;padding:0 calc(var(--my-face-swapper-padding) - var(--my-scrollbar-width, 0px)) 0 var(--my-face-swapper-padding)}}@media screen and (min-width: 881px)and (max-width: 1200px){.my-face-swapper-v6 .my-face-swapper__sidebar{display:none}}@media screen and (max-width: 880px){:root{--my-foo-view-margin-bottom: 40px}.function-container .function-container__inner{background:var(--my-background)}.my-face-swapper-v6{--my-face-swapper-padding: 12px}.my-face-swapper-v6 .my-face-swapper__body{flex-direction:column;height:auto;max-height:none;min-height:auto;gap:12px}}