.sba-section{background:var(--sba-bg, #FBF8F4);padding-block:var(--sba-spacing-mobile, 40px);overflow:hidden}@media screen and (min-width:750px){.sba-section{padding-block:var(--sba-spacing-desktop, 80px)}}.sba-container{max-width:var(--sba-container-width, 1400px);margin-inline:auto;padding-inline:20px}@media screen and (min-width:750px){.sba-container{padding-inline:40px}}.sba-header{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:40px}@media screen and (min-width:750px){.sba-header{margin-bottom:56px}}.sba-heading{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.75rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--sba-title-color, #1A1A1A);margin:0 0 12px}.sba-subheading{font-size:clamp(.95rem,.85rem + .4vw,1.125rem);line-height:1.6;color:var(--sba-subtitle-color, #6B6B6B);margin:0;font-weight:400}.sba-nav{width:100%}.sba-list{display:flex;list-style:none;margin:0;padding:4px 4px 12px;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:flex-start}@media screen and (min-width:1000px){.sba-list{justify-content:center;flex-wrap:wrap;overflow-x:visible;padding-bottom:4px}}.sba-list::-webkit-scrollbar{height:6px}.sba-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sba-flower-color, #F4A9B8) 60%,transparent);border-radius:10px}.sba-list::-webkit-scrollbar-track{background:transparent}.sba-item{flex:0 0 auto;scroll-snap-align:start;width:130px;opacity:1;transform:none}@media screen and (min-width:750px){.sba-item{width:150px}}@media screen and (min-width:1000px){.sba-item{width:170px}}.sba-animate .sba-item{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--sba-delay, 0ms)}.sba-animate.sba-in-view .sba-item{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.sba-animate .sba-item{opacity:1;transform:none;transition:none}}.sba-card{margin:0}.sba-link{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;outline-offset:4px;padding:6px;border-radius:24px;-webkit-tap-highlight-color:transparent}.sba-link:focus-visible{outline:2px solid var(--sba-item-flower-color, var(--sba-hover-color, #E5738A))}.sba-flower{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;isolation:isolate;transition:transform .45s cubic-bezier(.34,1.56,.64,1);will-change:transform}.sba-item--shadow .sba-flower{filter:drop-shadow(0 8px 20px rgba(0,0,0,.08))}.sba-link:hover .sba-flower,.sba-link:focus-visible .sba-flower{transform:translateY(-6px) scale(1.06)}.sba-item--shadow .sba-link:hover .sba-flower,.sba-item--shadow .sba-link:focus-visible .sba-flower{filter:drop-shadow(0 16px 28px rgba(0,0,0,.14))}@media(prefers-reduced-motion:reduce){.sba-flower,.sba-flower__petal,.sba-flower__center{transition:none!important}}.sba-flower__petal{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:62%;height:62%;border-radius:42% 58% 55% 45%/55% 45% 58% 42%;background:linear-gradient(155deg,var(--sba-item-flower-color, var(--sba-flower-color, #F4A9B8)) 0%,color-mix(in srgb,var(--sba-item-flower-color, var(--sba-flower-color, #F4A9B8)) 70%,white) 100%);transition:background .4s ease,transform .45s cubic-bezier(.34,1.56,.64,1);z-index:1}.sba-flower__petal--1{transform:rotate(0) translateY(-22%)}.sba-flower__petal--2{transform:rotate(60deg) translateY(-22%)}.sba-flower__petal--3{transform:rotate(120deg) translateY(-22%)}.sba-flower__petal--4{transform:rotate(180deg) translateY(-22%)}.sba-flower__petal--5{transform:rotate(240deg) translateY(-22%)}.sba-flower__petal--6{transform:rotate(300deg) translateY(-22%)}.sba-link:hover .sba-flower__petal,.sba-link:focus-visible .sba-flower__petal{background:linear-gradient(155deg,var(--sba-item-flower-color, var(--sba-hover-color, #E5738A)) 0%,color-mix(in srgb,var(--sba-item-flower-color, var(--sba-hover-color, #E5738A)) 65%,white) 100%)}.sba-link:hover .sba-flower__petal--1,.sba-link:focus-visible .sba-flower__petal--1{transform:rotate(0) translateY(-25%) scale(1.05)}.sba-link:hover .sba-flower__petal--2,.sba-link:focus-visible .sba-flower__petal--2{transform:rotate(60deg) translateY(-25%) scale(1.05)}.sba-link:hover .sba-flower__petal--3,.sba-link:focus-visible .sba-flower__petal--3{transform:rotate(120deg) translateY(-25%) scale(1.05)}.sba-link:hover .sba-flower__petal--4,.sba-link:focus-visible .sba-flower__petal--4{transform:rotate(180deg) translateY(-25%) scale(1.05)}.sba-link:hover .sba-flower__petal--5,.sba-link:focus-visible .sba-flower__petal--5{transform:rotate(240deg) translateY(-25%) scale(1.05)}.sba-link:hover .sba-flower__petal--6,.sba-link:focus-visible .sba-flower__petal--6{transform:rotate(300deg) translateY(-25%) scale(1.05)}.sba-flower__center{position:relative;z-index:2;display:grid;place-items:center;width:46%;height:46%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#fdfaf6 60%,#f6f0e8);box-shadow:inset 0 1px 2px #ffffffe6,inset 0 -3px 6px #0000000d,0 2px 6px #0000000f;overflow:hidden}.sba-item--glow .sba-link:hover .sba-flower__center,.sba-item--glow .sba-link:focus-visible .sba-flower__center{box-shadow:inset 0 1px 2px #ffffffe6,inset 0 -3px 6px #0000000d,0 0 0 6px color-mix(in srgb,var(--sba-item-flower-color, var(--sba-hover-color, #E5738A)) 18%,transparent),0 10px 22px color-mix(in srgb,var(--sba-item-flower-color, var(--sba-hover-color, #E5738A)) 30%,transparent)}.sba-flower__image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.sba-flower__emoji{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);line-height:1;transform:translateY(-2px)}.sba-flower__initial{font-size:1.5rem;font-weight:700;color:var(--sba-item-text-color, var(--sba-text-color, #1A1A1A));text-transform:uppercase}.sba-label{font-size:.9rem;font-weight:600;letter-spacing:.01em;color:var(--sba-item-text-color, var(--sba-text-color, #1A1A1A));text-align:center;line-height:1.3;transition:color .3s ease}.sba-link:hover .sba-label,.sba-link:focus-visible .sba-label{color:var(--sba-item-text-color, var(--sba-hover-text-color, #E5738A))}.sba-empty-state{text-align:center;padding:40px 20px;border:1px dashed color-mix(in srgb,var(--sba-title-color, #1A1A1A) 20%,transparent);border-radius:16px;color:var(--sba-subtitle-color, #6B6B6B)}.sba-empty-state p{margin:0;font-size:.95rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shop-by-age.css.map */