.color-swatch__modal,.color-swatches-page{margin-top:40px;padding-bottom:40px}.color-swatch__modal *,.color-swatch__modal :after,.color-swatch__modal :before,.color-swatches-page *,.color-swatches-page :after,.color-swatches-page :before{-webkit-box-sizing:border-box;box-sizing:border-box}.color-swatch__modal.color-swatch__color-modal,.color-swatches-page.color-swatch__color-modal{margin-top:0}.color-swatch__category-buttons{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto 68px;text-align:center}@media(min-width:768px){.color-swatch__category-buttons{grid-template-columns:repeat(4,1fr)}}.color-swatch__category-buttons button{background:transparent;border:none;border-bottom:2px solid #fff;cursor:pointer;height:54px;padding:0}@media(min-width:768px){.color-swatch__category-buttons button{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px}}.color-swatch__category-buttons .active-tab{border-bottom-color:#3575ca;-webkit-box-shadow:0 6.0308px 17.869px rgba(0,0,0,.042),0 3.38082px 10.0172px rgba(0,0,0,.035),0 1.79553px 5.32008px rgba(0,0,0,.028),0 .747159px 2.21381px rgba(0,0,0,.02);box-shadow:0 6.0308px 17.869px rgba(0,0,0,.042),0 3.38082px 10.0172px rgba(0,0,0,.035),0 1.79553px 5.32008px rgba(0,0,0,.028),0 .747159px 2.21381px rgba(0,0,0,.02)}@media(min-width:768px){.color-swatch__category-buttons .active-tab{-webkit-box-shadow:0 11.28px 33.4221px rgba(0,0,0,.05),0 6.0308px 17.869px rgba(0,0,0,.042),0 3.38082px 10.0172px rgba(0,0,0,.035),0 1.79553px 5.32008px rgba(0,0,0,.028),0 .747159px 2.21381px rgba(0,0,0,.02);box-shadow:0 11.28px 33.4221px rgba(0,0,0,.05),0 6.0308px 17.869px rgba(0,0,0,.042),0 3.38082px 10.0172px rgba(0,0,0,.035),0 1.79553px 5.32008px rgba(0,0,0,.028),0 .747159px 2.21381px rgba(0,0,0,.02)}}.color-swatch__category-buttons .active-tab img{border:none}.category-img-wrap{height:29px;overflow:hidden;position:relative}@media(min-width:768px){.category-img-wrap{height:58px;width:60px}}.category-img-wrap img{border:1px solid #f3f3f3;display:block;height:auto;width:100%}@media(min-width:768px){.category-img-wrap img{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}}.category-img-wrap--textured,.category-img-wrap--white{border:1px solid #f3f3f3}.category-title-wrap{background-color:#f3f3f3;display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width:768px){.category-title-wrap{height:58px;width:calc(100% - 60px)}}.category-title-wrap .h6{color:#424242;font-weight:400;margin:0}@media(min-width:768px){.category-title-wrap .h6{font-size:14px;line-height:20px}}.category-title-wrap.category-title-wrap-color .h6{text-transform:capitalize}.color-swatch-grid{display:grid;gap:44px;grid-template-columns:repeat(3,1fr);margin:0 auto;width:100%}@media(min-width:576px){.color-swatch-grid{gap:20px;grid-template-columns:repeat(5,1fr)}}.card{background:#fff;text-decoration:none;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.card img{border-radius:20px;-webkit-box-shadow:0 6.0308px 17.869px rgba(0,0,0,.042),0 3.38082px 10.0172px rgba(0,0,0,.035),0 1.79553px 5.32008px rgba(0,0,0,.028),0 .747159px 2.21381px rgba(0,0,0,.02);box-shadow:0 6.0308px 17.869px rgba(0,0,0,.042),0 3.38082px 10.0172px rgba(0,0,0,.035),0 1.79553px 5.32008px rgba(0,0,0,.028),0 .747159px 2.21381px rgba(0,0,0,.02);display:block;width:100%}.card .title{color:#666;font-size:11px;font-weight:600;padding-top:7px;text-align:center}@media(min-width:768px){.card .title{font-size:16px;line-height:20px;padding-top:10px}}.card.is-hiding{opacity:0;pointer-events:none;-webkit-transform:scale(.95);transform:scale(.95)}.card[hidden]{display:none!important}.color-swatch__grid-modal{grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:750px}