#root .share-pop{position:fixed;left:0;top:7rem;z-index:20;--tw-translate-x:-3.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}#root .share-pop,#root .share-pop.open{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#root .share-pop.open{--tw-translate-x:0px}#root .share-list{display:flex;flex-direction:column;gap:.5rem}#root .share-list a,#root .share-list button{overflow:hidden;border-radius:9999px}#root .share-list a i{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#root .share-list a i.icon-ig{--tw-bg-opacity:1;background-color:rgb(193 78 120/var(--tw-bg-opacity,1))}#root .share-list a i.icon-snap{--tw-bg-opacity:1;background-color:rgb(248 184 36/var(--tw-bg-opacity,1));font-size:1.125rem;line-height:1.75rem}#root .share-pop .share-btn{position:absolute;left:100%;top:0;display:flex;height:2.25rem;width:2.5rem;align-items:center;justify-content:center;border-start-end-radius:6px;border-end-end-radius:6px;--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1));font-size:19px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}#root .share-pop.open .share-btn{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}#root .main-media{position:relative}#root .main-media .p-img{width:100%}#root #wrapper .new-prod-d .share-pop{position:absolute;bottom:1rem;left:1rem;top:auto;transform:none;background-color:transparent;padding:0;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[dir=rtl] #root #wrapper .new-prod-d .share-pop{left:auto;right:1rem}#root #wrapper .new-prod-d .share-pop .share-btn{position:static;height:2rem;width:auto;gap:.25rem;border-radius:6px;--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1));padding-right:.75rem;padding-left:.625rem;font-size:.75rem;line-height:1rem}#root #wrapper .new-prod-d .share-pop .share-list{visibility:hidden;position:absolute;bottom:100%;left:50%;margin-bottom:1.5rem;width:105px;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:row;flex-wrap:wrap;justify-content:center;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;opacity:0;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}#root #wrapper .new-prod-d .share-pop.open .share-list{visibility:visible;margin-bottom:1rem;opacity:1}#root #wrapper .new-prod-d .share-pop .share-list:before{content:"";position:absolute;left:0;right:0;bottom:-.375rem;margin:auto;height:1rem;width:1rem;--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media screen and (max-width:767px){#root .share-pop{top:6rem}}@media screen and (min-width:576px) and (max-width:991px){#root .share-pop{top:5rem;padding-top:.25rem;padding-bottom:.25rem}#root .share-list a,#root .share-list button{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#root .share-list{gap:0}}