.ios-checkbox{--checkbox-size:14px;--checkbox-color:#c865e2;--checkbox-bg:#eba4ff;--checkbox-border:#eba4ff;position:relative;display:inline-block;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.ios-checkbox input{display:none}.checkbox-wrapper{position:relative;width:14px;height:14px;border-radius:4px;transition:transform .2s ease}.checkbox-bg{border-radius:4px;border:2px solid var(--checkbox-border);background:white}.checkbox-bg,.checkbox-icon{position:absolute;inset:0;transition:all .2s ease}.checkbox-icon{margin:auto;width:80%;height:80%;color:white;transform:scale(0)}.check-path{stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .3s ease .1s}.ios-checkbox input:checked+.checkbox-wrapper .checkbox-bg{background:var(--checkbox-color);border-color:var(--checkbox-color)}.ios-checkbox input:checked+.checkbox-wrapper .checkbox-icon{transform:scale(1)}.ios-checkbox input:checked+.checkbox-wrapper .check-path{stroke-dashoffset:0}.ios-checkbox:hover .checkbox-wrapper{transform:scale(1.05)}.ios-checkbox:active .checkbox-wrapper{transform:scale(.95)}.ios-checkbox input:focus+.checkbox-wrapper .checkbox-bg{box-shadow:0 0 0 4px var(--checkbox-bg)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ios-checkbox input:checked+.checkbox-wrapper{animation:bounce .3s cubic-bezier(.4,0,.2,1)}