.family-picker{margin-bottom:1.25rem}.family-picker__heading{font-size:.82em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;opacity:.7}.family-picker__count{font-weight:400;opacity:.75}.family-picker__row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}.family-picker__row::-webkit-scrollbar{height:3px}.family-picker__row::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.family-picker__item{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.family-picker__thumb{display:block;width:60px;height:60px;border-radius:4px;overflow:hidden;border:2px solid transparent;opacity:.85;transition:opacity .15s ease,border-color .15s ease;text-decoration:none;background:#0000000d}.family-picker__thumb img{width:100%;height:100%;object-fit:cover;display:block}.family-picker__thumb:hover,.family-picker__thumb:focus{opacity:1;border-color:currentColor;outline:none}.family-picker__thumb:focus-visible{outline:2px solid currentColor;outline-offset:2px}.family-picker__thumb--current{border-color:currentColor;opacity:1;cursor:default}.family-picker__thumb-placeholder{width:100%;height:100%;background:#00000014}.family-picker__label{font-size:.68em;text-align:center;width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.65;line-height:1.2}.family-picker__item--current .family-picker__label{font-weight:700;opacity:1}.family-picker__current-badge{font-size:.6em;text-transform:uppercase;letter-spacing:.04em;opacity:.5;line-height:1}.family-picker-swatch{text-decoration:none;cursor:pointer;position:relative}.family-picker-swatch__label{position:static!important;width:auto!important;height:auto!important;clip:unset!important;clip-path:none!important;overflow:visible!important;white-space:nowrap!important;margin:0!important}.family-picker-swatch__ext{position:absolute;bottom:2px;right:2px;font-size:.55em;background:#00000073;color:#fff;border-radius:2px;padding:1px 2px;line-height:1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/57/assets/family-picker.css.map */