.tgl{--tgl-w: 44px;--tgl-h: 26px;--tgl-b: 20px;--tgl-p: 3px;--tgl-esticada: 24px;position:relative;display:inline-flex;flex:none;align-items:center;width:var(--tgl-w);height:var(--tgl-h);padding:0;border:0;border-radius:999px;background:var(--tgl-desligado);cursor:pointer;outline:none;transition:background-color .2s cubic-bezier(.2,.6,.2,1);-webkit-tap-highlight-color:transparent}.tgl[data-state=checked]{background:var(--tgl-ligado)}.tgl:disabled,.tgl[data-disabled]{opacity:.45;cursor:not-allowed}.tgl:focus-visible{box-shadow:0 0 0 2px var(--surface, #fff),0 0 0 4px var(--tgl-ligado)}.tgl-compacto{--tgl-w: 34px;--tgl-h: 20px;--tgl-b: 14px;--tgl-esticada: 18px}.tgl-bolinha{position:absolute;top:var(--tgl-p);left:var(--tgl-p);width:var(--tgl-b);height:var(--tgl-b);border-radius:999px;background:var(--tgl-bolinha);box-shadow:0 1px 2px #01171238;pointer-events:none;transition:transform .2s cubic-bezier(.2,.6,.2,1),width .12s cubic-bezier(.2,.6,.2,1)}.tgl[data-state=checked] .tgl-bolinha{transform:translate(calc(var(--tgl-w) - var(--tgl-b) - 2 * var(--tgl-p)))}.tgl:not(:disabled):not([data-disabled]):active .tgl-bolinha{width:var(--tgl-esticada)}.tgl[data-state=checked]:not(:disabled):not([data-disabled]):active .tgl-bolinha{transform:translate(calc(var(--tgl-w) - var(--tgl-esticada) - 2 * var(--tgl-p)))}.tgl[data-pulso]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;pointer-events:none}.tgl[data-pulso=a]:after{animation:tgl-pulso-a .52s cubic-bezier(.2,.6,.2,1) forwards}.tgl[data-pulso=b]:after{animation:tgl-pulso-b .52s cubic-bezier(.2,.6,.2,1) forwards}@keyframes tgl-pulso-a{0%{box-shadow:0 0 color-mix(in srgb,var(--tgl-ligado) 35%,transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb,var(--tgl-ligado) 0%,transparent)}}@keyframes tgl-pulso-b{0%{box-shadow:0 0 color-mix(in srgb,var(--tgl-ligado) 35%,transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb,var(--tgl-ligado) 0%,transparent)}}@media (prefers-reduced-motion: reduce){.tgl,.tgl-bolinha{transition:none}.tgl[data-pulso]:after{animation:none}}