@layer reset,base;@layer components{.hw-radios{gap:var(--hw-space-2);border:0;margin:0;padding:0;display:grid}.hw-radios--cols-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hw-radios__legend{font-weight:var(--hw-weight-medium);grid-column:1/-1;margin-block-end:var(--hw-space-1)}.hw-radio{gap:var(--hw-space-3);min-height:var(--hw-touch);padding:var(--hw-space-3) var(--hw-space-4);border:1px solid var(--hw-border-control);border-radius:var(--hw-radius-md);background:var(--hw-bg-elevated);cursor:pointer;transition:border-color var(--hw-motion-fast) var(--hw-ease),background var(--hw-motion-fast) var(--hw-ease);grid-template-columns:auto 1fr;align-items:start;display:grid}.hw-radio:hover{background:var(--hw-brand-soft)}.hw-radio.is-checked{border-color:var(--hw-brand);box-shadow:0 0 0 1px var(--hw-brand);background:var(--hw-brand-soft)}.hw-radio.is-disabled{opacity:.55;cursor:not-allowed}.hw-radio__input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.hw-radio__dot{border:2px solid var(--hw-border-control);border-radius:50%;place-items:center;block-size:20px;inline-size:20px;margin-block-start:3px;display:grid}.hw-radio.is-checked .hw-radio__dot{border-color:var(--hw-brand)}.hw-radio.is-checked .hw-radio__dot:after{content:"";background:var(--hw-brand);border-radius:50%;block-size:10px;inline-size:10px}.hw-radio__input:focus-visible~.hw-radio__dot{outline:2px solid var(--hw-focus);outline-offset:2px}.hw-radio__text{gap:2px;display:grid}.hw-radio__label{font-weight:var(--hw-weight-medium)}.hw-radio__desc{color:var(--hw-ink-3);font-size:var(--hw-text-sm)}}@layer utilities;
