section:not(.editor-index-banner-swiper) .swiper-button-prev,section:not(.editor-index-banner-swiper) .swiper-button-next{--swiper-buttion-display:40px;--swiper-buttion-size:40px;--color:black;--swiper-button-x:24px;width:var(--swiper-buttion-size);height:var(--swiper-buttion-size);display:var(--swiper-buttion-display);opacity:0;will-change:opacity;cursor:pointer;border-radius:50%;margin-top:0;transition:opacity .25s ease-in-out;transform:translateY(-50%)}section:not(.editor-index-banner-swiper) .swiper-button-prev:before,section:not(.editor-index-banner-swiper) .swiper-button-next:before{content:"";opacity:0;background-color:var(--color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:.2;border-radius:50%;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}section:not(.editor-index-banner-swiper) .swiper-button-prev:after,section:not(.editor-index-banner-swiper) .swiper-button-next:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:10px;position:absolute;top:50%;left:50%}section:not(.editor-index-banner-swiper) .swiper-button-prev:hover:before,section:not(.editor-index-banner-swiper) .swiper-button-prev:active:before,section:not(.editor-index-banner-swiper) .swiper-button-next:hover:before,section:not(.editor-index-banner-swiper) .swiper-button-next:active:before{opacity:.35}section:not(.editor-index-banner-swiper) .swiper-button-prev.swiper-button-disabled,section:not(.editor-index-banner-swiper) .swiper-button-next.swiper-button-disabled{display:none}section:not(.editor-index-banner-swiper) .swiper-button-prev{left:var(--swiper-button-x)}section:not(.editor-index-banner-swiper) .swiper-button-prev:after{margin-left:2px;transform:translate(-50%,-50%)rotate(45deg)}section:not(.editor-index-banner-swiper) .swiper-button-next{right:var(--swiper-button-x)}section:not(.editor-index-banner-swiper) .swiper-button-next:after{margin-left:-2px;transform:translate(-50%,-50%)rotate(-135deg)}@media only screen and not (max-width:1440px){section:not(.editor-index-banner-swiper) .swiper-button-prev,section:not(.editor-index-banner-swiper) .swiper-button-next{--swiper-buttion-size:48px;--swiper-buttion-display:48px;--swiper-button-x:40px}}@media (max-width:1024px){section:not(.editor-index-banner-swiper) .swiper-button-prev,section:not(.editor-index-banner-swiper) .swiper-button-next{--swiper-buttion-display:none}}
.editor-choose-recommendation{--space:100px;--img-h:360px;--box-w:calc(100vw - 160px);--title:32px;--box-top:40px;--info-padding:48px;--gap:80px;--name:22px;--text:16px;--text-top:8px;--btn-padding:8px 18px;--btn:14px;--btn-gap:12px;--btns-top:24px;--r:8px;--theme:white;--color:black;--text-color:#83868a;white-space:pre-line;width:100%;padding-top:var(--space);background-color:var(--theme);line-height:1.3}.editor-choose-recommendation .choose-recommendation-info{width:var(--box-w);margin:0 auto}.editor-choose-recommendation .choose-recommendation-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-choose-recommendation .choose-recommendation-info-title.enter{opacity:1;transform:translateY(0)}.editor-choose-recommendation .choose-recommendation-box{margin:var(--box-top) auto 0;width:var(--box-w);height:var(--img-h);will-change:opacity,transform;opacity:0;border-radius:var(--r);transition:all .8s ease-in-out;position:relative;overflow:hidden;transform:translateY(60px)}.editor-choose-recommendation .choose-recommendation-box.enter{opacity:1;transform:translateY(0)}.editor-choose-recommendation .choose-recommendation-box-img{width:100%;height:100%}.editor-choose-recommendation .choose-recommendation-box-content{padding:var(--info-padding);width:45%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.editor-choose-recommendation .choose-recommendation-box-content-info{width:100%}.editor-choose-recommendation .choose-recommendation-box-content-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--color)}.editor-choose-recommendation .choose-recommendation-box-content-text{margin-top:var(--text-top);font-family:var(--ff-woff2-M);font-size:var(--text);color:var(--text-color)}.editor-choose-recommendation .choose-recommendation-box-content-btns{margin-top:var(--btns-top);gap:var(--btn-gap);display:flex}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn{padding:var(--btn-padding);cursor:pointer;font-family:var(--ff-woff2-B);font-size:var(--btn);color:var(--color);border:1px solid var(--color);border-radius:48px}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:hover,.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:active{opacity:.8}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn:first-child{border-color:var(--color);background-color:var(--color);color:var(--theme)}@media only screen and not (max-width:1440px){.editor-choose-recommendation{--space:200px;--img-h:600px;--box-w:1440px;--title:48px;--info-padding:40px;--gap:120px;--name:28px;--btns-top:40px}}@media (max-width:1024px){.editor-choose-recommendation{--space:80px;--img-h:280px;--box-w:calc(100vw - 96px);--title:24px;--btn-padding:8px 18px;--btn:14px;--name:20px;--text:14px;--r:4px}}@media not (min-width:768px){.editor-choose-recommendation{--img-h:500px;--box-w:calc(100vw - 48px);--info-padding:24px;--gap:40px;--text-top:8px;--btn-padding:8px 18px;--btn:14px;--btn-gap:12px;--btns-top:24px;--r:8px}.editor-choose-recommendation .choose-recommendation-box-content{text-align:center;width:100%;top:auto;bottom:0;left:50%;transform:translate(-50%)}.editor-choose-recommendation .choose-recommendation-box-content-btns{flex-direction:column;align-items:center}.editor-choose-recommendation .choose-recommendation-box-content-btns-btn{width:205px;max-width:100%}}.editor-choose-recommendation.theme-black{--theme:black;--color:white}
.editor-discover-more{--space:100px;--img-h:216px;--box-w:calc(100vw - 160px);--title:32px;--desc-top:16px;--desc:20px;--cards-top:40px;--card-w:426px;--card-padding:24px;--radius:8px;--gap:12px;--name:20px;--text:16px;--text-top:32px;--svg-size:20px;--svg-y:-.4px;--theme:white;--color:black;--bg:#f5f5f6;--desc-color:#83868a;--text-color:#595c61;white-space:pre-line;width:100%;padding-top:var(--space);background-color:var(--bg);line-height:1.3}.editor-discover-more .discover-more-info{width:var(--box-w);margin:0 auto}.editor-discover-more .discover-more-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-discover-more .discover-more-info-title.enter{opacity:1;transform:translateY(0)}.editor-discover-more .discover-more-info-desc{margin-top:var(--desc-top);font-family:var(--ff-woff2-M);font-size:var(--desc);color:var(--desc-color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-discover-more .discover-more-info-desc.enter{opacity:1;transform:translateY(0)}.editor-discover-more .discover-more-swiper{margin:var(--cards-top) auto 0;padding:0 calc(50% - var(--box-w)/2)}.editor-discover-more .discover-more-swiper:hover .swiper-button-prev,.editor-discover-more .discover-more-swiper:hover .swiper-button-next,.editor-discover-more .discover-more-swiper:active .swiper-button-prev,.editor-discover-more .discover-more-swiper:active .swiper-button-next{opacity:1;pointer-events:all}.editor-discover-more .discover-more-swiper-item{width:var(--card-w);border-radius:var(--radius);background-color:var(--theme);will-change:opacity,transform;opacity:0;height:auto;transition:all .8s ease-in-out;position:relative;overflow:hidden;transform:translateY(60px)}.editor-discover-more .discover-more-swiper-item.enter{opacity:1;transform:translateY(0)}.editor-discover-more .discover-more-swiper-item:last-child{margin-right:0!important}.editor-discover-more .discover-more-swiper-item-inner{cursor:pointer;width:100%;height:100%;display:block}.editor-discover-more .discover-more-swiper-item-inner:hover .discover-more-swiper-item-img .eco-img,.editor-discover-more .discover-more-swiper-item-inner:active .discover-more-swiper-item-img .eco-img{transform:scale(1.1)}.editor-discover-more .discover-more-swiper-item-inner:hover .discover-more-swiper-item-content-text,.editor-discover-more .discover-more-swiper-item-inner:active .discover-more-swiper-item-content-text{--text-color:var(--color)}.editor-discover-more .discover-more-swiper-item-inner:hover .discover-more-swiper-item-content-text>svg,.editor-discover-more .discover-more-swiper-item-inner:active .discover-more-swiper-item-content-text>svg{transform:translate(8px, var(--svg-y))}.editor-discover-more .discover-more-swiper-item-img{width:100%;height:var(--img-h);border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.editor-discover-more .discover-more-swiper-item-img .eco-img{transition:transform .4s ease-in-out}.editor-discover-more .discover-more-swiper-item-content{height:calc(100% - var(--img-h));padding:var(--card-padding);flex-direction:column;display:flex}.editor-discover-more .discover-more-swiper-item-content-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-discover-more .discover-more-swiper-item-content-text{padding-top:var(--text-top);font-family:var(--ff-woff2-M);font-size:var(--text);cursor:pointer;color:var(--text-color);justify-content:space-between;align-items:flex-end;gap:4px;margin-top:auto;display:flex}.editor-discover-more .discover-more-swiper-item-content-text>span{width:calc(100% - 4px - var(--svg-size));-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:none;display:-webkit-box;overflow:hidden}.editor-discover-more .discover-more-swiper-item-content-text svg{font-size:var(--svg-size);transform:translateY(var(--svg-y));flex:none;transition:transform .4s ease-in-out}@media only screen and not (max-width:1440px){.editor-discover-more{--space:200px;--img-h:360px;--box-w:1440px;--title:48px;--desc:24px;--card-w:714px;--card-padding:24px 40px;--name:24px;--text:20px;--text-top:40px;--svg-size:24px;--svg-y:-1px}}@media (max-width:1024px){.editor-discover-more{--space:80px;--img-h:216px;--box-w:calc(100vw - 96px);--title:24px;--desc-top:12px;--desc:16px;--svg-size:18px;--svg-y:-1.4px}}@media not (min-width:768px){.editor-discover-more{--img-h:200px;--box-w:calc(100vw - 48px);--radius:4px;--text:12px;--text-top:24px;--card-w:280px;--svg-size:16px;--svg-y:.2px}}.editor-discover-more.theme-black .swiper-button-next,.editor-discover-more.theme-black .swiper-button-prev{--color:white}.editor-discover-more.theme-black{--theme:black;--color:white;--bg:#333;--desc-color:#83868a;--text-color:#949494}
.editor-ksp-swiper{--space:100px;--width:280px;--height:460px;--info-box:calc(100vw - 160px);--title:32px;--gap:10px;--radius:4px;--padding:24px;--name:20px;--text:14px;--text-gap:6px;--theme:white;--text-color:#83868a;--color:black;--rgba:#ffffff40;white-space:pre-line;width:100%;padding-top:var(--space);background:var(--theme);color:var(--color);line-height:1.3}.editor-ksp-swiper .ksp-swiper-info{width:var(--info-box);margin:0 auto}.editor-ksp-swiper .ksp-swiper-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-ksp-swiper .ksp-swiper-info-title.enter{opacity:1;transform:translateY(0)}.editor-ksp-swiper .ksp-swiper-swiper{padding:40px calc(50% - var(--info-box)/2)}.editor-ksp-swiper .ksp-swiper-swiper:hover .swiper-button-prev,.editor-ksp-swiper .ksp-swiper-swiper:hover .swiper-button-next,.editor-ksp-swiper .ksp-swiper-swiper:active .swiper-button-prev,.editor-ksp-swiper .ksp-swiper-swiper:active .swiper-button-next{opacity:1;pointer-events:all}.editor-ksp-swiper .ksp-swiper-swiper-item{width:var(--width);will-change:opacity,transform;opacity:0;transition:all .8s ease-in-out;transform:translateY(60px)}.editor-ksp-swiper .ksp-swiper-swiper-item.enter{opacity:1;transform:translateY(0)}.editor-ksp-swiper .ksp-swiper-swiper-item.clickable .ksp-swiper-swiper-item-inner{cursor:pointer}.editor-ksp-swiper .ksp-swiper-swiper-item-inner{width:100%;height:var(--height);border-radius:var(--radius);box-shadow:none;transition:transform .25s ease-in-out;position:relative;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-inner:hover,.editor-ksp-swiper .ksp-swiper-swiper-item-inner:active{box-shadow:0 2px 30px 2px var(--rgba)}.editor-ksp-swiper .ksp-swiper-swiper-item-inner:hover .ksp-swiper-swiper-item-img .eco-img,.editor-ksp-swiper .ksp-swiper-swiper-item-inner:active .ksp-swiper-swiper-item-img .eco-img{transform:scale(1.05)}.editor-ksp-swiper .ksp-swiper-swiper-item:last-child{margin-right:0!important}.editor-ksp-swiper .ksp-swiper-swiper-item-img{border-radius:var(--radius);width:100%;height:100%;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-img .eco-img{width:transform;transition:transform .4s ease-in-out}.editor-ksp-swiper .ksp-swiper-swiper-item-content{padding:var(--padding);z-index:10;gap:var(--text-gap);flex-direction:column;width:100%;display:flex;position:absolute;top:0;left:0}.editor-ksp-swiper .ksp-swiper-swiper-item-content-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--theme);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-content-text{font-family:var(--ff-woff2-M);font-size:var(--desc);color:var(--text-color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-ksp-swiper .ksp-swiper-swiper-item-btn{right:var(--padding);bottom:var(--padding);z-index:20;cursor:pointer;width:40px;height:40px;color:var(--theme);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.editor-ksp-swiper .ksp-swiper-swiper-item-btn-plus{width:14px;height:14px;color:var(--theme);z-index:5;font-size:14px;transition:opacity .4s ease-in-out}.editor-ksp-swiper .ksp-swiper-swiper-item-btn .circle{background-color:var(--rgba);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform;border-radius:50%;width:32px;height:32px;animation:3.2s linear infinite waterWave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-ksp-swiper .ksp-swiper-swiper-item-btn .circle.circle-2{animation-delay:1.6s}.editor-ksp-swiper .ksp-swiper-swiper-item-btn:hover .ksp-swiper-swiper-item-btn-plus,.editor-ksp-swiper .ksp-swiper-swiper-item-btn:active .ksp-swiper-swiper-item-btn-plus{opacity:.8}.editor-ksp-swiper .ksp-swiper-swiper-item.ksp-swiper-swiper-item-type-wide{--content-padding:32px 40px;--name:28px}@media only screen and not (max-width:1440px){.editor-ksp-swiper .ksp-swiper-swiper-item.ksp-swiper-swiper-item-type-wide{--name:34px}}.editor-ksp-swiper.theme-black .swiper-button-next,.editor-ksp-swiper.theme-black .swiper-button-prev{--color:white}.editor-ksp-swiper.theme-black{--theme:black;--color:white;--text-color:#83868a;--rgba:#00000040}.editor-ksp-swiper.type-wide{--width:426px;--radius:8px;--gap:12px}@media only screen and not (max-width:1440px){.editor-ksp-swiper{--space:200px;--width:351px;--height:600px;--info-box:1440px;--title:48px;--gap:12px;--radius:8px;--padding:40px;--name:24px;--text:16px;--text-gap:8px}.editor-ksp-swiper.type-wide{--width:714px;--radius:8px;--gap:12px}}@media (max-width:1024px){.editor-ksp-swiper{--space:80px;--info-box:calc(100vw - 96px);--title:24px}.editor-ksp-swiper.type-wide{--width:280px;--radius:4px;--gap:10px}}@media not (min-width:768px){.editor-ksp-swiper{--info-box:calc(100vw - 48px)}}@keyframes waterWave{0%{opacity:1;transform:translate(-50%,-50%)scale(.7)}50%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}
@keyframes swiperPaginationBar{0%{transform:translate(-100%)}to{transform:translate(0)}}.editor-series-kv-swiper{--height:800px;--info-box:1024px;--info-top:100px;--title:40px;--desc:18px;width:100%;height:var(--height);white-space:pre-line}.editor-series-kv-swiper .swiper-button-prev,.editor-series-kv-swiper .swiper-button-next{cursor:pointer;background-color:#00000059;border-radius:50%;width:48px;height:48px;margin-top:0;transform:translateY(-50%)}.editor-series-kv-swiper .swiper-button-prev:after,.editor-series-kv-swiper .swiper-button-next:after{color:#fff;font-size:20px}.editor-series-kv-swiper .swiper-button-prev:hover,.editor-series-kv-swiper .swiper-button-prev:active,.editor-series-kv-swiper .swiper-button-next:hover,.editor-series-kv-swiper .swiper-button-next:active{background-color:#00000080}.editor-series-kv-swiper .swiper-button-prev.swiper-button-disabled,.editor-series-kv-swiper .swiper-button-next.swiper-button-disabled{cursor:not-allowed;background-color:#0000001a}.editor-series-kv-swiper .swiper-button-prev.swiper-button-disabled:hover,.editor-series-kv-swiper .swiper-button-prev.swiper-button-disabled:active,.editor-series-kv-swiper .swiper-button-next.swiper-button-disabled:hover,.editor-series-kv-swiper .swiper-button-next.swiper-button-disabled:active{background-color:#0000001a}.editor-series-kv-swiper .swiper-button-prev{left:40px}.editor-series-kv-swiper .swiper-button-next{right:40px}.editor-series-kv-swiper .swiper-pagination{padding:142px calc(50% - var(--info-box)/2) 24px;background:linear-gradient(#0000 0%,#00000059 100%);gap:16px;display:flex;top:auto;bottom:0;left:0}.editor-series-kv-swiper .swiper-pagination .swiper-pagination-bullet{background-color:#ffffff80;border-radius:0;width:100px;height:2px;margin:0;position:relative;overflow:hidden}.editor-series-kv-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";will-change:transform;background-color:#fff;width:100%;height:100%;animation:3.25s linear infinite swiperPaginationBar;position:absolute;top:0;left:0}.editor-series-kv-swiper .series-kv-swiper-item{width:100%;height:100%;position:relative}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-img{width:100%;height:var(--height)}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-img img{object-fit:cover}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content{left:50%;top:var(--info-top);width:var(--info-box);padding-right:calc(var(--info-box)*.45);line-height:1.2;position:absolute;transform:translate(-50%)}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content .series-kv-swiper-item-content-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:#fff}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content .series-kv-swiper-item-content-desc{font-family:var(--ff-woff2-M);font-size:var(--desc);color:#fffc;margin-top:12px}@media only screen and not (max-width:1440px){.editor-series-kv-swiper{--info-box:1440px;--title:48px;--desc:20px}}@media (max-width:1024px){.editor-series-kv-swiper{--height:705px;--info-box:calc(100vw - 96px);--info-top:60px;--title:28px;--desc:16px}.editor-series-kv-swiper .swiper-button-prev,.editor-series-kv-swiper .swiper-button-next{display:none}.editor-series-kv-swiper .swiper-pagination{justify-content:center;gap:6px;padding-bottom:16px}.editor-series-kv-swiper .swiper-pagination .swiper-pagination-bullet{width:40px}.editor-series-kv-swiper .series-kv-swiper-item .series-kv-swiper-item-content{padding-right:0}}@media not (min-width:768px){.editor-series-kv-swiper{--info-box:calc(100vw - 48px)}}
.editor-product-category{--box:calc(100vw - 160px);--theme:white;--color:black;--img-size:80px;--name:12px;--name-color:#595c61;--padding:20px;--padding-y:8px;--justify-content:left;--item-max-w:180px;--side:calc(50vw - var(--box) / 2);color:var(--color);top:var(--header-height);z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;width:100%;position:sticky}.editor-product-category .swiper-wrapper{justify-content:var(--justify-content)}.editor-product-category .product-category-swiper{padding:0 calc(50% - var(--box)/2)}.editor-product-category .product-category-swiper-slide{text-align:center;width:max-content;padding:0 var(--padding);max-width:var(--item-max-w)}.editor-product-category .product-category-swiper-slide:first-child{max-width:calc(var(--item-max-w) - var(--padding));padding-left:0}.editor-product-category .product-category-swiper-slide:last-child{max-width:calc(var(--item-max-w) - var(--padding));padding-right:0;margin-right:0!important}.editor-product-category .product-category-swiper-slide-item{padding:var(--padding-y) 0;display:block;position:relative;overflow:hidden}.editor-product-category .product-category-swiper-slide-item-img{width:var(--img-size);height:var(--img-size);margin:0 auto;transition:all .25s ease-in-out}.editor-product-category .product-category-swiper-slide-item-img img{object-fit:contain}.editor-product-category .product-category-swiper-slide-item-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--name-color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:4px 0;line-height:16px;display:-webkit-box;overflow:hidden}.editor-product-category .product-category-swiper-slide-item:hover .product-category-swiper-slide-item-img,.editor-product-category .product-category-swiper-slide-item:active .product-category-swiper-slide-item-img{transform:scale(1.1)}@media only screen and not (max-width:1440px){.editor-product-category{--box:1440px;--justify-content:center}}@media (max-width:1024px){.editor-product-category{--box:calc(100vw - 96px);--img-size:60px;--name:12px;--padding:16px;--item-max-w:172px}}@media not (min-width:768px){.editor-product-category{--box:calc(100vw - 48px);--item-max-w:132px}}.editor-product-category.sticky-yes:before{content:"";background-color:#f5f5f6;width:100%;height:1px;position:absolute;bottom:.5px;left:0}.editor-product-category.sticky-yes{--img-size:60px}.editor-product-category.sticky-yes .product-category-swiper .swiper-wrapper:after{content:"";bottom:0;left:calc(var(--left));width:var(--width);opacity:0;background-color:var(--color);will-change:transform,width,opacity;height:2px;transition:all .25s ease-in-out;position:absolute}.editor-product-category.sticky-yes .product-category-swiper.show-bar .swiper-wrapper:after{opacity:var(--opacity)}@media (max-width:1024px){.editor-product-category.sticky-yes{--img-size:0px}}.editor-product-category.theme-black{--theme:black;--color:white;--name-color:#e5e5e6;background-color:#000c}.editor-product-category.theme-black.sticky-yes{border-bottom-color:#343434}
.editor-product-compare{--space:100px;--info-box:calc(100vw - 160px);--title:32px;--tabs-top:48px;--box-top:40px;--tab-padding:10px 20px;--tab-gap:16px;--tab:16px;--item-w:276px;--item-gap:32px;--img:240px;--info-gap:24px;--label:12px;--name:22px;--text:14px;--btn-gap:16px;--btn-padding:8px 18px;--btn:14px;--btn-w:calc(50% - var(--btn-gap) / 2);--btn-direction:row;--spec-gap:16px;--spec-inner-gap:4px;--spec-value:16px;--spec-label:14px;--link:20px;--link-svg:24px;--link-gap:40px;--link-direction:row;--color:black;--theme:white;--tab-bg:#f5f5f6;--spec-line:#e6e6e7;--spec-label-color:#696c71;white-space:pre-line;width:100%;padding-top:var(--space);background-color:var(--theme);color:var(--color);line-height:1.3;overflow:hidden}.editor-product-compare .product-compare-info{width:var(--info-box);margin:0 auto}.editor-product-compare .product-compare-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-product-compare .product-compare-info-title.enter{opacity:1;transform:translateY(0)}.editor-product-compare .product-compare-tabs-wrapper{will-change:opacity,transform;opacity:0;transition:all .8s ease-in-out;position:relative;transform:translateY(60px)}.editor-product-compare .product-compare-tabs-wrapper.enter{opacity:1;transform:translateY(0)}.editor-product-compare .product-compare-tabs{margin-top:var(--tabs-top);gap:var(--tab-gap);padding:0 calc(50% - var(--info-box)/2);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow:scroll}.editor-product-compare .product-compare-tabs::-webkit-scrollbar{display:none}.editor-product-compare .product-compare-tabs-tab{padding:var(--tab-padding);background-color:var(--tab-bg);font-family:var(--ff-woff2-B);font-size:var(--tab);color:var(--color);cursor:pointer;border:1px solid #0000;border-radius:48px;flex:none}.editor-product-compare .product-compare-tabs-tab.active{background-color:var(--color);color:var(--theme)}.editor-product-compare .product-compare-tabs-tab:not(.active):hover,.editor-product-compare .product-compare-tabs-tab:not(.active):active{border-color:var(--color);color:var(--color)}.editor-product-compare .product-compare-tabs:after{content:"";width:calc(90px + 50% - var(--info-box)/2);z-index:10;background:linear-gradient(to right, transparent 0%, var(--theme) 90px);pointer-events:none;height:100%;position:absolute;top:0;right:0}.editor-product-compare .product-compare-swiper{margin:var(--box-top) auto 0;padding:0 calc(50% - var(--info-box)/2)}.editor-product-compare .product-compare-swiper:hover .swiper-button-prev,.editor-product-compare .product-compare-swiper:hover .swiper-button-next,.editor-product-compare .product-compare-swiper:active .swiper-button-prev,.editor-product-compare .product-compare-swiper:active .swiper-button-next{opacity:1;pointer-events:all}.editor-product-compare .product-compare-swiper-slide{width:var(--item-w);text-align:center;will-change:opacity,transform;opacity:0;height:auto;transition:all .8s ease-in-out;transform:translateY(60px)}.editor-product-compare .product-compare-swiper-slide.enter{opacity:1;transform:translateY(0)}.editor-product-compare .product-compare-swiper-slide:last-child{margin-right:0!important}.editor-product-compare .product-compare-swiper-slide-items-item{flex-direction:column;height:100%;display:none}.editor-product-compare .product-compare-swiper-slide-items-item.active{display:flex}.editor-product-compare .product-compare-swiper-slide-items-item .item-img{margin:0 auto var(--info-gap);width:var(--img);height:var(--img)}.editor-product-compare .product-compare-swiper-slide-items-item .item-img figure{background-size:contain}.editor-product-compare .product-compare-swiper-slide-items-item .item-img img{object-fit:contain}.editor-product-compare .product-compare-swiper-slide-items-item .item-colors{margin:0 auto var(--info-gap);flex-wrap:wrap;justify-content:center;gap:6px 12px;display:flex}.editor-product-compare .product-compare-swiper-slide-items-item .item-colors .item-color{cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.editor-product-compare .product-compare-swiper-slide-items-item .item-colors .item-color .color-inner{border-radius:50%;width:16px;height:16px}.editor-product-compare .product-compare-swiper-slide-items-item .item-label{font-family:var(--ff-woff2-B);font-size:var(--label);color:#3f68e0;margin-bottom:4px}.editor-product-compare .product-compare-swiper-slide-items-item .item-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-product-compare .product-compare-swiper-slide-items-item .item-text{font-family:var(--ff-woff2-M);font-size:var(--text);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.editor-product-compare .product-compare-swiper-slide-items-item .item-btns{padding-top:var(--info-gap);justify-content:center;gap:var(--btn-gap);flex-wrap:wrap;flex-direction:var(--link-direction);margin-top:auto;display:flex}.editor-product-compare .product-compare-swiper-slide-items-item .item-btns .item-btn{width:var(--btn-w);padding:var(--btn-padding);font-family:var(--ff-woff2-B);font-size:var(--btn);cursor:pointer;color:var(--color);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:48px;justify-content:center;align-items:center;gap:4px;display:flex;overflow:hidden}.editor-product-compare .product-compare-swiper-slide-items-item .item-btns .item-btn.type-fill{background-color:var(--color);color:var(--theme);border-color:var(--color)}.editor-product-compare .product-compare-swiper-slide-items-item .item-btns .item-btn.type-outline{border-color:var(--color)}.editor-product-compare .product-compare-swiper-slide-items-item .item-btns .item-btn svg{font-size:calc(var(--btn) + 4px)}.editor-product-compare .product-compare-swiper-slide-items-item .item-btns .item-btn:last-child:nth-child(odd){width:100%}.editor-product-compare .product-compare-swiper-slide-items-item .item-btns .item-btn:hover,.editor-product-compare .product-compare-swiper-slide-items-item .item-btns .item-btn:active{opacity:.8}.editor-product-compare .product-compare-swiper-slide .item-line{margin:var(--info-gap) 0;background-color:var(--spec-line);height:1px}.editor-product-compare .product-compare-swiper-slide .item-specs{gap:var(--spec-gap);flex-direction:column;display:flex}.editor-product-compare .product-compare-swiper-slide .item-specs .item-spec .spec-text{font-family:var(--ff-woff2-B);font-size:var(--spec-value)}.editor-product-compare .product-compare-swiper-slide .item-specs .item-spec .spec-name{margin-top:var(--spec-inner-gap);font-family:var(--ff-woff2-M);font-size:var(--spec-label);color:var(--spec-label-color)}.editor-product-compare .product-compare-links{margin:var(--tabs-top) auto 0;width:var(--info-box);flex-direction:var(--link-direction);justify-content:center;gap:var(--link-gap);display:flex}.editor-product-compare .product-compare-links-link{font-family:var(--ff-woff2-B);font-size:var(--link);color:#3f68e0;justify-content:center;align-items:center;gap:4px;display:flex}.editor-product-compare .product-compare-links-link:hover,.editor-product-compare .product-compare-links-link:active{color:#3f4ce0;text-decoration:underline}.editor-product-compare .product-compare-links-link svg{font-size:var(--link-svg)}.editor-product-compare.theme-black .swiper-button-next,.editor-product-compare.theme-black .swiper-button-prev{--color:white}.editor-product-compare.theme-black{--color:white;--theme:black;--tab-bg:#343434;--spec-line:#e6e6e7;--spec-label-color:#949494}@media only screen and not (max-width:1440px){.editor-product-compare{--space:200px;--info-box:1440px;--title:48px;--tab-padding:12px 24px;--tab-gap:24px;--item-w:336px}}@media (max-width:1024px){.editor-product-compare{--space:80px;--info-box:calc(100vw - 96px);--title:24px;--tabs-top:40px;--box-top:24px;--tab-padding:8px 16px;--tab-gap:12px;--tab:14px;--item-w:208px;--item-gap:16px;--img:180px;--info-gap:16px;--name:16px;--text:14px;--btn-gap:12px;--btn-padding:6px 16px;--btn-w:100%;--btn-direction:column;--spec-inner-gap:2px;--spec-value:14px;--spec-label:12px;--link:16px;--link-svg:20px;--link-gap:20px;--link-direction:column}}@media not (min-width:768px){.editor-product-compare{--info-box:calc(100vw - 48px);--item-w:155.5px}}
.editor-product-compares{--space:100px;--info-box:calc(100vw - 160px);--title:32px;--tabs-top:48px;--box-top:40px;--tab-padding:10px 20px;--tab-gap:16px;--tab:16px;--item-w:276px;--item-gap:32px;--img:240px;--info-gap:24px;--label:12px;--name:22px;--text:14px;--btn-gap:16px;--btn-padding:8px 18px;--btn:14px;--btn-w:calc(50% - var(--btn-gap) / 2);--btn-direction:row;--spec-gap:16px;--spec-inner-gap:4px;--spec-value:16px;--spec-label:14px;--link:20px;--link-svg:24px;--link-gap:40px;--link-direction:row;--color:black;--theme:white;--tab-bg:#f5f5f6;--spec-line:#e6e6e7;--spec-label-color:#696c71;white-space:pre-line;width:100%;padding-top:var(--space);background-color:var(--theme);color:var(--color);line-height:1.3;overflow:hidden}.editor-product-compares .product-compares-info{width:var(--info-box);margin:0 auto}.editor-product-compares .product-compares-info-title{font-family:var(--ff-woff2-B);font-size:var(--title);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;will-change:opacity,transform;opacity:0;-webkit-box-orient:vertical;transition:all .8s ease-in-out;display:-webkit-box;overflow:hidden;transform:translateY(60px)}.editor-product-compares .product-compares-info-title.enter{opacity:1;transform:translateY(0)}.editor-product-compares .product-compares-tabs-wrapper{will-change:opacity,transform;opacity:0;transition:all .8s ease-in-out;position:relative;transform:translateY(60px)}.editor-product-compares .product-compares-tabs-wrapper.enter{opacity:1;transform:translateY(0)}.editor-product-compares .product-compares-tabs{margin-top:var(--tabs-top);gap:var(--tab-gap);padding:0 calc(50% - var(--info-box)/2);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow:scroll}.editor-product-compares .product-compares-tabs::-webkit-scrollbar{display:none}.editor-product-compares .product-compares-tabs-tab{padding:var(--tab-padding);background-color:var(--tab-bg);font-family:var(--ff-woff2-B);font-size:var(--tab);color:var(--color);cursor:pointer;border:1px solid #0000;border-radius:48px;flex:none}.editor-product-compares .product-compares-tabs-tab.active{background-color:var(--color);color:var(--theme)}.editor-product-compares .product-compares-tabs-tab:not(.active):hover,.editor-product-compares .product-compares-tabs-tab:not(.active):active{border-color:var(--color);color:var(--color)}.editor-product-compares .product-compares-tabs:after{content:"";width:calc(90px + 50% - var(--info-box)/2);z-index:10;background:-webkit-gradient(linear,0 50%,100% 50%,from(#fff),to(#0000));background:linear-gradient(to right, transparent 0%, var(--theme) 90px);pointer-events:none;height:100%;position:absolute;top:0;right:0}.editor-product-compares .product-compares-swiper{margin:var(--box-top) auto 0;padding:0 calc(50% - var(--info-box)/2)}.editor-product-compares .product-compares-swiper:hover .swiper-button-prev,.editor-product-compares .product-compares-swiper:hover .swiper-button-next,.editor-product-compares .product-compares-swiper:active .swiper-button-prev,.editor-product-compares .product-compares-swiper:active .swiper-button-next{opacity:1;pointer-events:all}.editor-product-compares .product-compares-swiper-slide{width:var(--item-w);text-align:center;will-change:opacity,transform;opacity:0;height:auto;transition:all .8s ease-in-out;transform:translateY(60px)}.editor-product-compares .product-compares-swiper-slide.enter{opacity:1;transform:translateY(0)}.editor-product-compares .product-compares-swiper-slide:last-child{margin-right:0!important}.editor-product-compares .product-compares-swiper-slide-items-item{flex-direction:column;height:100%;display:none}.editor-product-compares .product-compares-swiper-slide-items-item.active{display:flex}.editor-product-compares .product-compares-swiper-slide-items-item .item-img{margin:0 auto var(--info-gap);width:var(--img);height:var(--img)}.editor-product-compares .product-compares-swiper-slide-items-item .item-img figure{background-size:contain}.editor-product-compares .product-compares-swiper-slide-items-item .item-img img{object-fit:contain}.editor-product-compares .product-compares-swiper-slide-items-item .item-colors{margin:0 auto var(--info-gap);flex-wrap:wrap;justify-content:center;gap:6px 12px;display:flex}.editor-product-compares .product-compares-swiper-slide-items-item .item-colors .item-color{cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.editor-product-compares .product-compares-swiper-slide-items-item .item-colors .item-color .color-inner{border-radius:50%;width:16px;height:16px}.editor-product-compares .product-compares-swiper-slide-items-item .item-label{font-family:var(--ff-woff2-B);font-size:var(--label);color:#3f68e0;height:1.3em;margin-bottom:4px}.editor-product-compares .product-compares-swiper-slide-items-item .item-name{font-family:var(--ff-woff2-B);font-size:var(--name);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.editor-product-compares .product-compares-swiper-slide-items-item .item-text{font-family:var(--ff-woff2-M);font-size:var(--text);color:var(--color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.editor-product-compares .product-compares-swiper-slide-items-item .item-btns{padding-top:var(--info-gap);justify-content:center;gap:var(--btn-gap);flex-wrap:wrap;flex-direction:var(--link-direction);margin-top:auto;display:flex}.editor-product-compares .product-compares-swiper-slide-items-item .item-btns .item-btn{width:var(--btn-w);padding:var(--btn-padding);font-family:var(--ff-woff2-B);font-size:var(--btn);cursor:pointer;color:var(--color);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:48px;justify-content:center;align-items:center;gap:4px;display:flex;overflow:hidden}.editor-product-compares .product-compares-swiper-slide-items-item .item-btns .item-btn.type-fill{background-color:var(--color);color:var(--theme);border-color:var(--color)}.editor-product-compares .product-compares-swiper-slide-items-item .item-btns .item-btn.type-outline{border-color:var(--color)}.editor-product-compares .product-compares-swiper-slide-items-item .item-btns .item-btn svg{font-size:calc(var(--btn) + 4px)}.editor-product-compares .product-compares-swiper-slide-items-item .item-btns .item-btn:last-child:nth-child(odd){width:100%}.editor-product-compares .product-compares-swiper-slide-items-item .item-btns .item-btn:hover,.editor-product-compares .product-compares-swiper-slide-items-item .item-btns .item-btn:active{opacity:.8}.editor-product-compares .product-compares-swiper-slide .item-line{margin:var(--info-gap) 0;background-color:var(--spec-line);height:1px}.editor-product-compares .product-compares-swiper-slide .item-specs{gap:var(--spec-gap);flex-direction:column;display:flex}.editor-product-compares .product-compares-swiper-slide .item-specs .item-spec .spec-text{font-family:var(--ff-woff2-B);font-size:var(--spec-value)}.editor-product-compares .product-compares-swiper-slide .item-specs .item-spec .spec-name{margin-top:var(--spec-inner-gap);font-family:var(--ff-woff2-M);font-size:var(--spec-label);color:var(--spec-label-color)}.editor-product-compares .product-compares-links{margin:var(--tabs-top) auto 0;width:var(--info-box);flex-direction:var(--link-direction);justify-content:center;gap:var(--link-gap);display:flex}.editor-product-compares .product-compares-links-link{font-family:var(--ff-woff2-B);font-size:var(--link);color:#3f68e0;justify-content:center;align-items:center;gap:4px;display:flex}.editor-product-compares .product-compares-links-link:hover,.editor-product-compares .product-compares-links-link:active{color:#3f4ce0;text-decoration:underline}.editor-product-compares .product-compares-links-link svg{font-size:var(--link-svg)}.editor-product-compares.theme-black .swiper-button-next,.editor-product-compares.theme-black .swiper-button-prev{--color:white}.editor-product-compares.theme-black{--color:white;--theme:black;--tab-bg:#343434;--spec-line:#e6e6e7;--spec-label-color:#949494}@media only screen and not (max-width:1440px){.editor-product-compares{--space:200px;--info-box:1440px;--title:48px;--tab-padding:12px 24px;--tab-gap:24px;--item-w:336px}}@media (max-width:1024px){.editor-product-compares{--space:80px;--info-box:calc(100vw - 96px);--title:24px;--tabs-top:40px;--box-top:24px;--tab-padding:8px 16px;--tab-gap:12px;--tab:14px;--item-w:208px;--item-gap:16px;--img:180px;--info-gap:16px;--name:16px;--text:14px;--btn-gap:12px;--btn-padding:6px 16px;--btn-w:100%;--btn-direction:column;--spec-inner-gap:2px;--spec-value:14px;--spec-label:12px;--link:16px;--link-svg:20px;--link-gap:20px;--link-direction:column}}@media not (min-width:768px){.editor-product-compares{--info-box:calc(100vw - 48px);--item-w:155.5px}}