.checkbox,.radio{cursor:pointer;white-space:nowrap;font-size:0;display:inline-block;position:relative}.checkbox input,.radio input{opacity:0;visibility:hidden;position:absolute}.checkbox input:checked~.visual:after,.radio input:checked~.visual:after{opacity:1;visibility:visible}.checkbox .visual,.radio .visual{border:1.5px solid #e1f3ff;border-radius:50%;width:20px;height:20px;display:inline-block;position:relative}.checkbox .visual:before,.radio .visual:before{content:"";opacity:0;visibility:hidden;background-color:#0000000d;border-radius:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;transition:all 80ms ease-out;display:inline-block;position:absolute;top:50%;left:50%}.checkbox .visual:after,.radio .visual:after{content:"";opacity:0;visibility:hidden;background-color:#8952da;border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;display:inline-block;position:absolute;top:50%;left:50%}.checkbox .visual+.text,.radio .visual+.text{margin-left:16px}.checkbox .text,.radio .text{letter-spacing:.2px;vertical-align:middle;white-space:normal;font-size:14px;font-weight:400;line-height:20px;display:inline-block}.checkbox:hover:not(.disabled) .visual:before,.radio:hover:not(.disabled) .visual:before{opacity:1;visibility:visible}.white-bg.checkbox .visual,.white-bg.radio .visual{background-color:#fff}.disabled.checkbox,.disabled.radio{cursor:default;opacity:.5}.checked.checkbox .visual:after,.checked.radio .visual:after{opacity:1;visibility:visible}.error.checkbox .visual,.error.radio .visual{border-color:#ff4548!important}.checkbox+.error-msg,.radio+.error-msg{padding-left:0}@media (min-width:768px){.checkbox .visual,.radio .visual{width:24px;height:24px}}.checkbox .visual{vertical-align:middle;border-radius:0}.checkbox .visual:after{opacity:0;visibility:hidden;background-color:#0000;border-bottom:1.5px solid #fff;border-right:1.5px solid #fff;border-radius:0;width:6px;height:10px;margin:0;display:inline-block;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.checkbox .visual .text{margin-left:16px}.checkbox .text{letter-spacing:.2px;vertical-align:middle;font-size:14px;font-weight:400;line-height:20px;display:inline-block}.checkbox.round .visual{border-width:1px;border-radius:50%}.checkbox.round:hover{border-width:2px}.checkbox.partly-checked .visual:after{content:"";background-color:#fff;width:14px;height:2px}@media (min-width:768px){.checkbox .visual:after{width:8px;height:12px}}