.demo-checkbox{appearance:none;cursor:pointer;border:1px solid var(--color-gray-a7);background-color:var(--color-gray-a2);background-position:50%;background-repeat:no-repeat;border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:background-color .15s ease-out,border-color .15s ease-out}.demo-checkbox:checked{border-color:var(--color-brand-9);background-color:var(--color-brand-9);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2 5 8.6l4.5-5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.demo-checkbox:focus-visible{outline:2px solid var(--color-brand-8);outline-offset:2px}