.media-switch{--ms-gap: 10px;--ms-h-desk: 441px;--ms-w-narrow: 100px;--ms-radius-desk: 48px;--ms-track-max-mob: 350px;--ms-h-main-mob: 200px;--ms-h-strip-mob: 50px;--ms-radius-main-mob: 32px;--ms-radius-strip-mob: 48px;--ms-switch-duration: .72s;--ms-switch-ease: cubic-bezier(.4, 0, .2, 1);--ms-img-scale-inactive: 1.7;--ms-entrance-ease: cubic-bezier(.22, 1, .36, 1);--ms-entrance-tile-duration: calc(.85s * var(--r3nu-reveal-m, 1));--ms-entrance-stagger: calc(.3s * var(--r3nu-reveal-m, 1));--ms-entrance-rise: 2.75rem;--ms-switch-pop-duration: .42s;box-sizing:border-box}@keyframes media-switch-content-pop{0%{opacity:.92;transform:scale(.988)}to{opacity:1;transform:scale(1)}}.media-switch__inner{box-sizing:border-box;width:100%}.media-switch:not(.media-switch--ready) .media-switch__tile.is-active,.media-switch:not(.media-switch--ready) .media-switch__tile:not(.is-active){opacity:0;transform:translate3d(0,var(--ms-entrance-rise),0)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile{animation:media-switch-tile-in-active var(--ms-entrance-tile-duration) var(--ms-entrance-ease) backwards}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(1){animation-delay:calc(var(--ms-entrance-stagger) * 0)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(2){animation-delay:calc(var(--ms-entrance-stagger) * 1)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(3){animation-delay:calc(var(--ms-entrance-stagger) * 2)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(4){animation-delay:calc(var(--ms-entrance-stagger) * 3)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(5){animation-delay:calc(var(--ms-entrance-stagger) * 4)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(6){animation-delay:calc(var(--ms-entrance-stagger) * 5)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(7){animation-delay:calc(var(--ms-entrance-stagger) * 6)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:nth-child(8){animation-delay:calc(var(--ms-entrance-stagger) * 7)}.media-switch.media-switch--ready:not(.media-switch--entrance-done) .media-switch__tile:not(.is-active){animation-name:media-switch-tile-in-inactive}@keyframes media-switch-tile-in-active{0%{opacity:0;transform:translate3d(0,var(--ms-entrance-rise),0)}to{opacity:1;transform:translateZ(0)}}@keyframes media-switch-tile-in-inactive{0%{opacity:0;transform:translate3d(0,var(--ms-entrance-rise),0)}to{opacity:.65;transform:translateZ(0)}}.media-switch__track.media-switch--switching .media-switch__tile.is-active .media-switch__tile-content{animation:media-switch-content-pop var(--ms-switch-pop-duration) var(--ms-entrance-ease);transform-origin:center center}.media-switch__track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--ms-gap);width:100%;min-width:0;box-sizing:border-box}.media-switch__tile{position:relative;box-sizing:border-box;display:block;margin:0;padding:0;border:none;cursor:pointer;text-align:left;border-radius:var(--ms-radius-desk);overflow:hidden;isolation:isolate;background:rgba(var(--color-foreground),.08);flex-grow:0;flex-shrink:0;flex-basis:var(--ms-w-narrow);min-width:var(--ms-w-narrow);max-width:none;height:var(--ms-h-desk);min-height:var(--ms-h-desk);max-height:var(--ms-h-desk);transition:flex-grow var(--ms-switch-duration) var(--ms-switch-ease),flex-basis var(--ms-switch-duration) var(--ms-switch-ease),min-width var(--ms-switch-duration) var(--ms-switch-ease),height var(--ms-switch-duration) var(--ms-switch-ease),min-height var(--ms-switch-duration) var(--ms-switch-ease),max-height var(--ms-switch-duration) var(--ms-switch-ease),border-radius var(--ms-switch-duration) var(--ms-switch-ease),opacity var(--ms-switch-duration) var(--ms-switch-ease),filter var(--ms-switch-duration) var(--ms-switch-ease),box-shadow var(--ms-switch-duration) var(--ms-switch-ease)}.media-switch__tile.is-active{flex-grow:1;flex-shrink:0;flex-basis:0px;min-width:0;height:var(--ms-h-desk);min-height:var(--ms-h-desk);max-height:var(--ms-h-desk);opacity:1;filter:none;z-index:1;box-shadow:0 0 0 2px rgba(var(--color-foreground),.2)}.media-switch__tile:not(.is-active){opacity:.65;filter:grayscale(1)}.media-switch__tile:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.media-switch__tile:not(.is-active) .media-switch__tile-content--media iframe,.media-switch__tile:not(.is-active) .media-switch__tile-content--media video{pointer-events:none}.media-switch__tile-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden}.media-switch__tile-media-clip{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;z-index:0;transform:scale(var(--ms-img-scale-inactive));transform-origin:center center;transition:transform var(--ms-switch-duration) var(--ms-switch-ease)}.media-switch__tile-media-clip picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.media-switch__tile.is-active .media-switch__tile-media-clip{transform:scale(1)}.media-switch__tile-content--text{display:flex;align-items:center;justify-content:center;padding:1.6rem 1.2rem;box-sizing:border-box;overflow:hidden}.media-switch__tile-content--text-inner{position:relative;z-index:1;max-width:100%}.media-switch__tile-content--text-inner.rte,.media-switch__tile-content--text-inner .rte{text-align:center;font-family:var(--r3nu-font-body);font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.45;color:rgb(var(--color-foreground))}.media-switch__tile-content--text-has-image .media-switch__tile-content--text-inner.rte,.media-switch__tile-content--text-has-image .media-switch__tile-content--text-inner .rte{color:rgb(var(--color-background));text-shadow:0 1px 2px rgba(0,0,0,.35)}.media-switch__tile-content--text-has-image .media-switch__tile-content--text-inner{padding:.5rem .75rem;border-radius:.5rem;background:rgba(var(--color-foreground),.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.media-switch__tile:not(.is-active) .media-switch__tile-content--text-inner.rte,.media-switch__tile:not(.is-active) .media-switch__tile-content--text-inner .rte{font-size:1rem}.media-switch__tile:not(.is-active) .media-switch__tile-content--text{padding:.6rem}.media-switch__tile-content--media{position:absolute;top:0;right:0;bottom:0;left:0}.media-switch__tile-img,.media-switch__tile-content--media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.media-switch__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media-switch__video-product-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.media-switch__tile:not(.is-active) .media-switch__video-product-hit{pointer-events:none}.media-switch__video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.media-switch__video-wrap video::-webkit-media-controls{display:none!important}.media-switch__video-wrap video::-webkit-media-controls-enclosure{display:none!important}.media-switch__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.media-switch__placeholder{display:flex;align-items:center;justify-content:center;min-height:100%;padding:1.5rem;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));font-family:var(--r3nu-font-body);font-size:1.3rem;text-align:center}.media-switch__empty{padding:3rem;text-align:center;color:rgb(var(--color-foreground));font-family:var(--r3nu-font-body)}@media screen and (max-width:749px){.media-switch__track{flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:100%}.media-switch__tile{flex:0 0 var(--ms-h-strip-mob);width:100%;min-width:0;max-width:none;height:var(--ms-h-strip-mob);min-height:var(--ms-h-strip-mob);max-height:var(--ms-h-strip-mob);border-radius:var(--ms-radius-strip-mob)}.media-switch__tile.is-active{flex:0 0 var(--ms-h-main-mob);width:100%;height:var(--ms-h-main-mob);min-height:var(--ms-h-main-mob);max-height:var(--ms-h-main-mob);border-radius:var(--ms-radius-main-mob)}.media-switch{--ms-entrance-rise: 2rem;--ms-entrance-stagger: .2s}}@media(prefers-reduced-motion:reduce){.media-switch:not(.media-switch--ready) .media-switch__tile.is-active{opacity:1;transform:none}.media-switch:not(.media-switch--ready) .media-switch__tile:not(.is-active){opacity:.65;transform:none}.media-switch.media-switch--ready .media-switch__tile,.media-switch__track.media-switch--switching .media-switch__tile.is-active .media-switch__tile-content{animation:none}.media-switch__tile{transition:none}.media-switch__tile-media-clip{transform:scale(1);transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-media-switch.css.map */