.toggle-button-container[data-v-ad4d245b]{--toggle-circle-size:1.375rem;--toggle-width:2.875rem;--toggle-border-width:.125rem;cursor:pointer;display:inline-block;height:var(--toggle-circle-size);margin:0;position:relative;width:var(--toggle-width)}.toggle-input[data-v-ad4d245b]{height:100%;opacity:0;position:absolute;width:100%}.toggle-button[data-v-ad4d245b]{background-color:var(--tln-comp-colors-switch-background);border:var(--toggle-border-width) solid var(--tln-comp-colors-switch-outline);border-radius:calc(var(--toggle-width)/2);inset:0;position:absolute;transition:background-color .15s ease-in;width:var(--toggle-width)}.toggle-button.white-background[data-v-ad4d245b]{background-color:#fff}.toggle-button[data-v-ad4d245b]:hover{border-color:var(--tln-comp-colors-button-focussed)}.toggle-button[data-v-ad4d245b]:before{background-color:var(--tln-comp-colors-switch-circle);border-radius:100%;content:"";height:var(--toggle-circle-size);left:calc(var(--toggle-border-width)*-1);position:absolute;top:calc(var(--toggle-border-width)*-1);transition:transform .15s ease-in;width:var(--toggle-circle-size)}.toggle-input:checked+.toggle-button[data-v-ad4d245b]{background-color:var(--tln-comp-colors-switch-background-active)}.toggle-input:checked+.toggle-button[data-v-ad4d245b]:before{background-color:var(--tln-comp-colors-switch-circle-active);transform:translate(calc(var(--toggle-width) - var(--toggle-circle-size) + var(--toggle-border-width)))}