.pc_title{color:#000;font-family:var(--global-font);font-size:28px;font-style:normal;font-weight:500;line-height:44px;letter-spacing:-.56px}.wft_load_more{border-radius:100px;background:#40a56d;display:inline-flex;padding:11px 30px;justify-content:center;align-items:center;gap:10px;color:var(--White, #FFF);text-align:center;font-family:var(--global-font);font-size:16px;font-style:normal;font-weight:800;line-height:22px;transition:background-color .3s ease,color .3s ease}.hidden{display:none}.wft_load_more_container{display:flex;justify-content:center;align-items:center;margin:50px auto}.wft_load_more:hover{color:#40a56d;border:1px solid #40A56D;background-color:#fff}.populars-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr;gap:10px;justify-items:start;row-gap:20px;column-gap:65px}.colors-grid-container{display:grid;grid-template-columns:repeat(5,80px);justify-content:center;align-items:center}.color-grid-item{width:80px;height:80px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.color-grid-item:hover{cursor:pointer;transform:scale(1.01);box-shadow:0 4px 15px #00000026}.color-grid-title{color:var(--primary-900, #055E5A);text-align:center;font-family:var(--global-font);font-size:20px;font-style:normal;font-weight:500;line-height:30px;transition:color .3s ease,text-decoration .3s ease}.color-grid-title:hover{color:var(--primary-700, #077F7C);text-decoration:underline;font-weight:550}@media only screen and (min-width: 601px) and (max-width: 1279px){.pc_title{font-size:24px;line-height:36px}.wft_load_more{padding:10px 20px;font-size:14px;line-height:20px}.populars-grid-container{grid-template-columns:repeat(2,1fr);column-gap:40px}.popular-grid-item{width:100%}.colors-grid-container{width:100%;grid-template-columns:repeat(5,60px)}.color-grid-item{width:60px;height:60px}.color-grid-title{font-size:18px;line-height:27px}}@media only screen and (max-width: 600px){.populars-grid-container{grid-template-columns:repeat(2,1fr);justify-items:center;gap:unset}.colors-grid-container{width:100%;grid-template-columns:repeat(5,30px)}.color-grid-item{width:30px;height:30px}.pc_title{padding:0 20px;text-align:center}.wft_load_more_container{margin:30px auto}.color-grid-title{margin-top:2px;margin-bottom:30px}}
/*# sourceMappingURL=/cdn/shop/t/555/assets/component-shop-by-color-popular-colors.css.map */