.anodization-picker{display:block;width:100%;box-sizing:border-box;grid-column:1 / -1;margin:1.75rem 0 2.25rem;padding:.25rem 0;font-family:inherit}.anodization-picker__header{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.75rem}.anodization-picker__title{display:flex;align-items:center;gap:.25rem;font-weight:600;font-size:1.25rem;letter-spacing:.02em;text-transform:uppercase}.anodization-picker__hint{margin:0;font-size:1.125rem;color:rgba(var(--color-foreground),.7)}.anodization-picker__selected{font-size:1.125rem;color:rgba(var(--color-foreground),.85)}.anodization-picker__selected-prefix{font-weight:500;margin-right:.25rem}.anodization-picker__placeholder{font-style:italic;opacity:.7}.anodization-picker__grid{display:flex;flex-wrap:wrap;gap:.625rem}@media(min-width:750px){.anodization-picker__grid{gap:.75rem}}.anodization-picker__cell{display:block;width:30px;height:30px;flex:0 0 auto}@media(min-width:750px){.anodization-picker__cell{width:34px;height:34px}}.anodization-swatch{--anodization-swatch-color: #cccccc;position:relative;display:block;width:100%;height:100%;border-radius:50%;cursor:pointer;outline:none;transition:transform .15s ease,box-shadow .15s ease}@media(hover:hover){.anodization-swatch:hover{transform:scale(1.06)}}.anodization-swatch__visual{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background-color:var(--anodization-swatch-color);border:1px solid rgba(0,0,0,.12);overflow:hidden;display:block}.anodization-swatch__image{width:100%;height:100%;object-fit:cover;display:block}.anodization-swatch__input{position:absolute;opacity:0;pointer-events:none}.anodization-swatch:has(input:checked){box-shadow:0 0 0 2px rgb(var(--color-background, 255 255 255)),0 0 0 4px rgb(var(--color-foreground, 0 0 0))}.anodization-swatch:has(input:focus-visible){box-shadow:0 0 0 2px rgb(var(--color-background, 255 255 255)),0 0 0 4px rgb(var(--color-foreground, 0 0 0))}.anodization-swatch--discontinued{opacity:.4;cursor:not-allowed}.anodization-swatch--discontinued:hover{transform:none}.anodization-picker__toggle{margin-top:.875rem;background:none;border:0;padding:.25rem 0;font-size:.9375rem;text-decoration:underline;cursor:pointer;color:inherit;font-family:inherit}.anodization-picker__toggle:focus-visible{outline:2px solid rgb(var(--color-foreground, 0 0 0));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-anodization-picker.css.map */