.age-chips{--age-band-bg: #f2f1ed;--age-ink: #16243f;--age-ink-soft: #8a8a8a;--age-chip-bg: #ffffff;--age-chip-border: rgba(22, 36, 63, .07);--age-chip-shadow: 0 1px 2px rgba(22, 36, 63, .05);--age-chip-shadow-hover: 0 3px 8px rgba(22, 36, 63, .09);display:flex;align-items:center;gap:4rem;padding:2.8rem 3.2rem;border-radius:2.4rem;background:var(--age-band-bg);margin-block-end:2.4rem}.age-chips__intro{flex:0 0 auto;max-width:24rem}.age-chips__heading{margin:0;color:var(--age-ink);font-size:2.6rem;font-weight:700;line-height:1.15;letter-spacing:-.01em}.age-chips__subheading{margin:.6rem 0 0;color:var(--age-ink-soft);font-size:1.5rem;font-weight:400;line-height:1.4}.age-chips__row{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;padding:.4rem;margin:-.4rem}.age-chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:1.3rem 2.6rem;border:1px solid var(--age-chip-border);border-radius:999px;background:var(--age-chip-bg);box-shadow:var(--age-chip-shadow);color:var(--age-ink);font-family:inherit;font-size:1.5rem;font-weight:500;line-height:1;white-space:nowrap;text-align:center;text-decoration:none;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease,color .2s ease}.age-chip:hover:not([disabled]){box-shadow:var(--age-chip-shadow-hover);transform:translateY(-1px);color:var(--age-ink)}.age-chip.is-active{background:var(--age-ink);border-color:var(--age-ink);color:#fff;box-shadow:none}.age-chip.is-active:hover{transform:translateY(-1px);color:#fff}.age-chip[disabled]{opacity:.4;box-shadow:none;cursor:not-allowed}.age-chip:focus-visible{outline:2px solid var(--age-ink);outline-offset:2px}@media screen and (max-width:989px){.age-chips{flex-direction:column;align-items:stretch;gap:1.8rem;padding:2.4rem 2rem;border-radius:2rem}.age-chips__intro{max-width:none}.age-chips__heading{font-size:2.2rem}.age-chips__row{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.age-chips__row::-webkit-scrollbar{display:none}.age-chip{scroll-snap-align:start;padding:1.2rem 2.2rem;font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.age-chip,.age-chip:hover:not([disabled]),.age-chip.is-active:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/age-chips.css.map */