.wft_main_title{color:#000;font-family:var(--global-font);font-size:28px;font-style:normal;font-weight:500;line-height:44px;letter-spacing:-.56px}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-template-rows:auto 1fr;column-gap:10px;row-gap:20px}.grid-item-media{position:relative;display:inline-block;overflow:hidden;width:100%;padding-top:100%;cursor:pointer}.grid-item-media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.grid-item-media:hover img{cursor:pointer;transform:scale(1.02);box-shadow:0 4px 15px #00000026}.grid-item{position:relative;display:inline-block;overflow:hidden;width:325px;height:395px}.grid-item img,.grid-item svg{width:100%;height:auto;border:0}.grid-item svg{border:1px solid #000000}.color-container{display:grid;grid-template-columns:repeat(5,65px);justify-content:center;justify-items:center;align-items:end;position:absolute;top:0;left:0;width:100%;height:100%}.color-item{width:65px;height:65px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.color-item:hover{cursor:pointer;transform:scale(1.01);box-shadow:0 4px 15px #00000026}.color-title{color:var(--primary-900, #055E5A);text-align:center;font-family:var(--global-font);font-size:20px;font-style:normal;font-weight:600;line-height:30px;transition:color .3s ease,text-decoration .3s ease}.color-title:hover{color:var(--primary-700, #077F7C);text-decoration:underline;font-weight:650}@media only screen and (min-width: 850px) and (max-width: 1279px){.grid-container{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);column-gap:10px;row-gap:20px}.color-container{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.grid-item{height:100%;width:100%}.grid-item img,.grid-item-media{width:100%;height:300px}.color-item{height:0%;width:100%;padding-top:100%}}@media only screen and (min-width: 601px) and (max-width: 849px){.grid-container{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);column-gap:10px;row-gap:20px}.color-container{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.grid-item{height:100%;width:100%}.grid-item img,.grid-item-media{width:100%;height:170px}.color-item{height:0%;width:100%;padding-top:100%}}@media only screen and (min-width: 450px) and (max-width: 600px){.grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);column-gap:10px;row-gap:12px}.color-container{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.grid-item{height:100%;width:100%}.grid-item img,.grid-item-media{width:100%;height:270px}.color-item{height:0%;width:100%;padding-top:100%}.wft_main_title{color:#000;font-family:var(--global-font);font-size:28px;font-style:normal;font-weight:500;line-height:36px;letter-spacing:-.56px;padding:0 10px;text-align:center}.color-title p{margin:5px 22px}}@media only screen and (max-width: 449px){.grid-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);column-gap:10px;row-gap:12px}.color-container{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.grid-item{height:100%;width:100%}.grid-item img,.grid-item-media{width:100%;height:170px}.color-item{height:0%;width:100%;padding-top:100%}.wft_main_title{color:#000;font-family:var(--global-font);font-size:28px;font-style:normal;font-weight:500;line-height:36px;letter-spacing:-.56px;padding:0 10px;text-align:center}.color-title p{margin:5px 22px}}
/*# sourceMappingURL=/cdn/shop/t/555/assets/component-shop-by-color-grid-colors.css.map */