/* Shared on/off control based on the supplied check/cross toggle. */
.choice-grid,.panel-page-grid{display:table;width:100%;border-collapse:collapse;gap:0}
.choice-grid .switch-choice{display:flex;flex-direction:row-reverse;align-items:center;gap:16px;min-height:48px;padding:8px 4px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
.choice-grid .switch-choice:last-child{border-bottom:0}
.choice-grid .switch-choice:hover{background:var(--surface-2)}
.switch-choice .toggle-caption{display:block;margin:0;padding:0;border:0;background:transparent;box-shadow:none;min-height:0;flex:1;font-size:12px;font-weight:700;cursor:pointer;overflow-wrap:anywhere}
.toggle{position:relative;flex:0 0 80px;width:80px;height:42px;direction:ltr;zoom:.72}
.toggle:before{content:'';position:absolute;border-bottom:3px solid #fff;border-right:3px solid #fff;width:6px;height:14px;box-sizing:content-box;z-index:2;transform:rotate(45deg);top:11px;left:15px;pointer-events:none}
.toggle:after{content:'×';position:absolute;top:0;left:55px;z-index:2;line-height:42px;font-size:26px;color:#777;pointer-events:none}
.toggle input[type=checkbox]{appearance:auto;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;margin:0;padding:0;cursor:pointer;opacity:0}
.toggle input[type=checkbox]:before{content:none}
.choice-grid .toggle label{position:relative;display:flex;align-items:center;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;min-height:0;width:80px;height:42px;border-radius:0}
.choice-grid .switch-choice .toggle-caption{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;text-align:right}
.toggle label:before{content:'';width:80px;height:42px;box-shadow:0 0 1px 2px #0001;background:#eee;position:relative;display:inline-block;border-radius:46px;transition:.2s ease-in}
.toggle label:after{content:'';position:absolute;width:42px;height:42px;border-radius:50%;left:0;top:0;z-index:5;background:#fff;box-shadow:0 0 5px #0002;transition:.2s ease-in}
.toggle input[type=checkbox]:hover + label:after{box-shadow:0 2px 15px 0 #0002,0 3px 8px 0 #0001}
.toggle input[type=checkbox]:checked + label:before{transition:.1s .2s ease-in;background:#4BD865}
.toggle input[type=checkbox]:checked + label:after{left:38px}
.toggle input[type=checkbox]:focus-visible + label{outline:3px solid #087fb9;outline-offset:4px;border-radius:46px}
.toggle:has(input:disabled){opacity:.5}
.toggle input:disabled{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.toggle label:before,.toggle label:after{transition:none!important}}
@media(max-width:480px){.choice-grid,.panel-page-grid{grid-template-columns:1fr}}