#video-controls{display:none;flex-direction:column;gap:.5rem;padding-top:10px}#video-controls .noUi-base{height:30px}#video-controls .noUi-draggable{cursor:move}#video-controls .noUi-horizontal{height:auto}#video-controls .noUi-horizontal .noUi-handle{width:7px;height:30px;top:0;right:-3.5px;border:none;box-shadow:none;background:var(--site-theme-color);cursor:e-resize}#video-controls .noUi-horizontal .noUi-handle:after,#video-controls .noUi-horizontal .noUi-handle:before{content:none}#video-controls .noUi-target{border-radius:5px;border:none;box-shadow:none;background:rgba(0,0,0,.3)}#video-controls .noUi-connect{background:linear-gradient(to right, #3859a2, #386295)}.swap-clothes-action .action-content{display:flex;flex-direction:row;justify-content:center;margin-top:var(--spacing-regular);gap:1rem;width:100%}.swap-clothes-action .action-content .box{padding:var(--spacing-xxsmall);border:2px solid rgba(70,129,255,.2);background-color:var(--background-color-regular);border-radius:var(--border-radius-small);backdrop-filter:blur(1rem)}.swap-clothes-action .button__container{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;pointer-events:all}.swap-clothes-action .button__container.mobile{display:none;margin:10px}.swap-clothes-action .button__container .button{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small);text-decoration:none}.swap-clothes-action .button__container .button svg{width:1rem;height:1rem}.swap-clothes-action .swap-btn{position:relative;background-image:linear-gradient(to right, #2563eb, #60a5fa);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(85,198,247,.2),0 4px 6px -4px rgba(85,198,247,.2);height:50px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;cursor:pointer}.swap-clothes-action .swap-btn[s-disabled]{pointer-events:none;background-image:none}.swap-clothes-action .swap-btn[s-disabled] .btn-mask{display:none}.swap-clothes-action .swap-btn .swap,.swap-clothes-action .swap-btn .detect{display:none}.swap-clothes-action .swap-btn[detect] .detect{display:block}.swap-clothes-action .swap-btn:not([detect]) .swap{display:block}.swap-clothes-action .swap-btn .btn-mask{position:absolute;inset:0;background-image:linear-gradient(to right, rgba(85, 174, 247, 0.2), rgba(99, 128, 241, 0.2));transform:translateX(-100%)}.swap-clothes-action .swap-btn:hover{box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.swap-clothes-action .swap-btn:hover .btn-mask{animation:btn-mask-hover 1s cubic-bezier(0.4, 0, 0.2, 1);animation-fill-mode:forwards}@keyframes btn-mask-hover{0%{transform:translateX(0%)}50%{transform:translateX(100%)}100%{transform:translateX(0%)}}.swap-clothes-action .cost{display:flex;justify-content:center;visibility:hidden;color:rgba(248,250,252,.7);text-align:center;font-size:var(--font-size-xsmall)}.swap-clothes-action .upload__container{position:relative;display:flex;flex-direction:column;width:500px;cursor:pointer}.swap-clothes-action .upload__container[s-disabled]{pointer-events:none}.swap-clothes-action .upload__container .image{position:relative;width:100%;height:100%;max-height:500px;background-image:linear-gradient(to right, #3859a2, #386295);border:2px dashed rgba(70,129,255,.5);border-radius:var(--spacing-xsmall)}.swap-clothes-action .upload__container .image[s-disabled]{pointer-events:none}.swap-clothes-action .upload__container .image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:inherit}.swap-clothes-action .upload__container .image video:not([src]),.swap-clothes-action .upload__container .image video[src=""]{opacity:0;z-index:-1}.swap-clothes-action .upload__container .image video:not([src]).origin~.icon,.swap-clothes-action .upload__container .image video[src=""].origin~.icon{opacity:1}.swap-clothes-action .upload__container .image .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xsmall);color:#fff;width:max-content;opacity:0}.swap-clothes-action .upload__container .image .icon svg{width:2rem;height:2rem;color:var(--site-theme-color)}.swap-clothes-action .upload__container .image .icon p{margin:0;text-align:center}.swap-clothes-action .upload__container .image .icon p.title-1{font-weight:bold;font-size:var(--font-size-regular)}.swap-clothes-action .upload__container .image .icon p.title-2{font-size:var(--font-size-xsmall);color:rgba(248,250,252,.7)}.swap-clothes-action .toolbar{width:90%;position:absolute;top:25px;transform:translateX(-50%);left:50%;z-index:9;display:none;flex-direction:row;align-items:center;gap:10px;color:#fff;pointer-events:all}.swap-clothes-action .toolbar .icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(150,150,150,.3);backdrop-filter:blur(1rem);border-radius:999px;transition:all .2s ease;color:#fff !important}.swap-clothes-action .toolbar .icon svg{width:20px;height:20px}.swap-clothes-action .toolbar .icon:active{scale:.95}.swap-clothes-action .toolbar .icon.delete{margin-right:auto}.swap-clothes-action .clothes__container{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;width:400px;background-image:linear-gradient(to right, #3859a2, #386295)}@media screen and (max-width: 600px){.swap-clothes-action .clothes__container[super-swap] .button__container{display:none}}.swap-clothes-action .super-swap-box{flex-direction:column;gap:10px}.swap-clothes-action .options-box{padding:20px;background-color:rgba(13,5,26,.5);height:330px;overflow-y:auto;border-radius:var(--border-radius-small)}@media screen and (max-width: 600px){.swap-clothes-action .options-box{height:280px}}.swap-clothes-action .options-box .list-box{display:flex;flex-direction:column;gap:10px}.swap-clothes-action .options-box .list-box+.list-box{margin-top:10px}.swap-clothes-action .options-box .title{color:#fff}.swap-clothes-action .options-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}@media screen and (max-width: 600px){.swap-clothes-action .options-list{flex-wrap:nowrap;overflow-x:auto}}.swap-clothes-action .options-list .list-item{flex-shrink:0;width:calc(33.3% - 7px);aspect-ratio:1/1;border-radius:var(--border-radius-small);border:5px solid rgba(0,0,0,0);overflow:hidden;transition:all .2s ease;cursor:pointer}.swap-clothes-action .options-list .list-item:hover{border-color:var(--site-theme-color)}.swap-clothes-action .options-list .list-item[s-active]{border-color:var(--site-theme-color)}.swap-clothes-action .options-list .list-item img{width:100%;height:100%}.swap-clothes-action[data-status=upload] .swap-btn{pointer-events:none}.swap-clothes-action[data-status=pending] #video-controls{display:flex}.swap-clothes-action[data-status=done] .action-content .upload__container .toolbar{display:flex}.swap-clothes-action .beta_tip{margin:0;margin-top:20px;text-align:center;color:var(--color-light)}@media screen and (max-width: 600px){.swap-clothes-action .action-content{flex-direction:column;height:auto}.swap-clothes-action .action-content .upload__container{width:100%;height:300px}.swap-clothes-action .action-content .upload__container .toolbar{top:auto;right:5px}.swap-clothes-action .clothes__container{width:100%}.swap-clothes-action[data-status=""] .upload__container{display:none}}