.tave-before-after{display:flex;flex-direction:column}.tave-before-after,.tave-before-after__box{width:100%;height:100%;position:relative;overflow:hidden}.tave-before-after__box{z-index:1;border-radius:12px}.tave-before-after__first-photo-container{width:100%;height:100%;overflow:hidden;top:0;position:absolute;font-size:0}.tave-before-after__first-hint{width:100%;height:100%;top:0;background:rgba(0,0,0,.6);position:absolute;z-index:13}.tave-before-after__first-hint.is-mask{background:#000}.tave-before-after__first-hint.is-hide{display:none}.tave-before-after__first-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column}.tave-before-after__first-status.is-failed .tave-before-after__first-status-title{flex-direction:row}.tave-before-after__first-status.is-failed .tave-before-after__first-status-icon{width:20px;height:20px;background:url(/_next/static/media/icon-failed.c68234b0.svg) no-repeat;background-size:100% 100%}.tave-before-after__first-status.is-failed .tave-before-after__first-status-tip{margin-left:6px;margin-top:0}.tave-before-after__first-status.is-loading .tave-before-after__first-status-icon{background:url(/_next/static/media/icon-refresh.fdb241e3.png) no-repeat;background-size:100% 100%;animation:rotate 1.2s linear infinite}.tave-before-after__first-status-title{display:flex;align-items:center;flex-direction:column;justify-content:center}.tave-before-after__first-status-icon{display:inline-block;width:30px;height:30px}.tave-before-after__first-status-icon.icon-loading{background:url(/_next/static/media/icon-refresh.fdb241e3.png) no-repeat;background-size:100% 100%;animation:rotate 1.2s linear infinite}.tave-before-after__first-status-tip{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-top:6px}.tave-before-after__first-status-desc{max-width:325px;border-radius:6px;opacity:.4;background:#4f4f4f;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:16px;padding:10px 16px;margin-top:20px}.tave-before-after__first-tip{position:absolute;left:16px;bottom:14px;cursor:pointer}.tave-before-after__first-tip-text{color:#fff;font-size:12px;font-weight:400;line-height:22px;display:block;padding:4px 16px;background:rgba(0,0,0,.4);border-radius:6px;display:flex;align-items:center}.tave-before-after__first-tip-tooltip{max-width:279px}.tave-before-after__first-tip-tooltip .t-popup__content.t-popup__content--arrow{background:rgba(0,0,0,.6);padding:16px;border-radius:6px;border:.5px solid #5d5d5d;color:#fff;font-size:12px;font-weight:400;line-height:16px}.tave-before-after__first-tip-tooltip .t-popup__content.t-popup__content--arrow .t-popup__arrow{bottom:4px;left:14px}.tave-before-after__second-photo-container{width:100%;height:100%;overflow:hidden;font-size:0}.tave-before-after__second-photo-container video{width:100%}.tave-before-after video{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;display:block}.tave-before-after__delimiter{position:absolute;height:100%;width:2px;top:0;display:flex;justify-content:center;align-items:center;z-index:14;background:linear-gradient(180deg,hsla(0,0%,100%,.18) -1.38%,rgba(251,255,227,.7) 23.44%,hsla(0,0%,100%,.9) 49.31%,rgba(252,255,236,.7) 78.88%,hsla(0,0%,100%,.2));cursor:pointer}.tave-before-after__delimiter-icon{width:40px;height:40px;border-radius:50%;cursor:pointer;background:url(/_next/static/media/icon-circle.9612e7e3.png) no-repeat;background-size:100% 100%;box-shadow:inset 0 10px 20px hsla(0,0%,100%,.25)}.tave-before-after__delimiter-img{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tave-before-after__delimiter-source{position:absolute;top:12px;left:14px;height:32px;line-height:32px;padding-left:8px;padding-right:8px;min-width:140px;width:-moz-max-content;width:max-content;text-align:center;background-color:#1dbf89;color:#fff;font-size:16px;font-weight:700;border-radius:6px}.tave-before-after__tool{position:absolute;bottom:10px;right:16px;display:flex;align-items:center;z-index:15}.tave-before-after__tool-box{width:40px;height:40px;position:relative}.tave-before-after__tool-icon{width:100%;height:100%;display:inline-block;cursor:pointer;background-repeat:no-repeat;background-size:100% 100%}.tave-before-after__tool-mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:21;cursor:not-allowed}.tave-before-after__tool-box+.tave-before-after__tool-box{margin-left:10px}.tave-before-after__tool.is-mask .icon-audio{background-image:url(/_next/static/media/icon-audio-strong.9fa57972.svg)}.tave-before-after__tool.is-mask .icon-audio-close{background-image:url(/_next/static/media/icon-audio-close-strong.d7a61cd0.svg)}.tave-before-after__tool.is-mask .icon-play{background-image:url(/_next/static/media/icon-play-strong.53db981f.svg)}.tave-before-after__tool.is-mask .icon-pause{background-image:url(/_next/static/media/icon-pause-strong.e8891749.svg)}.tave-before-after__tool .icon-audio{background-image:url(/_next/static/media/icon-audio.3cfce8f4.svg)}.tave-before-after__tool .icon-audio-close{background-image:url(/_next/static/media/icon-audio-close.2db1bce8.svg)}.tave-before-after__tool .icon-play{background-image:url(/_next/static/media/icon-play.8bb65258.svg)}.tave-before-after__tool .icon-pause{background-image:url(/_next/static/media/icon-pause.11511cd1.svg)}.tave-before-after__tool .icon-expend{background-image:url(/_next/static/media/icon-expend.931f1e80.svg)}.tave-before-after__loading{width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:8;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.tave-before-after__loading-icon{display:inline-block;width:57px;height:57px;background:url(/_next/static/media/icon-refresh.fdb241e3.png) no-repeat;background-size:100% 100%;animation:rotate 1.2s linear infinite}.tave-before-after__key{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.tave-before-after__key-list{flex-wrap:wrap;gap:20px}.tave-before-after__key-item,.tave-before-after__key-list{display:flex;align-items:center}.tave-before-after__key-item .ruyi-icon{margin-right:10px}.tave-before-after__key-item-text{color:#495468;font-size:16px;font-weight:400;line-height:24px}.tave-before-after__key .tave-before-after__tool{display:none}.tave-before-after.is-expand{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:999;background-color:#191919}.tave-before-after.is-expand .tave-before-after__tool{display:none}.tave-before-after.is-expand .tave-before-after__key{background-color:#000;padding:34px 40px;margin-top:0}.tave-before-after.is-expand .tave-before-after__key-item-text{color:#d9d9d9}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool{display:flex;position:inherit}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool-box{width:32px;height:32px}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .tave-before-after__tool-box+.tave-before-after__tool-box{margin-left:30px}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .icon-audio{background-image:url(/_next/static/media/icon-audio-small.5e8ddc33.svg)}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .icon-audio-close{background-image:url(/_next/static/media/icon-audio-close-small.485bff4e.svg)}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .icon-play{background-image:url(/_next/static/media/icon-play-small.b02b5fa6.svg)}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .icon-pause{background-image:url(/_next/static/media/icon-pause-small.d27a6808.svg)}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .icon-expend{background-image:url(/_next/static/media/icon-expand-back.be2592e9.svg);color:grey}@media screen and (max-width:1199px){.tave-before-after.is-expand .tave-before-after__key{padding:24px}.tave-before-after.is-expand .tave-before-after__key-list{gap:10px}.tave-before-after.is-expand .tave-before-after__key-item-text{font-size:14px}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool-box{width:26px;height:26px}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .tave-before-after__tool-box+.tave-before-after__tool-box{margin-left:25px}}@media screen and (max-width:767px){.tave-before-after video{width:100%;height:160px}.tave-before-after__delimiter-icon{width:32px;height:32px}.tave-before-after__delimiter{width:1px}.tave-before-after__delimiter-source{font-size:12px;min-width:87px;height:20px;line-height:20px}.tave-before-after.is-expand .tave-before-after__key{padding:20px}.tave-before-after.is-expand .tave-before-after__key-list{gap:10px}.tave-before-after.is-expand .tave-before-after__key-item-text{font-size:12px}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool-box{width:24px;height:24px}.tave-before-after.is-expand .tave-before-after__key .tave-before-after__tool .tave-before-after__tool-box+.tave-before-after__tool-box{margin-left:20px}}.tave-audio-noise{width:100%;height:100%;min-height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.tave-audio-noise__icon{width:20px;height:20px;border-radius:50%;z-index:11;margin-left:4px;display:inline-block}.tave-audio-noise__audio-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;align-items:center}.tave-audio-noise__audio-container>div{flex:1}.tave-audio-noise__noise-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center}.tave-audio-noise__noise-container>div{flex:1}.tave-audio-noise__loading{width:100%;height:100%;z-index:13;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.tave-audio-noise__loading-icon{display:inline-block;width:30px;height:30px;background:url(/_next/static/media/icon-refresh.fdb241e3.png) no-repeat;background-size:100% 100%;animation:rotate 1.2s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}