.erl-option-group{display:flex;flex-wrap:wrap;gap:var(--erl-spacing-md)}.erl-option{position:relative;flex:1 1 0;min-width:12rem;display:flex;align-items:center;gap:var(--erl-spacing-md);min-height:44px;padding:var(--erl-spacing-md) var(--erl-spacing-lg);background:var(--erl-color-bg);border-radius:var(--erl-border-radius-md);box-shadow:inset 0 0 0 1px var(--erl-color-border-subtle);cursor:pointer;transition:box-shadow var(--erl-transition-fast),background-color var(--erl-transition-fast)}.erl-option:hover{box-shadow:inset 0 0 0 1px var(--erl-color-primary-300)}.erl-option__radio{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.erl-option__icon{display:inline-flex;flex:0 0 auto;color:var(--erl-color-text-muted)}.erl-option__icon svg{width:24px;height:24px}.erl-option__label{flex:1 1 auto;font-size:var(--erl-fs-body-md);font-weight:var(--erl-fw-medium);line-height:var(--erl-lh-body-md);color:var(--erl-color-text)}.erl-option__mark{display:inline-flex;flex:0 0 auto;color:var(--erl-color-primary);opacity:0;transform:scale(.6);transition:opacity var(--erl-transition-fast),transform var(--erl-transition-fast)}.erl-option__mark svg{width:20px;height:20px}.erl-option:has(.erl-option__radio:checked){background:var(--erl-color-primary-lightest);box-shadow:inset 0 0 0 2px var(--erl-color-primary)}.erl-option:has(.erl-option__radio:checked) .erl-option__icon,.erl-option:has(.erl-option__radio:checked) .erl-option__label{color:var(--erl-color-primary)}.erl-option:has(.erl-option__radio:checked) .erl-option__mark{opacity:1;transform:scale(1)}.erl-option:has(.erl-option__radio:focus-visible){outline:var(--erl-focus-ring);outline-offset:var(--erl-focus-ring-offset)}.erl-option:has(.erl-option__radio:disabled){background:var(--erl-color-bg-subtle);box-shadow:inset 0 0 0 1px var(--erl-color-border-subtle);cursor:not-allowed}.erl-option:has(.erl-option__radio:disabled) .erl-option__icon,.erl-option:has(.erl-option__radio:disabled) .erl-option__label,.erl-option:has(.erl-option__radio:disabled) .erl-option__mark{color:var(--erl-color-text-muted)}@media(max-width:767px){.erl-option-group{flex-direction:column}.erl-option{min-width:0}}
