.different-kind-switch[data-v-7c714166]{--input-focus: #2d8cf0;--bg-color: #fff;--bg-color-alt: #666;--main-color: #323232;--input-out-of-focus: #ccc;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:70px;height:36px;transform:translate(calc(50% - 10px))}.different-kind-toggle[data-v-7c714166]{opacity:0}.different-kind-slider[data-v-7c714166]{box-sizing:border-box;border-radius:100px;border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);position:absolute;cursor:pointer;inset:0;background-color:var(--input-out-of-focus);transition:.3s}.different-kind-slider[data-v-7c714166]:before{content:"off";box-sizing:border-box;height:30px;width:30px;position:absolute;left:2px;bottom:1px;border:2px solid var(--main-color);border-radius:100px;background-color:var(--bg-color);color:var(--main-color);font-size:14px;font-weight:600;text-align:center;line-height:25px;transition:.3s}.different-kind-toggle:checked+.different-kind-slider[data-v-7c714166]{background-color:var(--input-focus);transform:translate(-32px)}.different-kind-toggle:checked+.different-kind-slider[data-v-7c714166]:before{content:"on";transform:translate(32px)}