motion-video,.mv{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.mv template{display:none}.mv__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.mv.is-playing .mv__video{opacity:1}.hero__panel .mv__video{object-position:center top}.tt>.mv{z-index:2}.stories__disc .mv{border-radius:50%;overflow:hidden}.p3__img .mv{z-index:1}.kb-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kb,.px{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.kb>img,.kb>svg,.px>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__panel .kb>.hero__img{object-position:center top}.motion-kb .kb{--kb-s: 1.04;--kb-p: 1%}.motion-kb--medium .kb{--kb-s: 1.08;--kb-p: 2%}.kb[data-kb="0"]{--kb-x: var(--kb-p);--kb-y: calc(var(--kb-p) * -1)}.kb[data-kb="1"]{--kb-x: calc(var(--kb-p) * -1);--kb-y: calc(var(--kb-p) * -1)}.kb[data-kb="2"]{--kb-x: var(--kb-p);--kb-y: var(--kb-p)}.kb[data-kb="3"]{--kb-x: calc(var(--kb-p) * -1);--kb-y: var(--kb-p)}@keyframes tronk-kb{0%{transform:scale(1) translateZ(0)}to{transform:scale(var(--kb-s)) translate3d(var(--kb-x, 0),var(--kb-y, 0),0)}}@media(prefers-reduced-motion:no-preference){.motion-kb body.anim-on .kb{animation:tronk-kb var(--kb-d, 16s) ease-in-out var(--kb-delay, 0s) infinite alternate;will-change:transform}.motion-kb body.anim-on .kb[data-kb="1"],.motion-kb body.anim-on .kb[data-kb="3"]{animation-direction:alternate-reverse}.motion-kb body.anim-on .kb:has(>.mv.is-playing){animation-play-state:paused}.motion-px body.anim-on .px{top:-6%;right:0;bottom:-6%;left:0;will-change:transform}}.tt-instant .tt__img{transition:none}.tt-fade .tt__img{transition:opacity .35s ease,transform .35s ease}.tt-fade .tt__img:not(.is-active):not(.is-prev){transform:translate(1.5%)}.tt-fade .tt__img.is-active{z-index:1}.tt-fade .tt__img.is-prev{opacity:1;transform:translate(-1%)}.card:hover .tt__img{transform:none}.tt-fade .card:hover .tt__img:not(.is-active):not(.is-prev){transform:translate(1.5%)}.tt-fade .card:hover .tt__img.is-prev{transform:translate(-1%)}.card .tt{transition:transform .8s var(--ease)}.card:hover .tt{transform:none}.stories__ring{position:relative;isolation:isolate}.stories__disc{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}@media(prefers-reduced-motion:no-preference){body.anim-on .stories__ring:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:0;background:conic-gradient(from 0deg,var(--c-red),var(--c-pink) 25%,transparent 45%,transparent 60%,var(--c-black) 80%,var(--c-red));animation:tronk-spin 7s linear infinite}body.anim-on .stories__item:nth-child(2n) .stories__ring:before{animation-duration:9s;animation-direction:reverse}body.anim-on .stories__img{animation:tronk-zoom 7s ease-in-out infinite alternate}body.anim-on .stories__item:nth-child(3n) .stories__img{animation-duration:9s;animation-delay:-3s}}@keyframes tronk-spin{to{transform:rotate(360deg)}}@keyframes tronk-zoom{0%{transform:scale(1)}to{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.kb,.px,.stories__img{animation:none!important;transform:none!important}.stories__ring:before{display:none}.mv__video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-motion.css.map */