.switch[data-v-927ecee0]{display:inline-block;height:var(--track-height);position:relative;width:var(--track-width)}body.platform-kakutale .switch[data-v-927ecee0]{--track-color:#ddd;--handle-color:#000}.switch input[data-v-927ecee0]{display:none}.switch .track[data-v-927ecee0]{background-color:var(--track-color);border-radius:var(--track-border-radius);cursor:pointer;height:100%;inset:0;padding-left:var(--track-padding-x);position:absolute;width:100%}.switch .track[data-v-927ecee0],.switch .track .handle[data-v-927ecee0]{align-items:center;display:flex;transition:var(--transition-time)}.switch .track .handle[data-v-927ecee0]{background-color:var(--handle-color);border-radius:var(--handle-border-radius);height:var(--handle-diameter);justify-content:center;width:var(--handle-diameter)}.switch input[checked]+.track[data-v-927ecee0]{background-color:var(--track-active-color)}body.platform-kakutale .switch input[checked]+.track[data-v-927ecee0]{background:var(--cta-fill)}body.platform-kakutale .switch input[checked]+.track>.handle[data-v-927ecee0]{background-color:var(--white)}.switch input[checked]+.track>.handle[data-v-927ecee0]{transform:translate(var(--handle-distance))}