@layer components.form{:host{display:block}:host([error]) input[type=radio]{filter:drop-shadow(0 0 2px var(--color-error)) drop-shadow(0 0 2px var(--color-error));box-shadow:none!important;border:none!important;outline:none!important}.radio-multi-container{gap:var(--s-1);flex-direction:column;display:flex}.radio-multi-label{font-size:var(--s0);color:var(--color-text);font-weight:500}.radio-multi-label:empty{display:none}:host([required]) .radio-multi-label:after{content:" *"}.radio-multi-options{margin-bottom:calc(-1 * var(--s-1));display:block}.radio-option{align-items:center;gap:var(--s-2);margin-right:var(--s0);margin-bottom:var(--s-1);cursor:pointer;display:inline-flex}.radio-option:last-child{margin-right:0}.radio-option input[type=radio]{width:var(--s0);height:var(--s0);cursor:pointer;accent-color:var(--color-primary);border-radius:50%;flex-shrink:0;margin:0}.radio-option input[type=radio]:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.radio-option label{font-size:var(--s0);color:var(--color-text);cursor:pointer}.radio-multi-error{font-size:var(--s-1);color:var(--color-error,#dc2626)}.radio-multi-error:empty{display:none}:host([variant=cards]) .radio-multi-options{gap:var(--s-1);flex-wrap:wrap;margin-bottom:0;display:flex}:host([variant=cards]) .radio-option{--ec-form-radio-multi-tile-color:var(--color-primary);align-items:stretch;gap:0;margin-bottom:0;margin-right:0;position:relative}:host([variant=cards]) input[type=radio]{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}:host([variant=cards]) label{justify-content:center;align-items:center;gap:var(--s-2);width:100%;min-width:6rem;padding:var(--s0) var(--s-1);text-align:center;border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text);flex-direction:column;transition:border-color .15s,background .15s,transform .1s;display:flex}:host([variant=cards]) .radio-option:hover label{border-color:var(--ec-form-radio-multi-tile-color);transform:translateY(-1px)}:host([variant=cards]) .radio-option:has(input:focus-visible) label{outline:3px solid var(--ec-form-radio-multi-tile-color);outline-offset:2px}:host([variant=cards]) .radio-option:has(input:checked) label{border-color:var(--ec-form-radio-multi-tile-color);background:color-mix(in srgb, var(--ec-form-radio-multi-tile-color) 12%, transparent)}:host([variant=cards]) [data-role=radio-tile-icon]{color:var(--ec-form-radio-multi-tile-color);font-size:1.5rem}:host([variant=cards]) [data-role=radio-tile-text]{font-size:var(--s-1);font-weight:600;line-height:1.2}@media (prefers-reduced-motion:reduce){:host([variant=cards]) label{transition:none;transform:none}:host([variant=cards]) .radio-option:hover label{transition:none;transform:none}}}