﻿.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3))}html.light .cmn-toggle input:disabled+label::before,.cmn-toggle html.light input:disabled+label::before,html.light .cmn-toggle input:disabled+label::after,.cmn-toggle html.light input:disabled+label::after{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5))}html.transp .cmn-toggle input:disabled+label::before,.cmn-toggle html.transp input:disabled+label::before,html.transp .cmn-toggle input:disabled+label::after,.cmn-toggle html.transp input:disabled+label::after{box-shadow:none}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{background-image:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom))}.cmn-toggle label::after{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)),0 1px 3px 0 rgba(0,0,0,.2)}html.light .cmn-toggle label::after,.cmn-toggle html.light label::after{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 1px 3px 0 rgba(0,0,0,.18)}html.transp .cmn-toggle label::after,.cmn-toggle html.transp label::after{box-shadow:none}.cmn-toggle label::after{background:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom));text-shadow:.5px .5px 0 rgb(from var(--c-dimmer) r g b/calc(alpha * 0.8)) !important}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after{box-shadow:inset 0 1px 3px -2px var(--c-border-light),inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 2px 4px 0 rgba(0,0,0,.24)}html.light .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.light label:hover:not(.disabled,:disabled,[disabled])::after{box-shadow:inset 0 4px 3px -2px #fff,inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)),0 2px 4px 0 rgba(0,0,0,.21)}html.transp .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.transp label:hover:not(.disabled,:disabled,[disabled])::after{box-shadow:none}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after{background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover))}.form-check__input input:not(:disabled):focus-visible+.form-check__label{box-shadow:0 0 12px var(--c-font-dimmer)}.toggle-box--toggle legend::after,.flash::before,.cmn-toggle label::before{font-size:1.2em;vertical-align:middle;font-family:lichess;font-style:normal;font-weight:normal;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate}.cmn-toggle input{touch-action:manipulation}.form-check__input input,.cmn-toggle input{position:absolute;inset-inline-start:-99999px}.flash,.form-check__container{display:flex;flex-flow:row nowrap;align-items:center}.form-actions,.form-split{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.form-help pre,.toggle-box legend,.toggle-box,.flash,.form-check__label,.flash-box,.flash-quiet{border-radius:7px}.flash-box,.flash-quiet{box-shadow:0 2px 2px 0 rgba(0,0,0,.08),0 3px 1px -2px rgba(0,0,0,.18),0 1px 5px 0 rgba(0,0,0,.1)}html.transp .flash-box,html.transp .flash-quiet{backdrop-filter:blur(6px)}.cmn-toggle-wrap{display:inline-flex;align-items:center;gap:.8ch;cursor:pointer;user-select:none}.cmn-toggle label{user-select:none;transition:background 150ms ease,box-shadow 150ms ease;display:block;position:relative;cursor:pointer;outline:none;padding:1px;width:40px;height:24px;border:1px solid var(--c-border);border-radius:24px;background-clip:padding-box;background-color:var(--c-font-dimmer)}.cmn-toggle label::before,.cmn-toggle label::after{display:block;position:absolute;content:"";width:22px;height:22px;bottom:0}html:not([dir=rtl]) .cmn-toggle label::before,html:not([dir=rtl]) .cmn-toggle label::after{left:0}html[dir=rtl] .cmn-toggle label::before,html[dir=rtl] .cmn-toggle label::after{right:0}.cmn-toggle label::before{transition:margin 150ms ease,color 150ms ease;font-size:1em;z-index:1;text-align:center;line-height:22px;content:"";color:var(--c-font-dimmer);border-radius:100%}.cmn-toggle label::after{transition:margin 150ms ease,box-shadow 150ms ease;border-radius:100%}html.transp .cmn-toggle label::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 22%), hsl(var(---site-hue), 5%, 19%) 100%)}html.transp .cmn-toggle label:hover::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 26%), hsl(var(---site-hue), 5%, 23%) 100%)}.cmn-toggle input:checked+label{background-color:var(--c-good)}.cmn-toggle input:checked+label::before,.cmn-toggle input:checked+label::after{margin-inline-start:16px}.cmn-toggle input:checked+label::before{content:"";color:var(--c-good)}.cmn-toggle input:disabled+label{opacity:.6;cursor:not-allowed !important}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:none}.cmn-toggle input:focus-visible:not(:disabled)+label{box-shadow:0 0 12px var(--c-font-dimmer);border-color:var(--c-primary)}.form-check__container{user-select:none}.form-check__container .form-label{margin-bottom:0;cursor:pointer}.form-check__container .form-label a{text-decoration:underline}.form-check__container:has(.form-label:hover) .form-check__label{border-color:var(--c-good)}.form-check__input{position:relative;cursor:pointer}.form-check__input+.form-label{margin-inline-start:.75rem}.form-check__label{position:relative;display:block;margin-bottom:0;background-color:var(--c-bg-input);border:1px solid var(--c-border);cursor:pointer;height:24px;width:24px;transition:background-color .1s ease-in-out ease,border-color .1s ease-in-out ease}.form-check__label:hover{border-color:var(--c-good)}.form-check__label::after{border:2.5px solid #fff;border-top:none;border-right:none;content:"";width:12px;height:6px;left:50%;top:50%;opacity:0;position:absolute;transform:translate(-50%, -58%) rotate(-45deg)}.form-check__input input{position:absolute}.form-check__input input:disabled+.form-check__label{opacity:.6;cursor:not-allowed !important}.form-check__input input:not(:disabled):focus-visible+.form-check__label{border-color:var(--c-font)}.form-check__input input:checked+.form-check__label{background-color:var(--c-good);border-color:var(--c-good)}.form-check__input input:checked:hover+.form-check__label{background-color:rgb(from var(--c-good) r g b/calc(alpha * 0.8))}.form-check__input input:checked+.form-check__label::after{opacity:1}.flash{margin:1em 0 2em 0;padding:1em 2em;background:var(--c-good)}.flash::before{content:"";margin-inline:0 2rem;font-size:1.5em}.flash__content a{color:var(--c-over);unicode-bidi:plaintext}.flash-success{color:var(--c-over)}.flash-warning{background:var(--c-warn);color:var(--c-over)}.flash-warning::before{content:""}.flash-failure{background:var(--c-bad);color:var(--c-over)}.flash-failure::before{content:""}.flash-quiet{background:var(--c-bg-zebra)}.flash-box{background:var(--c-bg-zebra)}.flash-box a{color:var(--c-primary)}.toggle-box{border:1px solid var(--c-border);background:var(--c-bg-zebra);margin:1rem 0 3rem 0;padding:2rem var(---box-padding) 0}.toggle-box legend{user-select:none;background:var(--c-bg-zebra);padding:.5em 1.5em;text-align:right;font-size:1.2em;line-height:26px;border:1px solid rgba(0,0,0,0);border-top-color:var(--c-border)}.toggle-box legend:focus-visible{outline:2px solid var(--c-primary)}html.transp .toggle-box--toggle legend{backdrop-filter:blur(10px)}.toggle-box--toggle legend{padding:.5em 2.5em .5em 1.5em;cursor:pointer;position:relative}.toggle-box--toggle legend::after{content:"";position:absolute;font-size:14px;transform:rotate(-90deg);margin-left:.5em;opacity:.66;transition:transform .2s ease-in-out}.toggle-box--toggle legend:hover{color:var(--c-primary)}.toggle-box--toggle-off{background:none;border-color:rgba(0,0,0,0);border-top-color:var(--c-border);border-radius:0;padding-top:0}.toggle-box--toggle-off legend{border:1px solid var(--c-border);background:none}.toggle-box--toggle-off legend:hover{background:var(--c-bg-zebra)}.toggle-box--toggle-off legend::after{transform:rotate(90deg)}.toggle-box--toggle-off>*:not(legend){display:none}.form-group{margin-bottom:3rem}.form-split{align-items:inherit}.form-half{flex:1 1 48%;min-width:200px}.form-third{flex:1 1 31%}@media(min-width: 499.3px){.form-half,.form-third{flex-grow:0}}.form-label{font-weight:bold;display:inline-block;margin-bottom:.5rem;cursor:text}.form-control{display:block;width:100%;height:calc(2.7em + 2px);background-clip:padding-box}.clipboard{float:right}textarea.form-control{height:auto}.form-control:invalid,.form-group.is-invalid .form-control{border-color:var(--c-error)}.form3 .error,.form-help,.password-complexity-label{font-size:90%;margin-top:.25rem;unicode-bidi:plaintext}.form3 .error{color:var(--c-error)}.form-help,.password-complexity-label{color:var(--c-font-dim)}.form-help pre{padding:.2em 1em;margin:.2em 0;background:var(--c-bg-page)}.form-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--c-border)}.form-actions.single{justify-content:flex-end}.form3 hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid var(--c-border)}
