.checkbox input[type=checkbox]{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;right:0;pointer-events:none}.checkbox .checkbox-material{vertical-align:middle;position:relative;top:.1875rem;padding-left:.3125rem}.checkbox .checkbox-material::before{display:block;position:absolute;top:-.3125rem;right:0;content:"";background-color:rgba(0,0,0,.84);height:1.25rem;width:1.25rem;border-radius:100%;z-index:1;opacity:0;margin:0;-webkit-transform:scale3d(2.3,2.3,1);transform:scale3d(2.3,2.3,1)}.checkbox .checkbox-material .check{position:relative;display:inline-block;width:1.25rem;height:1.25rem;border:1px solid rgba(0,0,0,.54);overflow:hidden;z-index:1;border-radius:.1875rem}.checkbox .checkbox-material .check:before{position:absolute;content:"";-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;margin-top:-.1875rem;margin-left:.4375rem;margin-right:.625rem;width:0;height:0;background:red;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;-webkit-animation:checkbox-off .3s forwards;animation:checkbox-off .3s forwards}.checkbox input[type=checkbox]:focus+.checkbox-material .check:after{opacity:.2}.checkbox input[type=checkbox]:checked+.checkbox-material .check{background:#333}.checkbox input[type=checkbox]:checked+.checkbox-material .check:before{color:#FFF;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;-webkit-animation:checkbox-on .3s forwards;animation:checkbox-on .3s forwards}.checkbox input[type=checkbox]:checked+.checkbox-material:before{-webkit-animation:rippleOn .5s;animation:rippleOn .5s}.checkbox input[type=checkbox]:checked+.checkbox-material .check:after{-webkit-animation:rippleOn .5s forwards;animation:rippleOn .5s forwards}.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after,.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before{-webkit-animation:rippleOff .5s;animation:rippleOff .5s}.checkbox input[type=checkbox][disabled]+.circle,.checkbox input[type=checkbox][disabled]~.checkbox-material .check,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox input[type=checkbox]{opacity:.5}.checkbox input[type=checkbox][disabled]~.checkbox-material .check{border-color:#000;opacity:.26}.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after{background-color:rgba(0,0,0,.87);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}100%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}100%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes rippleOn{0%,100%{opacity:0}50%{opacity:.2}}@keyframes rippleOn{0%,100%{opacity:0}50%{opacity:.2}}@-webkit-keyframes rippleOff{0%,100%{opacity:0}50%{opacity:.2}}@keyframes rippleOff{0%,100%{opacity:0}50%{opacity:.2}}