.shop-by-material{margin:120px 0;overflow-x:clip}@media(max-width:989px){.shop-by-material{margin:60px 0}}.shop-by-material__heading{margin:0 0 50px}@media(max-width:989px){.shop-by-material__heading{margin:0 0 24px}}.shop-by-material__list-wrap{position:relative}.shop-by-material__row{display:grid;grid-template-columns:312px 1fr 34px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #E9EBEF;text-decoration:none;color:inherit;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;position:relative;z-index:0;margin-bottom:-1px}.shop-by-material__row:before{content:"";background-color:#000;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100vw;top:0;height:100%;z-index:-1;opacity:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.shop-by-material__row:hover{color:#fff!important}.shop-by-material__row:hover:before{opacity:1}.shop-by-material__row:hover .shop-by-material__col--icon path{fill:#fff}.shop-by-material__row:hover .shop-by-material__num{color:#fff}@media(max-width:1209px){.shop-by-material__row{grid-template-columns:94px 1fr 34px}}@media(max-width:989px){.shop-by-material__row{gap:10px}.shop-by-material__row:hover{background:transparent;color:inherit}}.shop-by-material__col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shop-by-material__col--num{gap:10px}.shop-by-material__num{color:#4f4f4f;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.28px;text-transform:uppercase}@media(max-width:989px){.shop-by-material__num{display:none}.shop-by-material__row{grid-template-columns:50px 1fr 34px}}.shop-by-material__col--title{font-size:24px;font-style:normal;font-weight:600;line-height:100%;text-transform:uppercase;letter-spacing:-.2px}@media(max-width:989px){.shop-by-material__col--title{font-size:16px;line-height:1.2}}.shop-by-material__col--icon{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.shop-by-material__col--icon svg{display:block;margin-right:8px}@media(max-width:989px){.shop-by-material__col--icon svg{margin-right:0}}.shop-by-material__thumb{width:50px;height:50px;overflow:hidden;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:none}@media(max-width:1209px){.shop-by-material__thumb{display:block}}.shop-by-material__thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.shop-by-material__floating-preview{position:absolute;right:190px;-webkit-transform:translateY(-51%);transform:translateY(-51%);width:320px;opacity:0;pointer-events:none;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;z-index:5}@media(max-width:989px){.shop-by-material__floating-preview{display:none}}.shop-by-material__floating-preview.is-visible{opacity:1}.shop-by-material__floating-inner{width:100%;overflow:hidden;aspect-ratio:320/310;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shop-by-material__floating-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition:opacity .25s ease,-webkit-transform .35s ease;transition:opacity .25s ease,-webkit-transform .35s ease;transition:transform .35s ease,opacity .25s ease;transition:transform .35s ease,opacity .25s ease,-webkit-transform .35s ease;-webkit-transform-origin:center;transform-origin:center;will-change:transform,opacity}.shop-by-material__floating-img.is-ready{-webkit-transform:scale(1);transform:scale(1);opacity:1}
/*# sourceMappingURL=/cdn/shop/t/28/assets/shop-by-material.css.map */