.toggle-button-container[data-v-ad4d245b]{--toggle-circle-size:1.375rem;--toggle-width:2.875rem;--toggle-border-width:.125rem;width:var(--toggle-width);height:var(--toggle-circle-size);cursor:pointer;margin:0;display:inline-block;position:relative}.toggle-input[data-v-ad4d245b]{opacity:0;width:100%;height:100%;position:absolute}.toggle-button[data-v-ad4d245b]{width:var(--toggle-width);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);transition:background-color .15s ease-in;position:absolute;inset:0}.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{top:calc(var(--toggle-border-width)*-1);left:calc(var(--toggle-border-width)*-1);width:var(--toggle-circle-size);height:var(--toggle-circle-size);background-color:var(--tln-comp-colors-switch-circle);content:"";border-radius:100%;transition:transform .15s ease-in;position:absolute}.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)))}