.wrapper{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wrapper input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:1px solid #d0d5dd;border-radius:50%;left:0;position:absolute;top:2.5px}.checkmark.xs{height:16px;width:16px}.checkmark.sm{height:18px;width:18px}.checkmark.md{height:20px;width:20px}.wrapper:hover input~.checkmark{background-color:#bbbfff}.wrapper input:checked~.checkmark{background-color:#d1d4ff;border:1px solid #3340ff}.wrapper input:checked~.checkmark.dark{background-color:#344054;border:1px solid #fff}.wrapper input:active~.checkmark,.wrapper input:focus~.checkmark{outline-color:#f4ebff;outline-width:4px}.checkmark:after{content:"";display:none;position:absolute}.wrapper input:checked~.checkmark:after{display:block}.wrapper .checkmark.md:after{background:#3340ff;border-radius:50%;height:8px;left:5px;top:5px;width:8px}.wrapper .checkmark.xs:after{background:#3340ff;border-radius:50%;height:8px;left:3px;top:3px;width:8px}.wrapper .checkmark.sm:after{background:#3340ff;border-radius:50%;height:8px;left:4px;top:4px;width:8px}.wrapper .checkmark.dark.md:after{background:#fff;border-radius:50%;height:8px;left:5px;top:5px;width:8px}.wrapper .checkmark.dark.xs:after{background:#fff;border-radius:50%;height:8px;left:3px;top:3px;width:8px}.wrapper .checkmark.dark.sm:after{background:#fff;border-radius:50%;height:8px;left:4px;top:4px;width:8px}