.checkbox__label{cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;font:inherit;color:currentColor;width:18px;height:18px;border-width:1px;border-color:var(--color-primary-200);border-radius:.15em;transform:translateY(-.075em);display:grid;place-content:center;cursor:pointer}.checkbox__input:before{content:"";width:10px;height:10px;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 16px 16px #fff;transform-origin:bottom left;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox__input:checked:before{transform:scale(1)}.checkbox__input:disabled+.checkbox__label{pointer-events:none;cursor:not-allowed}.checkbox__input:not([disabled])+.checkbox__label:hover div:first-child{border-color:var(--color-primary-500)}.checkbox__input:checked{background-color:var(--color-primary-500);border-width:1px;border-color:var(--color-primary-500)}.checkbox__input:focus{outline:none;border-width:1px;border-color:var(--color-primary-500)}.checkbox__input:hover{border-width:2px;border-color:var(--color-primary-500)}.checkbox__input:disabled{color:gray;cursor:not-allowed}