.shop-by-concern{position:relative}.shop-by-concern__header-title{margin-bottom:40px}.shop-by-concern__header-description{font-size:1.125rem;color:var(--color-text-secondary, #666);max-width:600px;margin:0 auto}.shop-by-concern__component{display:block}.shop-by-concern__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 1068px){.shop-by-concern__grid{gap:3rem}}.shop-by-concern__item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.shop-by-concern__placeholder{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary, #666)}.shop-by-concern__placeholder p{font-size:1.125rem;margin:0}.shop-by-concern--ab-test .concern-card{border:2px solid transparent;border-radius:12px;padding:.5rem}.shop-by-concern--ab-test .concern-card:hover{border-color:var(--color-primary, #4a90e2);background:var(--color-background-light, #f8f9ff)}.shop-by-concern--ab-test .concern-card__image-wrapper{border:3px solid var(--color-border-light, #e0e0e0)}.concern-card:hover .shop-by-concern--ab-test .concern-card__image-wrapper{border-color:var(--color-primary, #4a90e2)}@media screen and (max-width: 768px){.shop-by-concern__header{margin-bottom:2rem}.shop-by-concern__header-title{font-size:2rem}.shop-by-concern__header-description{font-size:1rem}.shop-by-concern--mobile-scroll .shop-by-concern__component{overflow:hidden}.shop-by-concern--mobile-scroll .shop-by-concern__grid{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:.5rem 0}.shop-by-concern--mobile-scroll .shop-by-concern__grid::-webkit-scrollbar{display:none}.shop-by-concern--mobile-scroll .shop-by-concern__item{min-width:120px;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:always}}@media screen and (max-width: 38em){.shop-by-concern__header-title{font-size:1.75rem}.shop-by-concern--mobile-scroll .shop-by-concern__component{overflow:hidden}.shop-by-concern--mobile-scroll .shop-by-concern__grid{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:.5rem 0}.shop-by-concern--mobile-scroll .shop-by-concern__grid::-webkit-scrollbar{display:none}}.concern-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:100%;max-width:160px;position:relative;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;color:var(--color-text-primary, #333)}.concern-card__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:inherit;width:100%;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.concern-card__link:focus{outline:2px solid var(--color-primary, #4a90e2);outline-offset:4px}.concern-card__link:focus-visible{outline:2px solid var(--color-primary, #4a90e2);outline-offset:4px}.concern-card__image-wrapper{position:relative;width:85px;height:85px;border-radius:50%;overflow:hidden;margin-bottom:.75rem;background:var(--background-color);border:2px solid var(--border-color, #b1ca52);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;-webkit-transition:all .3s ease;transition:all .3s ease;padding:15px}.concern-card__image-wrapper img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.concern-card__placeholder{width:100%;height:100%;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;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);color:var(--color-text-tertiary, #999);font-size:.75rem;text-align:center;padding:.5rem}.concern-card__placeholder-svg{width:60%;height:60%;opacity:.5}.concern-card__title{font-size:16px;font-weight:600;line-height:1.3;color:var(--color-text-primary, #333);margin:0;-webkit-transition:color .3s ease;transition:color .3s ease}
/*# sourceMappingURL=/cdn/shop/t/342/assets/component-shop-by-concern.css.map */