.vs-radio-wrapper{--vs-radio-width:20px;--vs-radio-height:20px;--vs-radio-min-width:20px;--vs-radio-min-height:20px;align-items:center;display:flex;gap:6px;justify-content:flex-start;position:relative}.vs-radio-wrapper.is-active .vs-radio__effect--icon{opacity:0;transform:scale(1.3);transition:var(--vs-transition-ease)}.vs-radio-wrapper.is-active .vs-radio__effect:after{border:7px solid rgba(var(--vs-color),1);box-shadow:0 3px 12px rgba(var(--vs-color),.3)}.vs-radio-wrapper:not(.is-active) .vs-radio input:hover~.vs-radio__effect .vs-radio__effect--icon{opacity:.7}.vs-radio-wrapper.is-loading{pointer-events:none;-webkit-user-select:none;user-select:none}.vs-radio-wrapper.is-loading .vs-radio__effect:after{opacity:.1}.vs-radio-wrapper.is-label-before label{order:-1}.vs-radio-wrapper label{cursor:pointer;-webkit-user-select:none;user-select:none}.vs-radio-wrapper.is-disabled{opacity:.5;pointer-events:none}.vs-radio-wrapper.is-disabled .vs-radio__effect{background:rgba(var(--vs-gray-3),1)}.vs-radio-wrapper.is-disabled label{pointer-events:none}.vs-radio{border-radius:50%;height:var(--vs-radio-height);margin:0;min-height:var(--vs-radio-min-height);min-width:var(--vs-radio-min-width);padding:0;position:relative;width:var(--vs-radio-width);z-index:10}.vs-radio__effect{align-items:center;border-radius:inherit;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.vs-radio__effect,.vs-radio__effect--icon{transition:var(--vs-transition-ease)}.vs-radio__effect--icon i{font-size:.75rem}.vs-radio__effect:after{border:2px solid rgba(var(--vs-text),.35);border-radius:inherit;box-shadow:0 0 rgba(var(--vs-color),.4);box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:var(--vs-transition-ease);width:100%}.vs-radio input{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:100}.vs-radio input:active~.vs-radio__effect:after{transform:scale(.9)}.vs-radio input:not(:checked)~.vs-radio__effect .vs-radio__effect--loading .vs-icon-loading{color:rgba(var(--vs-divider),1)}.vs-radio input:checked~.vs-radio__effect:after{animation-duration:4s;animation-iteration-count:infinite;animation-name:radio;animation-play-state:paused;border:7px solid rgba(var(--vs-color),1);box-shadow:0 3px 10px rgba(var(--vs-color),.4)}