.yes-no-switch{position:relative;display:inline-flex;vertical-align:middle;flex:0 0 68px;width:68px;height:30px;margin-inline-end:8px;isolation:isolate}
.yes-no-switch input[type=checkbox]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer;z-index:1}
.yes-no-track{position:relative;display:block;width:100%;height:100%;box-sizing:border-box;border:1px solid #dbdfe9;border-radius:20px;background:#edf0f4;transition:background .15s,border-color .15s;pointer-events:none}
.yes-no-track::after{content:'';position:absolute;inset-inline-start:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #07143730;transition:inset-inline-start .15s}
.yes-no-track span{position:absolute;top:0;display:flex;align-items:center;height:28px;font-size:10px;font-weight:600;line-height:1}
.yes-no-track .switch-yes{inset-inline-start:7px;color:#fff;opacity:0}.yes-no-track .switch-no{inset-inline-end:7px;color:#4b5675}
.yes-no-switch input:checked+.yes-no-track{background:#1b84ff;border-color:#1b84ff}
.yes-no-switch input:checked+.yes-no-track::after{inset-inline-start:41px}
.yes-no-switch input:checked+.yes-no-track .switch-yes{opacity:1}.yes-no-switch input:checked+.yes-no-track .switch-no{opacity:0}
.yes-no-switch input:focus-visible+.yes-no-track{outline:2px solid #1b84ff;outline-offset:3px}
.yes-no-switch:has(input:disabled){opacity:.5}.yes-no-switch input:disabled{cursor:not-allowed}
.check-label:has(.yes-no-switch){display:flex;align-items:center;gap:8px}.check-label .yes-no-switch{margin-inline-end:0}
@media(prefers-reduced-motion:reduce){.yes-no-track,.yes-no-track::after{transition:none}}