.m-shop-by-skill{--section-padding-top: 50px;--section-padding-bottom: 50px}.m-section-py{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.shop-by-skill{display:block;width:100%}.shop-by-skill__header{text-align:center;margin-bottom:48px}.shop-by-skill__title{color:rgb(var(--color-heading-text));margin-bottom:20px}.shop-by-skill__description{color:rgb(var(--color-subtext));max-width:512px;margin:0 auto;font-size:16px}.shop-by-skill__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.shop-by-skill__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.shop-by-skill__grid{gap:16px}}.shop-by-skill__card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background-color:#d3e1ee;border-radius:8px;border:1px solid #eeeeee;text-decoration:none;transition:all .3s ease}@media(min-width:1024px){.shop-by-skill__card{padding:24px}}.shop-by-skill__card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#d0d0d0}.shop-by-skill__icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.shop-by-skill__card:hover .shop-by-skill__icon-wrapper{transform:scale(1.1)}.shop-by-skill__icon{width:20px;height:20px}.shop-by-skill__label{font-size:14px;font-weight:600;color:#222;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-shop-by-skill.css.map */