.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.checkbox input{display:none}.checkbox input+span{background-color:#e9e9ea;border-radius:16px;flex-shrink:0;width:51px;height:31px;transition:all .3s;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.checkbox input+span:after{content:"";background-color:#fff;border-radius:50%;width:27px;height:27px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.checkbox input:checked+span{background-color:var(--color-main-primary,#34c759);flex-shrink:0;box-shadow:inset 0 0 0 1px #0000000d}.checkbox input:checked+span:after{transform:translate(20px)}.checkbox input+span:active:after{width:32px}.checkbox input:checked+span:active:after{transform:translate(15px)}.checkbox span:last-child{color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem}.checkbox input:disabled+span{opacity:.5;cursor:not-allowed}.checkbox.compact input+span{width:40px;height:24px}.checkbox.compact input+span:after{width:20px;height:20px;top:2px;left:2px}.checkbox.compact input:checked+span:after{transform:translate(16px)}