#root .blog-banner{margin-top:-2.5rem;margin-bottom:3rem;--tw-bg-opacity:1;background-color:rgb(13 13 12/var(--tw-bg-opacity,1))}#root .banner-info{padding-top:4rem;padding-bottom:4rem}#root .banner-info h1{margin:0;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#root .blog-card{display:flex;flex-direction:column}#root .blog-card .blog-th{position:relative;overflow:hidden;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:30%}#root .blog-card .blog-th img{position:absolute;inset:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#root .blog-caption h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;line-height:1.5;color:hsl(var(--foreground))}#root .blog-info{margin-top:1.5rem;margin-bottom:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:14px;line-height:1;--tw-text-opacity:1;color:rgb(110 110 109/var(--tw-text-opacity,1))}#root .blog-info .blog-cat{font-weight:600;text-transform:uppercase;--tw-text-opacity:1;color:rgb(159 95 254/var(--tw-text-opacity,1))}#root .blog-caption .blog_desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:300;line-height:1.625;color:hsl(var(--foreground)/.7)}#root .blog-trend .blog-card{flex-direction:row}#root .blog-trend .blog-card .blog-th{height:5rem;min-width:7rem;padding:0}#root .blog-trend .blog-caption{width:100%;padding-left:1rem}#root .blog-trend .blog-info{margin-top:3px;margin-bottom:.5rem;font-size:12px}#root .blog-trend .blog-caption h3{font-size:.875rem;line-height:1.25rem}#root .trend-list{display:flex;flex-direction:column;gap:1.5rem}#root .blog-aside{position:sticky;top:6rem}#root .blog-aside h2{margin-bottom:1.25rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(183 183 182/var(--tw-border-opacity,1));padding-bottom:.5rem;font-size:1.25rem;line-height:1.75rem}#root .cats{margin-top:-.25rem;display:flex;flex-wrap:wrap;gap:1.25rem;row-gap:.625rem}#root .cats a{font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;color:rgb(159 95 254/var(--tw-text-opacity,1))}#root .back-blogs,#root .cats a{display:inline-flex;--tw-text-opacity:1}#root .back-blogs{position:absolute;margin-top:-2rem;padding-left:.75rem;color:rgb(255 255 255/var(--tw-text-opacity,1))}#root .back-blogs:before{position:absolute;left:0;top:5px;height:.75rem;width:.75rem;--tw-rotate:-45deg;--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));--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));content:"";border-width:2px 0 0 2px}#root .page-blog.blog-d .blog-banner .container,#root .page-blog.blog-d>.container{max-width:1080px}#root .page-blog.blog-d .back-blogs{--tw-text-opacity:1;color:rgb(110 110 109/var(--tw-text-opacity,1))}#root .page-blog.blog-d .back-blogs:before{--tw-border-opacity:1;border-color:rgb(110 110 109/var(--tw-border-opacity,1))}#root .blog-feature{margin-top:.5rem;margin-bottom:1.5rem}#root .banner-info{max-width:100%}#root .banner-info .container,#root .page-blog .blog-list .container{margin-left:auto;margin-right:auto;max-width:1400px}#root .page-blog .banner-info h1{text-align:left;color:hsl(var(--foreground))}#root .page-blog .blog-banner{margin-top:0;--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}#root .page-blog .blog-list .infinite-scroll-component{overflow-x:hidden!important}#root .page-blog .blog-aside{padding-bottom:2.5rem}#root .blog-d .banner-info h1{font-size:2.25rem;line-height:2.5rem;line-height:1.5}#root .blog-d .blog-card{margin-top:0}#root .page-cat .container{position:relative}#root .page-cat .back-blogs{left:1.5rem;color:hsl(var(--foreground)/.7)}#root .page-cat .back-blogs:before{border-color:hsl(var(--foreground)/.7)}#root .blog-breadcrumb{margin-bottom:.5rem}#root .blog-breadcrumb ul li a,#root .blog-breadcrumb ul li span{font-size:15px}#root .blog-breadcrumb ul li span{color:hsl(var(--foreground)/.6)}#root .blog-breadcrumb ul li,#root .blog-breadcrumb ul li a,#root .blog-breadcrumb ul li a+span{text-transform:capitalize;color:hsl(var(--foreground))}#root .blog-breadcrumb ul li a{--tw-text-opacity:1;color:rgb(159 95 254/var(--tw-text-opacity,1))}#root .blog-d .blog-info{margin-top:1rem;margin-bottom:0}#root .blog-d .banner-info{padding-bottom:16rem}#root .blog-d.page-blog .blog-banner{margin-bottom:0}#root .blog-d .blog-feature{margin-top:-14rem;margin-bottom:2.5rem;overflow:hidden;border-radius:1rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(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)}#root .blog-d .blog-feature img{max-height:450px;-o-object-fit:cover;object-fit:cover}#root .blog-d .blog-content{padding-bottom:5rem}#root .blog-d .blog-content,#root .blog-d .blog-content ul li{line-height:1.625;color:hsl(var(--foreground)/.9)}#root .blog-d .blog-content *{color:inherit}#root .blog-d .blog-content p{margin-bottom:1rem}#root .blog-d .blog-content ul li{margin-bottom:.5rem}#root .blog-d .blog-content ul{margin-bottom:1rem;list-style-type:disc;padding-left:1.25rem}@media screen and (max-width:1199px){#root .blog-trend .blog-card .blog-th{height:72px;min-width:6rem}#root .page-cat .back-blogs{left:1rem}}@media screen and (max-width:991px){#root .trend-list{flex-direction:row;flex-wrap:wrap;justify-content:space-between}#root .trend-list>div{width:calc(50% - 15px)}#root .blog-d .banner-info h1{font-size:1.875rem;line-height:2.25rem}#root .page-blog .container{padding-left:1rem;padding-right:1rem}}@media screen and (max-width:767px){#root .blog-d .banner-info h1,#root .page-cat .banner-info h1{font-size:1.5rem;line-height:2rem}#root .blog-caption h3{font-size:1.125rem;line-height:1.75rem}}@media screen and (max-width:575px){#root .blog-d .banner-info{padding-bottom:5rem}#root .blog-d .blog-feature{margin-top:-4rem}#root .blog-d .blog-info{margin-bottom:1rem}#root .trend-list>div{width:100%}}#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 rgba(0,0,0,.1),0 8px 10px -6px rgba(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(159 95 254/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(13 13 12/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(13 13 12/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 rgba(0,0,0,.1),0 4px 6px -4px rgba(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}}