.checklist{display:flex;flex-direction:column;position:relative;width:100%}.checklist__list{display:flex;flex-wrap:wrap;list-style-type:none;margin:-5px;padding:0;width:calc(100% + 10px)}.checklist__list-item{box-sizing:border-box;flex:0 1 100%;padding:5px;width:100%}@media only screen and (min-width:768px){.checklist__list-item{flex:0 1 50%}}.checklist__input{left:-9999px;position:absolute}.checklist__input:checked~.checklist__label{color:#00803e;border-color:#00a651;box-shadow:inset 0 -2px 0 0 #00a651;position:relative}.checklist__input:checked~.checklist__label:before{border-color:#00a651}.checklist__input:checked~.checklist__label:after{border-right:3px solid #00a651;border-bottom:3px solid #00a651;content:"";height:14px;left:21px;position:absolute;top:15px;transform:rotate(45deg);width:7px}.checklist__input:disabled~.checklist__label{cursor:not-allowed;opacity:.45}.checklist__input:disabled~.checklist__label:active,.checklist__input:disabled~.checklist__label:focus,.checklist__input:disabled~.checklist__label:hover{border-color:#bebebe;box-shadow:inset 0 -2px 0 0 #bebebe}.checklist__label{align-items:center;background:#fff;border:1px solid #bebebe;border-radius:5px;box-shadow:inset 0 -2px 0 0 #bebebe;color:#282828;cursor:pointer;display:flex;font-size:1rem;margin:0;padding:10px 14px 14px;transition:border-color .3s ease,box-shadow .3s ease}@media only screen and (min-width:576px){.checklist__label{font-size:1.125rem}}.checklist__label:active,.checklist__label:focus,.checklist__label:hover{border-color:#8c8c8c;box-shadow:inset 0 -2px 0 0 #8c8c8c}.checklist__label:before{border:1px solid #bebebe;border-radius:3px;content:"";display:inline-block;height:20px;margin-right:.55493rem;width:20px}@media only screen and (min-width:576px){.checklist__label:before{height:22px;width:22px}}