.prooduct-mix-open{overflow:hidden}.prooduct-mix-open .transition-body:after{pointer-events:visible}.product .product-mix{width:100%;padding:23px 52px 23px 32px;box-sizing:border-box;border:1px solid #DCDCDC;display:block;margin:32px 0 0}.product .product-mix .product-mix-wrapper{display:grid;grid-template-columns:repeat(2,auto);position:relative}.product .product-mix .image-wrapper{overflow:hidden;width:100%;display:flex;justify-content:flex-end}.product .product-mix .text-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center}.product .product-mix .icon-wrapper{width:16px;height:16px;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.product .product-mix .icon-wrapper svg{width:100%;height:100%;transform:rotate(-90deg)}.product .product-mix .text-wrapper p.title{font-size:14px;font-family:var(--medium-font);line-height:14px;text-transform:uppercase;margin:0}.product .product-mix .text-wrapper p.counts{font-size:12px;font-family:var(--regular-font);line-height:12px;padding:8px 0 0}.product .product-mix .main-product-image-swiper{height:54px;width:126px;overflow:hidden}.product .product-mix .main-product-image-swiper .swiper-slide{width:52px!important;height:52px;border-radius:50%;overflow:hidden;border:1px solid #B6B6B6;position:absolute}.product .product-mix .main-product-image-swiper .swiper-slide:nth-of-type(2){left:36px}.product .product-mix .main-product-image-swiper .swiper-slide:nth-of-type(3){left:72px}.product .product-mix .main-product-image-swiper .swiper-slide img{width:52px;height:100%;object-fit:cover}.prooduct-mix-open .product .product-mix:after{content:"";display:block;position:fixed;z-index:30;top:0;left:0;width:100%;height:100%;opacity:1;cursor:url(cross.svg),url(cross.png),zoom-out;pointer-events:none;transition:opacity var(--duration-long) ease;background-color:rgba(var(--color-overlay),.5)}.product .product-mix .drawer-wrapper{width:610px;opacity:0;transform:translate(100%);position:fixed;right:0;top:0;background:#fff;height:100%;padding:64px 40px 0;box-sizing:border-box;transition-property:transform,visibility;transition-duration:var(--duration-long);transition-timing-function:ease}.product .product-mix .size-chart-wrapper{flex-wrap:inherit;overflow:hidden auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;max-height:100%}.product .product-mix .size-chart-wrapper .off-icon,.product .product-mix .drawer-wrapper .off-icon{position:absolute;right:30px;top:30px;width:16px;height:16px}.product .product-mix .size-chart-wrapper .off-icon svg,.product .product-mix .drawer-wrapper .off-icon svg{width:100%;height:100%}.prooduct-mix-open .product .product-mix .drawer-wrapper{opacity:1;transform:translate(0);z-index:1000}.prooduct-mix-closing .product .product-mix .drawer-wrapper{opacity:1;transform:translate(100%);z-index:1000}.product .product-mix .drawer-wrapper .drawer-header-wrapper{width:100%;position:relative;padding:0 0 40px}.product .product-mix .drawer-wrapper .drawer-header-wrapper .drawer-header-title{font-size:24px;line-height:24px;font-family:var(--medium-font);text-transform:uppercase}.product .product-mix .drawer-wrapper .drawer-header-wrapper .drawer-header-count{font-size:12px;line-height:12px;padding:16px 0 0;font-family:var(--regular-font)}.product .product-mix .drawer-wrapper .drawer-container{position:relative;overflow:hidden auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;max-height:calc(100% - 92px)}.product .product-mix .drawer-wrapper .drawer-container::-webkit-scrollbar{display:initial;height:1rem;width:1rem}.product .product-mix .drawer-wrapper .drawer-container::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background-clip:padding-box;border:.3rem solid transparent;border-radius:1.6rem;background-color:rgba(var(--color-border),.3)}.product .product-mix .drawer-wrapper .drawer-container::-webkit-scrollbar-thumb{border:.3rem solid transparent;background-clip:padding-box;border-radius:1.6rem;background-color:#ebeced}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list{display:grid;grid-template-columns:80px 1fr;grid-column-gap:16px;padding:0 0 48px;grid-template-areas:"image info" "fit fit" "color color" "size size" "button button";min-height:106.5px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .list-info-image{grid-area:image;width:100%;font-size:0;height:106.5px;position:relative;background:#d8d8d8}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .list-info-image:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate3d(-100%,0,0);-webkit-animation:skeletonAni 1s ease infinite;animation:skeletonAni 1s ease infinite;display:block!important;width:100%;height:100%;position:absolute;display:block;content:"";top:0;left:0;z-index:1}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .list-info-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:2}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .list-info{grid-area:info}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-title p{font-size:14px;line-height:22px;font-family:var(--medium-font)}.product__info-wrapper .product-mix .drawer-wrapper .price bdi,.product__info-wrapper .product-mix .drawer-wrapper .price .price__prefix,.product__info-wrapper .product-mix .drawer-wrapper .price .price__suffix{font-size:12px;line-height:12px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-info{padding:8px 0 12px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-info,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-info span{font-size:12px;line-height:12px;font-family:var(--regular-font)}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart{background:var(--theme-color);height:64px;color:#fff;margin:32px 0 0;grid-area:button}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart .iconfont.icon-verify{font-size:0px;line-height:18px;color:#fff;position:absolute}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart.success .iconfont.icon-verify{font-size:18px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list.no-select .product-size-wrapper .select-wrapper{border-color:#991c1e}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list.no-select .size-rule{display:flex}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list.no-select add-to-cart{margin:24px 0 0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart .small-hide{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart .small-hide .label{width:100%;height:100%;font-size:14px;line-height:64px;font-family:var(--regular-font);text-align:center;padding:0;display:flex;align-items:center;justify-content:center}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart:hover .small-hide .label{transform:translate(0)}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart.success:hover .iconfont.icon-verify{color:var(--theme-color);font-size:18px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart:hover{opacity:1;background:none;border:1px solid var(--theme-color);color:var(--theme-color)}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper .select-wrapper{display:flex;flex-wrap:wrap;grid-row-gap:4px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper{grid-area:size;margin:24px 0 0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper{padding:0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-fit-wrapper{grid-area:fit;margin:24px 0 0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper{grid-area:color;margin:24px 0 0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-fit-wrapper .description,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .description,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper .description{font-size:12px;line-height:12px;font-family:var(--regular-font);padding:0 0 12px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .description{display:flex;align-items:center;justify-content:space-between}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .description .size-text{font-size:12px;font-family:var(--regular-font);text-decoration:underline;cursor:pointer}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper label.color{width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;margin-right:12px;background-size:cover;background-color:var(--swatch-background-color);background-image:var(--swatch-background-image);cursor:pointer}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-fit-wrapper .select-wrapper label{width:auto;height:36px;display:inline-flex;justify-content:center;align-items:center;font-size:12px;font-family:var(--regular-font);margin-right:12px;cursor:pointer;padding:0 12px;border:1px solid #dcdcdc}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-fit-wrapper .select-wrapper label.is-active{border:1px solid var(--theme-color)}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size{width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-size:12px;font-family:var(--regular-font);margin-right:12px;cursor:pointer;border:1px solid #dcdcdc}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size.other-size{width:auto;padding:0 14px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size:last-of-type{margin-right:0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper label.color:after{content:"";display:block;background-size:cover;background-color:var(--swatch-background-color);background-image:var(--swatch-background-image);width:100%;height:100%;position:absolute;border-radius:50%}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size.is-active:hover,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size:hover{background:var(--theme-color);color:#fff}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper label.color.is-active{border-color:var(--theme-color)}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper label.color.is-active:after{border-color:#fff;width:18px;height:18px;border-width:3px;border-style:solid}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size.disabled{color:#dcdcdc;pointer-events:none}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size.is-active{color:var(--theme-color);border:1px solid var(--theme-color)}.product .product-mix .size-chart-wrapper{position:fixed;width:610px;height:100%;background:#fff;top:0;right:0;z-index:1000;transform:translate(100%);box-sizing:border-box;padding:64px 40px;transition-property:transform,visibility;transition-duration:var(--duration-long);transition-timing-function:ease}.product .product-mix.size-open .size-chart-wrapper{display:block;transform:translate(0)}.product .product-mix.size-open .size-chart-wrapper .size-info-imgae-wrapper{font-size:0;margin:0 0 24px}.product .product-mix.size-open .size-chart-wrapper:has(.product-size:nth-of-type(2)) product-size:last-of-type{margin:24px 0 0}.product .product-mix.size-open .size-chart-wrapper .product-size .body-icon,.product .product-mix.size-open .size-chart-wrapper .product-size .size-footer,.product .product-mix.size-open .size-chart-wrapper .size-icon-wrapper{display:none}.product .product-mix.size-open .size-chart-wrapper .product-size .size-table-wrapper .option-wrapper{grid-template-columns:100%;display:grid;grid-template-columns:repeat(2,1fr);padding:18px 16px;background:#f3f2f2;margin:0 0 16px}.product .product-mix.size-open .size-chart-wrapper .product-size .size-table-wrapper .size-option{justify-content:flex-end;padding:0}.product .product-mix.size-open .size-chart-wrapper .product-size .size-title h1{padding-top:0}.product .product-mix.size-open .size-chart-wrapper .product-size .option-type-name{text-align:left;font-family:var(--regular-font);line-height:14px;font-size:14px;padding-bottom:0}.product .product-mix.size-open .size-chart-wrapper .product-size .size-table-wrapper .size-table-tip{white-space:nowrap}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper label.color[title=White]{border-style:solid;border-width:1px;border-color:#979797}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper label.color.is-active[title=White]:after{border-color:#979797;width:14px;height:14px;border-width:1px;border-style:solid}.product .product-mix .drawer-wrapper .drawer-container add-to-cart.button--cta.loading{display:flex;justify-content:center;opacity:.5;pointer-events:none}.product .product-mix .drawer-wrapper .drawer-container add-to-cart.button--cta.loading:after{position:absolute;width:18px;height:18px;right:auto}.product .product-mix .product-size .size-table-wrapper table th,.product .product-mix .product-size .size-table-wrapper table td{height:21px}.product .product-mix .size-rule{display:none;width:100%;justify-content:center}.product .product-mix .product-size .size-table-wrapper .size-tab:before{width:100%}.product .product-mix .size-rule .size-rule-words{font-size:12px;font-family:var(--regular-font);color:#991c1e;padding:12px 0 0;text-align:center;line-height:12px}@media screen and (max-width: 749px){.product .product-mix .size-rule .size-rule-words{padding:10px 0 0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list.no-select add-to-cart{margin:16px 0 0}.product .product-mix .product-size .size-table-wrapper table tr th:first-of-type,.product .product-mix .product-size .size-table-wrapper table tr td:first-of-type{width:40px}.product .product-mix .product-size .size-table-wrapper table tr th:nth-of-type(2),.product .product-mix .product-size .size-table-wrapper table tr th:nth-of-type(3),.product .product-mix .product-size .size-table-wrapper table tr th:nth-of-type(4){width:66px;line-height:16px}.product .product-mix .product-size .size-table-wrapper table tr th:nth-of-type(5){width:74px;line-height:16px}.product .product-mix.size-open .size-chart-wrapper:has(.product-size:nth-of-type(2)) product-size:last-of-type{margin:12px 0 0}.product .product-mix.size-open .size-chart-wrapper .product-size .size-table-wrapper .size-table-tip{white-space:wrap}.product .product-mix .product-size .size-table-wrapper table th,.product .product-mix .product-size .size-table-wrapper table td{height:36px}.product .product-mix .product-size .size-table-wrapper table td{line-height:36px}.product .product-mix .drawer-wrapper{width:100%;padding:36px 0 0}.product .product-mix .drawer-wrapper .drawer-header-wrapper .drawer-header-title{font-size:18px;line-height:18px}.product .product-mix .drawer-wrapper .drawer-header-wrapper .drawer-header-count{padding:10px 0 0}.product__info-wrapper .product-mix .drawer-wrapper .price bdi,.product__info-wrapper .product-mix .drawer-wrapper .price .price__prefix,.product__info-wrapper .product-mix .drawer-wrapper .price .price__suffix{font-size:12px!important;line-height:12px!important}.product .product-mix .drawer-wrapper .drawer-container{overflow-x:hidden;padding:0 16px;max-height:calc(100% - 64px)}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-info{padding:6px 0 10px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list{grid-template-columns:75px 1fr;grid-column-gap:12px;padding:0 0 32px}.product .product-mix .drawer-wrapper .drawer-header-wrapper{padding:0 16px 24px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-fit-wrapper,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper{margin:16px 0 0}.product .product-mix{padding:20px 39px 20px 20px;margin:24px 0 0}.product .product-mix .main-product-image-swiper .swiper-slide{width:48px!important;height:48px}.product .product-mix .icon-wrapper{width:12px;height:12px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper .select-wrapper{row-gap:10px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart{height:48px;margin:20px 0 0}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart .small-hide{color:#fff;display:flex!important}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .select-wrapper label.size{width:32px;height:32px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart .small-hide .label{line-height:48px;font-size:12px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list add-to-cart:hover .small-hide .label{color:var(--theme-color)}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper{margin:20px 0 0}.product .product-mix .size-chart-wrapper{width:100%;padding:36px 16px}.product .product-mix .size-chart-wrapper .off-icon,.product .product-mix .drawer-wrapper .off-icon{right:20px;top:20px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-fit-wrapper .description,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-size-wrapper .description,.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .product-color-wrapper .description{padding:0 0 8px}.product .product-mix .drawer-wrapper .drawer-container .drawer-mix-list .list-info-image{height:99.84px}}
/*# sourceMappingURL=/cdn/shop/t/220/assets/component-product-mix.css.map?enable_css_minification=1 */