.social-videos{display:block;margin-top:var(--margin-top-mobile, 0);margin-bottom:var(--margin-bottom-mobile, 0);padding-top:40px;padding-bottom:40px;background-color:var(--color-background-primary);--plyr-color-main: #FFFFFF;--plyr-video-background: rgba(0, 0, 0, .6);--plyr-video-controls-background: transparent;--plyr-video-control-background-hover: rgba(0, 0, 0, .4)}.social-videos__header{margin-bottom:20px}.social-videos__slider-slide{width:calc(100% - 72px);margin-right:20px}.social-videos__slider-slide:last-child{margin-right:0}.social-videos__slider-slide>.social-videos__media-wrapper{height:auto!important}.social-videos__media-wrapper{position:relative;overflow:hidden;display:block;aspect-ratio:9 / 16;cursor:pointer}.social-videos__media-wrapper:after{content:"";position:absolute;top:50%;left:50%;display:block;width:44px;height:44px;background-image:url("data:image/svg+xml,%3Csvg width='44' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.167 6.346 25.666 16.5-25.666 16.5v-33Z' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 50%;background-size:44px 44px;transform:translate(-50%,-50%);will-change:transform;transition:transform .25s cubic-bezier(.38,.41,.27,1)}@media(-moz-touch-enabled:0),(hover:hover){.social-videos__media-wrapper:hover:after{transform:translate(-50%,-50%) scale(1.18)}}.social-videos__media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.social-videos__media-title{position:absolute;top:0;left:0;padding:10px;color:#fff}.social-videos__modal{position:fixed;top:0;bottom:0;left:0;right:0;z-index:var(--richpanel-layer-stacking-context, 21);visibility:hidden;opacity:0;overflow:hidden;transition-duration:.25s;transition-property:visibility,opacity;transition-timing-function:ease-out}.social-videos__modal.open{visibility:visible;opacity:1}.social-videos__modal-button{position:absolute;display:block;width:30px;height:30px;padding:0;margin:20px;border:0;border-radius:50%;background-color:#0006;background-repeat:no-repeat;background-size:26px 26px;background-position:50% 50%}.social-videos__modal-button--close{top:0;right:0;background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19.25 6.75-12.5 12.5M6.75 6.75l12.5 12.5' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.social-videos__modal-button--share{right:0;bottom:70px;margin-top:0;margin-bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='m15.694 16.224 5.19-4.742c.154-.161.154-.48 0-.64l-5.19-4.744c-.234-.241-.621 0-.621.324V8.75C4.922 8.75 5 20 5 20s.697-6.428 10.073-6.428v2.33c0 .322.387.564.62.322Z'/%3E%3C/mask%3E%3Cpath d='m20.884 11.482.675.738.024-.022.023-.024-.722-.692Zm0-.64.72-.695-.022-.023-.023-.021-.675.738Zm-5.19-4.744-.719.695.021.022.023.021.675-.738Zm-.621 2.652v1h1v-1h-1ZM5 20l-1 .007 1.994.1L5 20Zm10.073-6.428h1v-1h-1v1Zm1.295 3.39 5.19-4.742-1.348-1.477-5.19 4.743 1.348 1.476Zm5.238-4.788c.299-.311.394-.704.394-1.013 0-.308-.095-.702-.396-1.014l-1.44 1.388a.542.542 0 0 1-.164-.374.54.54 0 0 1 .163-.372l1.443 1.385Zm-.047-2.071-5.19-4.743-1.35 1.476 5.19 4.743 1.35-1.476Zm-5.147-4.7c-.494-.512-1.167-.473-1.605-.227a1.436 1.436 0 0 0-.734 1.246h2a.564.564 0 0 1-.288.498.65.65 0 0 1-.377.077.694.694 0 0 1-.433-.204l1.437-1.39Zm-2.339 1.019V8.75h2V6.422h-2Zm1 1.328c-2.735 0-4.847.763-6.453 1.955-1.594 1.184-2.63 2.747-3.304 4.264-.673 1.516-1 3.018-1.16 4.131a16.203 16.203 0 0 0-.154 1.75 7.09 7.09 0 0 0-.002.155c0 .002 0 .002 1-.005l1-.006v-.002a1.968 1.968 0 0 1 .001-.095 14.21 14.21 0 0 1 .135-1.513c.143-.996.432-2.306 1.008-3.603.575-1.295 1.423-2.545 2.669-3.47 1.234-.917 2.92-1.56 5.26-1.56v-2ZM5 20c.994.108.994.108.994.11v.002l.004-.03a4.944 4.944 0 0 1 .2-.756 6.148 6.148 0 0 1 1.089-1.898c1.132-1.352 3.354-2.856 7.786-2.856v-2c-4.945 0-7.76 1.71-9.32 3.572a8.148 8.148 0 0 0-1.441 2.52 6.938 6.938 0 0 0-.29 1.109 3.275 3.275 0 0 0-.015.113v.003l-.001.002L5 20Zm9.073-6.428v2.33h2v-2.33h-2Zm0 2.33c0 .562.328 1.017.734 1.245.438.245 1.112.284 1.606-.229l-1.44-1.388a.694.694 0 0 1 .435-.205.65.65 0 0 1 .377.077c.154.086.288.26.288.5h-2Z' fill='%23fff' mask='url(%23a)'/%3E%3C/svg%3E");transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,.41,.27,1)}@media(-moz-touch-enabled:0),(hover:hover){.social-videos__modal-button:hover{box-shadow:none!important;border-color:transparent!important;background-color:#0006!important;background-repeat:no-repeat;background-size:26px 26px;background-position:50% 50%}.social-videos__modal-button--close:hover{background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19.25 6.75-12.5 12.5M6.75 6.75l12.5 12.5' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.social-videos__modal-button--share:hover{background-image:url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='m15.694 16.224 5.19-4.742c.154-.161.154-.48 0-.64l-5.19-4.744c-.234-.241-.621 0-.621.324V8.75C4.922 8.75 5 20 5 20s.697-6.428 10.073-6.428v2.33c0 .322.387.564.62.322Z'/%3E%3C/mask%3E%3Cpath d='m20.884 11.482.675.738.024-.022.023-.024-.722-.692Zm0-.64.72-.695-.022-.023-.023-.021-.675.738Zm-5.19-4.744-.719.695.021.022.023.021.675-.738Zm-.621 2.652v1h1v-1h-1ZM5 20l-1 .007 1.994.1L5 20Zm10.073-6.428h1v-1h-1v1Zm1.295 3.39 5.19-4.742-1.348-1.477-5.19 4.743 1.348 1.476Zm5.238-4.788c.299-.311.394-.704.394-1.013 0-.308-.095-.702-.396-1.014l-1.44 1.388a.542.542 0 0 1-.164-.374.54.54 0 0 1 .163-.372l1.443 1.385Zm-.047-2.071-5.19-4.743-1.35 1.476 5.19 4.743 1.35-1.476Zm-5.147-4.7c-.494-.512-1.167-.473-1.605-.227a1.436 1.436 0 0 0-.734 1.246h2a.564.564 0 0 1-.288.498.65.65 0 0 1-.377.077.694.694 0 0 1-.433-.204l1.437-1.39Zm-2.339 1.019V8.75h2V6.422h-2Zm1 1.328c-2.735 0-4.847.763-6.453 1.955-1.594 1.184-2.63 2.747-3.304 4.264-.673 1.516-1 3.018-1.16 4.131a16.203 16.203 0 0 0-.154 1.75 7.09 7.09 0 0 0-.002.155c0 .002 0 .002 1-.005l1-.006v-.002a1.968 1.968 0 0 1 .001-.095 14.21 14.21 0 0 1 .135-1.513c.143-.996.432-2.306 1.008-3.603.575-1.295 1.423-2.545 2.669-3.47 1.234-.917 2.92-1.56 5.26-1.56v-2ZM5 20c.994.108.994.108.994.11v.002l.004-.03a4.944 4.944 0 0 1 .2-.756 6.148 6.148 0 0 1 1.089-1.898c1.132-1.352 3.354-2.856 7.786-2.856v-2c-4.945 0-7.76 1.71-9.32 3.572a8.148 8.148 0 0 0-1.441 2.52 6.938 6.938 0 0 0-.29 1.109 3.275 3.275 0 0 0-.015.113v.003l-.001.002L5 20Zm9.073-6.428v2.33h2v-2.33h-2Zm0 2.33c0 .562.328 1.017.734 1.245.438.245 1.112.284 1.606-.229l-1.44-1.388a.694.694 0 0 1 .435-.205.65.65 0 0 1 .377.077c.154.086.288.26.288.5h-2Z' fill='%23fff' mask='url(%23a)'/%3E%3C/svg%3E")}}.social-videos__modal-slider{height:100%}.social-videos__modal-item{display:flex;overflow:hidden}.social-videos__modal-item-col{position:relative;flex:0 0 100%}.social-videos__modal-item-col--products{display:none}.social-videos__mobile-products{position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:100%;transform:translateY(calc(100% - 65px));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,.41,.27,1);pointer-events:none}.social-videos__mobile-products *{pointer-events:auto}.social-videos__mobile-products.open{transform:translateY(0)}.social-videos__mobile-products--open .social-videos__mobile-products-button--open{display:none}.social-videos__mobile-products-button--open{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin:20px;padding:4px 10px;border-radius:50px;background-color:#0006;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.005em;text-align:center;color:#fff;cursor:pointer}.social-videos__mobile-products-button--open img{display:block;width:12px}.social-videos__mobile-products-button--close{display:block;width:30px;height:30px;padding:0;margin:4px 20px;border:0;border-radius:50%;background-color:#0006;background-image:url("data:image/svg+xml,%3Csvg width='18' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.782.182A.783.783 0 0 0 .76.198a.604.604 0 0 0 .017.92l7.724 6.7a.784.784 0 0 0 1.006 0l7.718-6.7a.604.604 0 0 0 .017-.92.783.783 0 0 0-1.023-.015L9.003 6.446 1.783.182Z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px 8px;background-position:50% 57.5%;text-align:initial;text-transform:none;letter-spacing:normal}@media(-moz-touch-enabled:0),(hover:hover){.social-videos__mobile-products-button--close:hover{box-shadow:none!important;border-color:transparent!important;background-color:#0006!important;background-repeat:no-repeat;background-size:18px 8px;background-position:50% 57.5%;background-image:url("data:image/svg+xml,%3Csvg width='18' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.782.182A.783.783 0 0 0 .76.198a.604.604 0 0 0 .017.92l7.724 6.7a.784.784 0 0 0 1.006 0l7.718-6.7a.604.604 0 0 0 .017-.92.783.783 0 0 0-1.023-.015L9.003 6.446 1.783.182Z' fill='%23fff'/%3E%3C/svg%3E")}}.social-videos__mobile-products-list{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;z-index:9;display:flex;gap:10px;padding:10px}.social-videos__mobile-products-list.open{transform:translateY(0)}.social-videos__mobile-products-list-item{flex:0 0 calc(75% - 20px)}.social-videos__mobile-products-list-item .product-card{background-color:#fff9}.social-videos__modal-item-navigation{position:absolute;top:50%;right:0;display:flex;flex-direction:column;gap:20px;margin:20px}.social-videos__modal-media-wrapper{position:relative;height:100%}.social-videos__modal-products{height:100%;padding:40px;background:var(--color-background-secondary)}.social-videos__modal-products-title{margin-bottom:14px}.social-videos__modal-products-list{display:grid;gap:14px}.social-videos__modal-slider-navigation-button{width:30px!important;height:30px!important;background-color:#0006}.social-videos__popup{position:absolute;bottom:0;right:0;z-index:12;width:100%;background-color:var(--color-background-primary);transform:translateY(100%);transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,.41,.27,1)}.social-videos__popup.open{transform:translateY(0)}.social-videos__popup-wrapper{display:grid;gap:16px;padding:20px}.social-videos__popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.social-videos__popup-button{display:block;width:30px;height:30px;padding:0;margin:0;border:0;background-color:transparent;background-repeat:no-repeat;background-size:26px 26px;background-position:50% 50%;text-align:initial;text-transform:none;letter-spacing:normal}.social-videos__popup-button--close{background-image:url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='m22.5 7.5-15 15M7.5 7.5l15 15' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media screen and (max-width:992px){.social-videos__modal.products-shown .plyr__controls,.social-videos__modal.products-shown .social-videos__modal-button--share{transform:translateY(-100px)}}@media(-moz-touch-enabled:0),(hover:hover){.social-videos__popup-button--close:hover{box-shadow:none!important;background-image:url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='m22.5 7.5-15 15M7.5 7.5l15 15' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.social-videos__popup-content{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.social-videos__popup-socials-link{display:flex;align-items:center;gap:8px;cursor:pointer}.social-videos__popup-socials-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px #00000040}.social-videos__popup-socials-icon-image{display:block;max-height:26px}.social-video .plyr{height:100%;cursor:pointer}.social-video .plyr video,.social-video .plyr iframe{object-fit:cover}.social-video .plyr--stopped.plyr__poster-enabled .plyr__poster{background-size:cover}.social-video .plyr__controls{padding:12px 20px 20px;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.38,.41,.27,1)}.social-video .plyr__controls .plyr__controls__item:first-child{margin-left:auto;margin-right:0}.social-video .plyr__control{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;box-shadow:none!important;border-radius:50%;background-color:#0006}@media screen and (min-width:576px){.social-videos__slider-slide{width:calc(50% - 20px)}.social-videos__mobile-products-list-item{flex:0 0 calc(50% - 20px)}.social-video .plyr video,.social-video .plyr iframe{object-fit:contain}.social-video .plyr--stopped.plyr__poster-enabled .plyr__poster{background-size:contain}}@media screen and (min-width:768px){.social-videos__mobile-products-list-item{flex:0 0 calc(33.33% - 20px)}}@media screen and (min-width:992px){.social-videos{margin-top:var(--margin-top-desktop, 0);margin-bottom:var(--margin-bottom-desktop, 0)}.social-videos__header{margin-bottom:40px}.social-videos__modal-button{width:40px;height:40px}.social-videos__modal-slider-navigation-button{width:40px!important;height:40px!important}.social-videos__popup-button{width:18px;height:18px;background-size:18px 18px}.social-videos__popup-content{flex-direction:column;justify-content:center}.social-video .plyr__control{width:40px;height:40px}}@media screen and (min-width:1200px){.social-videos__slider-slide{width:calc(25% - 30px);margin-right:40px}.social-videos__slider-slide:last-child{margin-right:0}.social-videos__modal-item-col--media{flex:1 0 70%}.social-videos__modal-item-col--products{display:block;flex:0 0 30%}.social-videos__mobile-products{display:none}.social-videos__popup{bottom:120px;right:20px;width:auto;min-width:160px;transform:translateY(calc(100% + 120px))}.social-videos__modal-item--with-products .social-videos__popup{right:-20px}.social-videos__popup.open{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/925/assets/section-social-videos.css.map */