@layer components{:root{--radio-group-size:1rem;--radio-group-transition:var(--transition-default);--radio-group-border:var(--color-gray-500);--radio-group-radius:calc(infinity * 1px);--radio-group-checked-border:var(--color-brand);--radio-group-error-border:var(--color-error-500);--radio-group-indicator-size:calc(var(--radio-group-size) / 2);--radio-group-indicator-color:var(--color-brand)}:where(.radio-group){gap:var(--gap-default);display:grid}:where(.radio-group-item){width:var(--radio-group-size);height:var(--radio-group-size);border-radius:var(--radio-group-radius);border:2px solid var(--radio-group-border);cursor:pointer;transition:var(--radio-group-transition);outline:none;flex-shrink:0;place-items:center;display:grid}:where(.radio-group-indicator){width:var(--radio-group-indicator-size);height:var(--radio-group-indicator-size);border-radius:var(--radio-group-radius);background-color:var(--radio-group-indicator-color);animation:.12s ease-out radio-group-indicator-in}@keyframes radio-group-indicator-in{0%{transform:scale(0)}to{transform:scale(1)}}:where(.radio-group-item):focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}:where(.radio-group-item)[data-state=checked]{border-color:var(--radio-group-checked-border)}:where(.radio-group-item)[aria-invalid=true],:where(.radio-group-item)[aria-invalid=""]{border-color:var(--radio-group-error-border);--radio-group-indicator-color:var(--radio-group-error-border)}:where(.radio-group-item):disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}}