.xyxx-transformation-videos{display:block;width:100%;overflow:hidden;color:var(--xyxx-text);background:var(--xyxx-background);border-bottom:2px solid var(--xyxx-divider);margin:10px 0 0}.xyxx-transformation-videos *,.xyxx-transformation-videos *:before,.xyxx-transformation-videos *:after{box-sizing:border-box}.xyxx-transformation-videos__header{padding:31px 80px 15px}.xyxx-transformation-videos__heading,.xyxx-transformation-videos__subheading,.xyxx-transformation-videos__card-title,.xyxx-transformation-videos__description,.xyxx-transformation-videos__description p{margin:0}.xyxx-transformation-videos__heading{max-width:900px;color:var(--xyxx-text);font-size:27px;font-style:normal;font-weight:600;line-height:normal}.xyxx-transformation-videos__subheading{margin-top:5px;color:var(--xyxx-text);font-size:17px;font-style:normal;font-weight:400;line-height:normal}.xyxx-transformation-videos__track{display:flex;width:100%;gap:var(--xyxx-card-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.xyxx-transformation-videos__track::-webkit-scrollbar{display:none}.xyxx-transformation-videos__track:focus-visible{outline:1px solid currentColor;outline-offset:-1px}.xyxx-transformation-videos__card{flex:0 0 var(--xyxx-desktop-card-width);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.xyxx-transformation-videos__media{position:relative;width:100%;aspect-ratio:var(--xyxx-media-ratio);overflow:hidden;background:#e8e8e8}.xyxx-transformation-videos__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#e8e8e8}.xyxx-transformation-videos__play,.xyxx-transformation-videos__sound,.xyxx-transformation-videos__arrow{margin:0;padding:0;border:0;color:inherit;background:transparent;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.xyxx-transformation-videos__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:66px;height:66px;place-items:center;color:#fff;background:#fff;border:1px solid rgb(255 255 255 / 78%);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.xyxx-transformation-videos__play:hover{transform:translate(-50%,-50%) scale(1.04)}.xyxx-transformation-videos__play:focus-visible,.xyxx-transformation-videos__sound:focus-visible,.xyxx-transformation-videos__arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}.xyxx-transformation-videos__play-icon{border-bottom:13px solid transparent;border-left:20px solid #000000;border-top:13px solid transparent;display:block;margin-left:4px}.xyxx-transformation-videos__play-icon svg{display:none}.xyxx-transformation-videos__card.is-playing .xyxx-transformation-videos__play{pointer-events:none;visibility:hidden;opacity:0}.xyxx-transformation-videos__sound{position:absolute;right:14px;bottom:14px;z-index:3;display:grid;width:38px;height:38px;place-items:center;color:#fff;visibility:hidden;opacity:0;background:#0000008f;border:1px solid rgb(255 255 255 / 52%);border-radius:50%;transition:opacity .18s ease,visibility .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.xyxx-transformation-videos__card.is-playing .xyxx-transformation-videos__sound{visibility:visible;opacity:1}.xyxx-transformation-videos__sound-icon,.xyxx-transformation-videos__sound-icon svg{display:block;width:19px;height:19px}.xyxx-transformation-videos__sound-icon--off,.xyxx-transformation-videos__sound.is-muted .xyxx-transformation-videos__sound-icon--on{display:none}.xyxx-transformation-videos__sound.is-muted .xyxx-transformation-videos__sound-icon--off{display:block}.xyxx-transformation-videos__content{min-height:130px;padding:14px clamp(20px,3.2vw,46px) 28px}.xyxx-transformation-videos__card-title{color:#f6f6f6;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.xyxx-transformation-videos__description{display:-webkit-box;margin-top:12px;overflow:hidden;color:var(--xyxx-muted-text);font-size:15px;font-style:normal;font-weight:400;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:3}.xyxx-transformation-videos__description>*{margin:0}.xyxx-transformation-videos__navigation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:4px 48px 28px}.xyxx-transformation-videos__arrows{display:flex;gap:16px;align-items:center}.xyxx-transformation-videos__arrow{display:grid;width:20px;height:20px;place-items:center;color:var(--xyxx-text);transition:opacity .16s ease}.xyxx-transformation-videos__arrow svg{display:block;width:16px;height:16px}.xyxx-transformation-videos__arrow:disabled{cursor:default;opacity:.36}.xyxx-transformation-videos__progress{position:relative;width:100%;height:2px;overflow:hidden;background:#676767}.xyxx-transformation-videos__progress-fill{position:absolute;top:0;left:0;width:20%;height:100%;background:var(--xyxx-text);transition:left 80ms linear,width 80ms linear}.xyxx-transformation-videos.is-static .xyxx-transformation-videos__navigation,.xyxx-transformation-videos.is-desktop-static .xyxx-transformation-videos__navigation{display:none}@media screen and (max-width:989px){.xyxx-transformation-videos__header{padding:15px}.xyxx-transformation-videos__heading{font-size:20px;font-style:normal;font-weight:600;line-height:normal}.xyxx-transformation-videos__subheading{margin-top:4px;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.xyxx-transformation-videos__track{gap:10px;scroll-padding-inline-start:0}.xyxx-transformation-videos__card{flex-basis:min(var(--xyxx-mobile-card-width),360px)}.xyxx-transformation-videos__play{width:50px;height:50px}.xyxx-transformation-videos__sound{right:10px;bottom:10px;width:36px;height:36px}.xyxx-transformation-videos__content{min-height:132px;padding:15px 14px 20px}.xyxx-transformation-videos__card-title{font-size:17px;font-style:normal;font-weight:600;line-height:normal}.xyxx-transformation-videos__description{margin-top:10px;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.xyxx-transformation-videos__navigation{display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:8px 14px 40px}.xyxx-transformation-videos__arrows{gap:13px}.xyxx-transformation-videos__arrow{width:15px;height:15px}.xyxx-transformation-videos__arrow svg{width:14px;height:14px}.xyxx-transformation-videos.is-desktop-static:not(.is-static) .xyxx-transformation-videos__navigation{display:grid}.xyxx-transformation-videos{margin:35px 0 0}.xyxx-transformation-videos__play-icon{border-bottom:8px solid transparent;border-left:14px solid #231F20;border-top:8px solid transparent}}@media(prefers-reduced-motion:reduce){.xyxx-transformation-videos__track{scroll-behavior:auto}.xyxx-transformation-videos__play,.xyxx-transformation-videos__sound,.xyxx-transformation-videos__arrow,.xyxx-transformation-videos__progress-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/621/assets/xyxx-transformation-videos.css.map */