@layer components{.radio{display:flex;align-items:center;gap:var(--spacing-unit-xs)}.radio input{clip:rect(0 0 0 0);position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.radio .icon{padding:.3rem;width:1.8rem;height:1.8rem;color:var(--color-brand-03)}.radio .icon--radio-checked{display:none}.radio:has(input:checked) .icon--radio-checked{display:block;color:var(--color-brand-01)}.radio:has(input:checked) .icon--radio-blank{display:none}.radio:has(input:disabled) .icon{opacity:.5}.radio:has(input:checked:disabled) .icon{color:var(--color-brand-03)}.radio:focus-within .icon{outline:2px solid var(--color-brand-01);outline-offset:-2px;border-radius:50%;color:var(--color-brand-01)}.radio:has([aria-invalid=true]){color:var(--color-utility-02)}.radio:has([aria-invalid=true]) .icon{color:var(--color-utility-02)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/radio.css.map */