:root{--peel-duration: 1.2s;--peel-delay: .3s;--peel-easing: cubic-bezier(.4, 0, .2, 1);--peel-curve-intensity: 15px}.title-peel-container{position:relative;display:flex;isolation:auto;overflow:hidden;z-index:1}.title-peel-text{position:relative;z-index:2;display:block}.title-peel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:-1;transform-origin:center;will-change:transform,clip-path;pointer-events:none}.title-peel-dangle{position:absolute;top:0;width:40px;height:100%;background:#000;z-index:-1;opacity:0;will-change:transform,opacity;pointer-events:none}.title-peel-dangle:before{content:"";position:absolute;top:0;width:100%;height:100%;background:inherit;border-radius:0 20px 20px 0;transform:skew(-5deg)}.title-peel-container:not(.peel-animated) .title-peel-overlay{clip-path:inset(0 0 0 0)}.title-peel-container:not(.peel-animated) .title-peel-dangle{opacity:0;transform:translate(0) scaleX(0)}.title-peel-container.peel-right.peel-animated .title-peel-overlay{animation:peelOffRight var(--peel-duration) var(--peel-easing) var(--peel-delay) forwards}.title-peel-container.peel-right .title-peel-dangle{right:-40px;transform-origin:left center}.title-peel-container.peel-right.peel-animated .title-peel-dangle{animation:dangleRight var(--peel-duration) var(--peel-easing) calc(var(--peel-delay) + .2s) forwards}.title-peel-container.peel-right .title-peel-dangle:before{border-radius:20px 0 0 20px;transform-origin:right center;transform:skew(5deg)}.title-peel-container.peel-left.peel-animated .title-peel-overlay{animation:peelOffLeft var(--peel-duration) var(--peel-easing) var(--peel-delay) forwards}.title-peel-container.peel-left .title-peel-dangle{left:-40px;transform-origin:right center}.title-peel-container.peel-left.peel-animated .title-peel-dangle{animation:dangleLeft var(--peel-duration) var(--peel-easing) calc(var(--peel-delay) + .2s) forwards}.title-peel-container.peel-left .title-peel-dangle:before{border-radius:0 20px 20px 0;transform-origin:left center;transform:skew(-5deg)}@keyframes peelOffRight{0%{clip-path:inset(0 0 0 0);transform:translate(0) rotateY(0) rotate(0)}60%{clip-path:inset(0 0 0 85%);transform:translate(15px) rotateY(-15deg) rotate(2deg)}to{clip-path:inset(0 0 0 100%);transform:translate(30px) rotateY(-25deg) rotate(3deg);opacity:0}}@keyframes peelOffLeft{0%{clip-path:inset(0 0 0 0);transform:translate(0) rotateY(0) rotate(0)}60%{clip-path:inset(0 85% 0 0);transform:translate(-15px) rotateY(15deg) rotate(-2deg)}to{clip-path:inset(0 100% 0 0);transform:translate(-30px) rotateY(25deg) rotate(-3deg);opacity:0}}@keyframes dangleRight{0%{opacity:0;transform:translate(0) scaleX(0) rotate(0)}40%{opacity:1;transform:translate(5px) scaleX(.7) rotate(2deg)}70%{opacity:.8;transform:translate(10px) scaleX(1) rotate(-1deg)}to{opacity:0;transform:translate(20px) scaleX(.3) rotate(5deg)}}@keyframes dangleLeft{0%{opacity:0;transform:translate(0) scaleX(0) rotate(0)}40%{opacity:1;transform:translate(-5px) scaleX(.7) rotate(-2deg)}70%{opacity:.8;transform:translate(-10px) scaleX(1) rotate(1deg)}to{opacity:0;transform:translate(-20px) scaleX(.3) rotate(-5deg)}}.title-peel-container.peel-curve .title-peel-overlay{border-radius:0}.title-peel-container.peel-curve.peel-right.peel-animated .title-peel-overlay{animation:peelOffRightCurved var(--peel-duration) var(--peel-easing) var(--peel-delay) forwards}.title-peel-container.peel-curve.peel-left.peel-animated .title-peel-overlay{animation:peelOffLeftCurved var(--peel-duration) var(--peel-easing) var(--peel-delay) forwards}@keyframes peelOffRightCurved{0%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translate(0) rotateY(0) rotate(0)}30%{clip-path:polygon(70% 0%,100% 5%,100% 95%,70% 100%);transform:translate(5px) rotateY(-8deg) rotate(1deg)}60%{clip-path:polygon(85% 0%,100% 15%,100% 85%,85% 100%);transform:translate(15px) rotateY(-15deg) rotate(2deg)}to{clip-path:polygon(100% 0%,100% 25%,100% 75%,100% 100%);transform:translate(30px) rotateY(-25deg) rotate(3deg);opacity:0}}@keyframes peelOffLeftCurved{0%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translate(0) rotateY(0) rotate(0)}30%{clip-path:polygon(0% 5%,30% 0%,30% 100%,0% 95%);transform:translate(-5px) rotateY(8deg) rotate(-1deg)}60%{clip-path:polygon(0% 15%,15% 0%,15% 100%,0% 85%);transform:translate(-15px) rotateY(15deg) rotate(-2deg)}to{clip-path:polygon(0% 25%,0% 0%,0% 100%,0% 75%);transform:translate(-30px) rotateY(25deg) rotate(-3deg);opacity:0}}@media screen and (max-width: 749px){:root{--peel-duration: 1s;--peel-curve-intensity: 10px}.title-peel-dangle{width:25px}.title-peel-container.peel-right .title-peel-dangle{right:-25px}.title-peel-container.peel-left .title-peel-dangle{left:-25px}}@media (prefers-reduced-motion: reduce){.title-peel-container .title-peel-overlay{animation:none!important;opacity:0!important;transition:opacity .3s ease!important}.title-peel-container.peel-animated .title-peel-overlay{opacity:0!important}.title-peel-dangle{display:none!important}}@media (prefers-contrast: high){.title-peel-overlay,.title-peel-dangle,.title-peel-dangle:before{background:#000;border:1px solid #fff}}@media (prefers-color-scheme: dark){.title-peel-overlay,.title-peel-dangle,.title-peel-dangle:before{background:#fff}}.videos-heading{width:100%;display:block!important;z-index:1}.video-player-main{position:relative;z-index:9998!important;isolation:isolate}.title-peel-text{min-width:350px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-title-peel-effect.css.map */