.async-mod-scope .spec-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:rgba(0,0,0,.5)}.async-mod-scope .spec-layer.hidden{height:0;visibility:hidden}.async-mod-scope .spec-layer .ft-btn{background-color:#fff}.async-mod-scope .spec-layer .ft-btn-primary{background-color:#e64545;color:#fff;font-weight:700;border:unset}.async-mod-scope .spec-layer .ft-btn-primary:hover{border:unset;color:#fff;background:#cf3e3e}.async-mod-scope .spec-layer-left{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.async-mod-scope .spec-layer-left-mask{position:absolute;top:0;right:0;bottom:0;left:0}.async-mod-scope .spec-layer-right{width:600px;background-color:#fff;border-top-left-radius:5px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .1s ease-in-out .1s;transition:transform .1s ease-in-out .1s;transition:transform .1s ease-in-out .1s,-webkit-transform .1s ease-in-out .1s}.async-mod-scope .spec-layer-right.hidden{-webkit-transform:translateX(100%);transform:translateX(100%)}.async-mod-scope .spec-layer .spec-preview,.async-mod-scope .spec-layer .spec-preview img.sku-img{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.async-mod-scope .spec-layer .spec-preview{width:800px;max-width:68%;z-index:9}.async-mod-scope .spec-layer .spec-preview-inner{padding-top:100%}.async-mod-scope .spec-layer .spec-preview-inner div.swiper{position:absolute;top:0;left:0}.async-mod-scope .spec-layer .spec-preview img.sku-img{max-width:100%;max-height:100%}.async-mod-scope .spec-layer .spec-preview .ft-swiper-next,.async-mod-scope .spec-layer .spec-preview .ft-swiper-prev{display:none}.async-mod-scope .spec-layer .spec-preview-sw{position:absolute;top:50%;width:48px!important;height:48px!important;border:0;border-radius:50%;background-color:rgba(255,255,255,.8);-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.06),0 9px 16px 8px rgba(0,0,0,.03);box-shadow:0 6px 10px 0 rgba(0,0,0,.06),0 9px 16px 8px rgba(0,0,0,.03);color:#555}.async-mod-scope .spec-layer .spec-preview-sw:hover{background-color:#fff;color:#222}.async-mod-scope .spec-layer .spec-preview-sw.sw-prev{left:0;-webkit-transform:translate3d(calc(-100% - 40px),-50%,0);transform:translate3d(calc(-100% - 40px),-50%,0)}.async-mod-scope .spec-layer .spec-preview-sw.sw-prev .icon-left{margin-left:-3px}.async-mod-scope .spec-layer .spec-preview-sw.sw-next{right:0;-webkit-transform:translate3d(calc(100% + 40px),-50%,0);transform:translate3d(calc(100% + 40px),-50%,0)}.async-mod-scope .spec-layer .spec-preview-sw.sw-next .icon-right{margin-left:3px}.async-mod-scope .spec-layer .spec-details{position:relative;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.async-mod-scope .spec-layer .spec-details-close{position:absolute;top:10px;right:10px;cursor:pointer}.async-mod-scope .spec-layer .spec-details-header{padding:20px 20px 0}.async-mod-scope .spec-layer .spec-details-title{font-size:18px;font-weight:600}.async-mod-scope .spec-layer .spec-details-sub-title{font-size:18px;font-weight:600;margin-bottom:10px}.async-mod-scope .spec-layer .spec-details-price{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;padding:20px 0;border-bottom:1px solid #ced3d9}.async-mod-scope .spec-layer .spec-details-price,.async-mod-scope .spec-layer .spec-details-price .spec-price-item{display:-webkit-box;display:-ms-flexbox;display:flex}.async-mod-scope .spec-layer .spec-details-price .spec-price-item:nth-child(3n+2){-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.async-mod-scope .spec-layer .spec-details-price .spec-price-item:nth-child(3n+3){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.async-mod-scope .spec-layer .spec-details-price .spec-price-item b{font-size:24px;font-weight:600;line-height:30px;white-space:nowrap}.async-mod-scope .spec-layer .spec-details-price .spec-price-item.active b{color:#e64545}.async-mod-scope .spec-layer .spec-details-main{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 20px 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.async-mod-scope .spec-layer .spec-details-items{padding:20px 0}.async-mod-scope .spec-layer .spec-details-items .spec-item:nth-child(n+2){margin-top:15px}.async-mod-scope .spec-layer .spec-details-items .spec-name{color:#555;margin-bottom:10px}.async-mod-scope .spec-layer .spec-details-items .spec-name>.spec-value-name{color:#222;margin-left:10px}.async-mod-scope .spec-layer .spec-details-items .spec-value{padding:5px 10px;border:1px solid #ced3d9;margin:0;font-size:15px;line-height:1.5}.async-mod-scope .spec-layer .spec-details-items .spec-value:hover{background-color:#f4f4f4}.async-mod-scope .spec-layer .spec-details-items .spec-value.active{border:1px solid #222!important;outline:1px solid #222;background-color:#f4f4f4;font-weight:700}.async-mod-scope .spec-layer .spec-details-items .spec-value-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.disabled{gap:10px 20px;padding:10px;border-radius:4px;background:#f5f7fa}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.preview .spec-value{width:48px;height:48px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:0;border-color:transparent;padding:0}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.preview .spec-value:hover{border:1px solid #222!important;outline:1px solid #222}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.preview .spec-value-img{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.preview .spec-value-img::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;background-color:rgba(0,0,0,.03)}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.preview .spec-value-img img{max-width:100%;max-height:100%}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.column.preview{gap:20px}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.column.preview .spec-value{width:60px;height:60px;overflow:visible;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.async-mod-scope .spec-layer .spec-details-items .spec-value-items.column.preview .spec-value-name{font-size:14px;font-weight:700;margin-left:10px}.async-mod-scope .spec-layer .spec-details-items .spec-value-items .sku-count{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.async-mod-scope .spec-layer .spec-details-items .spec-value-items .sku-count>div:nth-child(3n+1){width:120px}.async-mod-scope .spec-layer .spec-details-items .spec-value-items .sku-count>div:nth-child(3n+2){-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.async-mod-scope .spec-layer .spec-details-items .spec-value-items .sku-count>div:nth-child(3n+3) .ft-input{width:93px;text-align:center}.async-mod-scope .spec-layer .spec-details-items .spec-value-items .sku-count>div:nth-child(3n+3) .ft-input-addon i{font-weight:700}.async-mod-scope .spec-layer .spec-details-items .spec-value-items .ft-badge{z-index:99}.async-mod-scope .spec-layer .spec-details-items .spec-value-items .ft-badge.hidden{display:none}.async-mod-scope .spec-layer .spec-details-footer{-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px 20px 20px;-webkit-box-shadow:3px -3px 6px 0 rgba(0,0,0,.06);box-shadow:3px -3px 6px 0 rgba(0,0,0,.06)}.async-mod-scope .spec-layer .spec-details-footer .spec-total-pay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;font-weight:700;margin-bottom:20px}.async-mod-scope .spec-layer .spec-details-footer .spec-start-order-btn{width:100%;padding:14px}.async-mod-scope[lang=sa] .spec-layer-right.hidden{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.async-mod-scope[lang=sa] .spec-layer .spec-details-close{right:unset;left:10px}.async-mod-scope[lang=sa] .spec-layer .spec-preview-sw.sw-prev{left:unset;right:0;-webkit-transform:translate3d(calc(100% + 40px),-50%,0);transform:translate3d(calc(100% + 40px),-50%,0)}.async-mod-scope[lang=sa] .spec-layer .spec-preview-sw.sw-prev .icon-left{margin-left:3px}.async-mod-scope[lang=sa] .spec-layer .spec-preview-sw.sw-next{right:unset;left:0;-webkit-transform:translate3d(calc(-100% - 40px),-50%,0);transform:translate3d(calc(-100% - 40px),-50%,0)}.async-mod-scope[lang=sa] .spec-layer .spec-preview-sw.sw-next .icon-right{margin-left:-3px}
/*# sourceMappingURL=../../../../../../__sources__/landing/www/product/async-modules/dist/css/_spec-details-35f33181_ac024660.css.map */