.toggle-button-container[data-v-9c18d600]{--toggle-circle-size:1.375rem;--toggle-width:2.875rem;--toggle-border-width:.125rem;--gray-100:#f0f1f2;--gray-200:#c8cbd0;--blue-100:#6083ad;--blue-400:#2a394b;--green-100:#b6f78a;cursor:pointer;display:inline-block;height:var(--toggle-circle-size);margin:0;position:relative;width:var(--toggle-width)}.toggle-input[data-v-9c18d600]{height:100%;opacity:0;position:absolute;width:100%}.toggle-button[data-v-9c18d600]{background-color:var(--gray-100);border:var(--toggle-border-width) solid var(--gray-200);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-9c18d600]{background-color:#fff}.toggle-button[data-v-9c18d600]:hover{border-color:var(--blue-100)}.toggle-button[data-v-9c18d600]:before{background-color:var(--blue-400);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-9c18d600]{background-color:var(--green-100)}.toggle-input:checked+.toggle-button[data-v-9c18d600]:before{background-color:var(--blue-400);transform:translate(calc(var(--toggle-width) - var(--toggle-circle-size) + var(--toggle-border-width)))}