.tg{--k:var(--wk,var(--u,1px));width:calc(38 * var(--k));height:calc(22 * var(--k));padding:calc(4 * var(--k));background:#ffffff1a;border-radius:999px;flex-shrink:0;align-items:center;transition:background-color .2s cubic-bezier(.65,0,.35,1);display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.tg>span{width:calc(18 * var(--k));height:calc(18 * var(--k));background:#d9d9d9;border-radius:50%;transition:translate .2s cubic-bezier(.65,0,.35,1),background-color .2s cubic-bezier(.65,0,.35,1);display:block;box-shadow:0 1px 2px #00000038}input:checked+.tg{background:var(--primary);box-shadow:none}input:checked+.tg>span{translate:calc(12 * var(--k)) 0;background:#fff}