.custom-radio{--radio-checked-bg:var(--neutralB500);--radio-checked-border:var(--neutralB500);--radio-hover-border:var(--neutralB300);--radio-focus-shadow:0px 0px 0px 2px var(--neutralB100);display:inline-flex;align-items:center;position:relative;cursor:pointer;gap:10px}.native-radio{position:absolute;opacity:0;height:0;width:0;margin:0;z-index:10000000;cursor:pointer}.custom-radiomark{position:relative;display:inline-block;border:2px solid var(--neutralB100);border-radius:50%;transition:all .2s ease;pointer-events:none}.custom-radio.active .custom-radiomark{background-color:var(--radio-checked-bg)!important;border-color:var(--radio-checked-border)!important}.custom-radio.active .custom-radiomark:after{display:block!important}.custom-radiomark:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:1.6px solid #fff;display:none}.custom-radio.active .custom-radiomark:after{display:block}.custom-radio:not(.active):hover .custom-radiomark{border-color:var(--radio-hover-border)}.native-radio:focus-visible~.custom-radiomark{box-shadow:var(--radio-focus-shadow);outline:none}.custom-radio.theme-primary{--radio-checked-bg:var(--primary0300);--radio-checked-border:var(--primary0300);--radio-hover-border:var(--primary0300);--radio-focus-shadow:0px 0px 0px 2px var(--primary075)}.custom-radio.theme-secondary{--radio-checked-bg:var(--secondaryG300);--radio-checked-border:var(--secondaryG300);--radio-hover-border:var(--secondaryG300);--radio-focus-shadow:0px 0px 0px 2px var(--secondaryG75)}.custom-radio.size-sm .custom-radiomark{width:10px;height:10px}.custom-radio.size-md .custom-radiomark{width:14px;height:14px}.custom-radio.size-lg .custom-radiomark{width:18px;height:18px}.custom-radio.size-xl .custom-radiomark{width:28px;height:28px}.radio-name{font-weight:500;color:var(--neutralB500)}.custom-radio.size-lg .radio-name,.radio-name{font-size:14px}.custom-radio.size-xl .radio-name{font-size:18px}.custom-radio.whitemode .custom-radiomark{border-color:white}.custom-radio.whitemode .native-radio:focus-visible~.custom-radiomark{box-shadow:0 0 0 2px white}