radio-component{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-top:.75rem}radio-component input{position:absolute;opacity:0;top:0;left:0;user-select:none}radio-component input:focus+label i::before{border-color:#69c9cd;box-shadow:0 0 0 2px #626262;background-color:#fff}radio-component input:checked+label i::before{border-color:#69c9cd;background-color:#69c9cd}radio-component input:checked+label i svg{opacity:1}radio-component label{display:inline-flex;flex-flow:row nowrap;align-items:center;cursor:pointer}radio-component label:hover i::before{border-color:#69c9cd}radio-component label:active i::before{border-color:#69c9cd;box-shadow:0 0 0 3px #69c9cd;background-color:#fff}radio-component label i{width:18px;height:18px;display:inline-flex;justify-content:center;align-items:center}radio-component label i::before{content:"";display:inline-block;position:absolute;width:18px;height:18px;border-radius:50px;border:2px solid #69c9cd;transition:all 150ms ease;background-color:transparent}radio-component label i svg{width:12px;height:12px;color:#fff;opacity:0;position:absolute;z-index:2;transition:all 150ms ease}radio-component label span{display:inline-block;flex:1;color:#4b4b4b;line-height:1.375;padding-left:.75rem}