.shop-by-age{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.shop-by-age__heading-wrap{text-align:center;margin-bottom:3rem;justify-content:center!important}.shop-by-age__heading{margin:0}.shop-by-age__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.shop-by-age__card{--shop-by-age-card-bg: #e4e9f7;position:relative;display:flex;flex-direction:column;width:100%;height:clamp(201px,26.3vw,299px);box-sizing:border-box;background:var(--shop-by-age-card-bg);opacity:1;border-radius:16px;overflow:hidden}.shop-by-age__card-body{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);align-items:center;column-gap:clamp(8px,3.5vw,52px);height:100%;min-height:0;padding:0}.shop-by-age__text-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}.shop-by-age__label{margin:0;padding-top:2.5rem;font-size:clamp(2.2rem,3.5vw,4rem);line-height:1.08;font-weight:400;letter-spacing:0;text-align:center;color:rgb(var(--color-foreground));justify-self:start}.shop-by-age__label-row{display:inline-block;font-family:Outfit,sans-serif;max-width:100%;white-space:nowrap;line-height:1;vertical-align:top}.shop-by-age__label-row~.shop-by-age__label-row{margin-top:.2rem}.shop-by-age__animation{position:relative;width:min(100%,clamp(90px,11vw,160px));aspect-ratio:320 / 238;height:auto;justify-self:start;align-self:center;transform-origin:50% 68%;animation:shop-by-age-spring-float 4.4s cubic-bezier(.25,.6,.35,1) infinite}.shop-by-age__frame{position:absolute;scale:2;top:-10px;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center right;backface-visibility:hidden;transform:translateZ(0);overflow:hidden}.shop-by-age__frame--1{opacity:1;animation:shop-by-age-frame-swap-1 4.4s steps(1,end) infinite}.shop-by-age__frame--2{opacity:0;animation:shop-by-age-frame-swap-2 4.4s steps(1,end) infinite}.shop-by-age__view-link{flex-shrink:0;align-self:center;font-size:1.6rem;line-height:1;font-weight:400;letter-spacing:0;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:1px;text-align:center;white-space:nowrap;width:100%;border-radius:16px}.shop-by-age__view-link:focus-visible{outline:.2rem solid currentColor;outline-offset:.2rem;border-radius:.2rem}@keyframes shop-by-age-frame-swap-1{0%,56.9%{opacity:1}57%,to{opacity:0}}@keyframes shop-by-age-frame-swap-2{0%,56.9%{opacity:0}57%,to{opacity:1}}@keyframes shop-by-age-spring-float{0%{transform:translateY(0) scale(1) rotate(0)}30%{transform:translateY(-1.2px) scale(1.002) rotate(-.08deg)}57%{transform:translateY(-2.2px) scale(1.004) rotate(-.12deg)}84%{transform:translateY(-.8px) scale(1.0015) rotate(.04deg)}to{transform:translateY(0) scale(1) rotate(0)}}@media screen and (max-width:768px){.shop-by-age__animation dotlottie-player{width:100%!important;height:119px!important;max-width:100%!important}.shop-by-age__animation{margin-top:-27px!important;margin-bottom:30px}.shop-by-age .page-width{padding-left:max(1.5rem,env(safe-area-inset-left,0px));padding-right:max(1.5rem,env(safe-area-inset-right,0px))}.shop-by-age__heading-wrap{margin-bottom:2rem}.shop-by-age__grid{gap:clamp(6px,2.2vw,12px);max-width:100%;margin-inline:auto;align-items:start}.shop-by-age__card{height:fit-content;max-height:none;padding:0px clamp(5px,1.5vw,10px) 0px;border-radius:clamp(12px,3.5vw,16px)}.shop-by-age__view-link{margin-top:10px!important}.shop-by-age__card-body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.shop-by-age__text-wrap{align-items:center;justify-content:flex-start;width:100%}.shop-by-age__label{text-align:center;font-size:20px;line-height:1.08;padding-top:1.5rem}.shop-by-age__animation{width:100%;max-width:min(100%,11rem);height:auto;min-height:clamp(5.25rem,18vw,7rem);flex:1 1 auto;max-height:none;justify-self:center;align-self:center;margin-top:.2rem;transform-origin:50% 65%}.shop-by-age__frame{scale:1.1;top:-3px;right:0;bottom:0;left:0;object-position:center center;position:absolute;width:100%;height:100%;object-fit:contain;justify-self:center;align-self:center}}@media(prefers-reduced-motion:reduce){.shop-by-age__animation,.shop-by-age__frame--1,.shop-by-age__frame--2{animation:none}.shop-by-age__frame--1{opacity:1}.shop-by-age__frame--2{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/shop-by-age.css.map */