.c-field-radio{--inputBgColor:var(--color-text-selected-default);--inputBorderColor:var(--color-border-alt-default);--inputWidth:1.25rem;--inputWidthHover:2rem}.c-field-radio .c-field__wrapper{display:flex}.c-field-radio .c-label{font-size:var(--font-text-body-size-md);line-height:var(--inputWidth);padding-left:.5rem;padding-bottom:0;cursor:pointer;position:relative}.c-field-radio .c-field__input-container{position:relative;width:var(--inputWidth);height:var(--inputWidth)}.c-field-radio .c-field__input-container:before{content:"";display:block;background-color:var(--color-background-primary-hover);width:var(--inputWidthHover);height:var(--inputWidthHover);border-radius:var(--inputWidthHover);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out;opacity:0;pointer-events:none;z-index:var(--zindex-default)}@media(hover:hover)and (pointer:fine){.c-field-radio .c-field__input-container:has(.c-radio:hover:not(:disabled):not(:focus)):before{transform:translate(-50%,-50%) scale(1);opacity:1}}.c-field-radio:has(.c-radio:checked) .c-label{font-weight:700}.c-radio{-moz-appearance:none;-webkit-appearance:none;border-radius:var(--inputWidth);margin:0;padding:0;appearance:none;width:var(--inputWidth);height:var(--inputWidth);display:block;border:2px solid var(--inputBorderColor);background:#fff;position:relative;cursor:pointer;transition:.2s ease-in-out;flex-shrink:0}.c-radio:after{content:"";display:none;background-position:50%;background-repeat:no-repeat;background-size:1rem auto;border-radius:var(--inputWidth);background-color:var(--inputBgColor);width:calc(var(--inputWidth) - .625rem);height:calc(var(--inputWidth) - .625rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-radio:checked{--inputBorderColor:var(--color-text-selected-default)}.c-radio:checked:after{display:block}.c-radio:focus-visible:not(:disabled),.c-radio:focus:not(:disabled){--inputBorderColor:var(--color-text-selected-default);outline:none}@media(hover:hover)and (pointer:fine){.c-radio:hover:not(:disabled):not(:checked):not(:focus){--inputBorderColor:var(--color-text-selected-default);--inputBgColor:var(--color-text-selected-default)}}.c-radio:disabled{--inputColor:var(--input-color-disable-text);--inputBorderColor:var(--input-color-disable-border);cursor:default}.c-radio:disabled::placeholder{color:var(--input-color-disable-placeholder)}.c-radioTab{--tabHeight:2.5rem;padding:.25rem;border-radius:.375rem;background-color:var(--color-common-neutral-50);display:flex;gap:.5rem}.c-radioTab:focus-visible:not(:disabled),.c-radioTab:focus:not(:disabled){background-color:var(--color-background-alt-hover)}.c-radioTab .c-field-radio{flex:1 1}.c-radioTab .c-field-radio:has(input:checked) .c-field__label{background:var(--color-common-neutral-0);box-shadow:0 0 10px 0 rgba(132,132,132,.15)}@media(hover:hover)and (pointer:fine){.c-radioTab .c-field-radio:not(:has(input:checked)) .c-field__label:hover:not(:disabled){background-color:var(--color-background-alt-hover)}}.c-radioTab .c-field-radio:has(input:focus-visible:not(:disabled)) .c-field__label{--focusOutlineColor:var(--color-border-selected-default);outline:2px dotted var(--focusOutlineColor);outline-offset:0 .125rem}.c-radioTab .c-field__label{height:var(--tabHeight);width:100%;padding:.75rem;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:var(--font-text-body-size-sm)}.c-radioTab .c-field__input-container{clip:rect(0 0 0 0);clip:path(inset 100%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.c-radioTab.c-radioTab--freeWidth{display:inline-flex}.c-radioTab.c-radioTab--freeWidth .c-field-radio{flex:unset}.c-field--radioBlock{--radioBlockHeight:3rem;position:relative}.c-field--radioBlock .c-field__input-container{position:absolute;top:calc((var(--radioBlockHeight) - var(--inputWidth))/2 + 1px);left:.875rem;z-index:var(--zindex-above)}.c-field--radioBlock .c-label{background-color:#fff;padding:.875rem 1rem .875rem 3rem;box-shadow:inset 0 0 0 1px var(--inputBorderColor);border-radius:.375rem;display:flex;align-items:center;line-height:1.4;min-height:var(--radioBlockHeight);width:100%}@media(hover:hover)and (pointer:fine){.c-field--radioBlock .c-label:hover{border-color:var(--inputBorderColor)}}.c-field--radioBlock:has(input[type=radio]:checked) .c-label{--inputBorderColor:var(--input-color-focus-border);box-shadow:inset 0 0 0 2px var(--inputBorderColor)}