.shop-by-age-section{padding-top:var(--sba-padding-top, 56px);padding-bottom:var(--sba-padding-bottom, 56px)}.shop-by-age__header{text-align:center;margin-bottom:2.5rem}.shop-by-age__heading{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:var(--text-h2, 1.8rem);margin:0 0 .5rem}.shop-by-age__subheading{opacity:.7;margin:0}.shop-by-age{position:relative;display:flex;align-items:center;gap:.5rem}.shop-by-age__track{display:flex;justify-content:flex-start;gap:var(--sba-gap, 24px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:.25rem .25rem 1rem;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.shop-by-age__track::-webkit-scrollbar{display:none}.shop-by-age__item{flex:none;width:calc((100% - (var(--sba-items-mobile) - 1) * var(--sba-gap, 24px)) / var(--sba-items-mobile));display:flex;flex-direction:column;align-items:center;gap:.85rem;text-decoration:none;color:inherit;scroll-snap-align:start}@media screen and (min-width:750px){.shop-by-age__item{width:calc((100% - (var(--sba-items-tablet) - 1) * var(--sba-gap, 24px)) / var(--sba-items-tablet))}}@media screen and (min-width:990px){.shop-by-age__item{width:calc((100% - (var(--sba-items-desktop) - 1) * var(--sba-gap, 24px)) / var(--sba-items-desktop))}}.shop-by-age__circle{width:var(--sba-image-size, 100%);aspect-ratio:1 / 1;border-radius:var(--sba-shape-radius, 50%);overflow:hidden;display:block;margin-inline:auto;position:relative;background:rgb(var(--text-color) / .06);transition:transform .2s ease,box-shadow .2s ease}.shop-by-age__item:hover .shop-by-age__circle{transform:scale(1.04);box-shadow:0 6px 20px #0000001f}.shop-by-age__image{width:100%;height:100%;object-fit:cover;display:block}.shop-by-age__image--primary,.shop-by-age__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .35s ease}.shop-by-age__image--primary{opacity:1;z-index:1}.shop-by-age__image--secondary{opacity:0;z-index:2}.shop-by-age__item:hover .shop-by-age__image--primary{opacity:0}.shop-by-age__item:hover .shop-by-age__image--secondary{opacity:1}.shop-by-age__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.shop-by-age__placeholder.shop-by-age__image--primary,.shop-by-age__placeholder.shop-by-age__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0}.shop-by-age__placeholder svg{width:60%;height:60%;opacity:.4}.shop-by-age__label{font-size:.75rem;text-align:center;text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);font-weight:600}.shop-by-age__arrow{flex:none;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--sba-arrow-border, rgb(var(--text-color) / .15));background:var(--sba-arrow-bg, rgb(var(--background-without-opacity)));color:var(--sba-arrow-icon, rgb(var(--text-color)));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s ease;z-index:2}.shop-by-age__arrow svg{width:1.1rem;height:1.1rem;display:block;flex:none}.shop-by-age__arrow{opacity:1!important;pointer-events:auto!important}.shop-by-age--no-overflow .shop-by-age__track{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/24/assets/shop-by-age.css.map */