.email-confirm h3{font-family:Noto Sans,sans-serif}:where(html.light) .cmn-toggle input:disabled+label:before,.cmn-toggle :where(html.light) input:disabled+label:before,:where(html.light) .cmn-toggle input:disabled+label:after,.cmn-toggle :where(html.light) input:disabled+label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8)}.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 #737373, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)/.8), 0 1px 3px 0 #0003}:where(html.light) .cmn-toggle label:after,.cmn-toggle :where(html.light) label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 1px 3px 0 #0000002e}.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 * .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 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #0000003d}:where(html.light) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after,.cmn-toggle :where(html.light) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #00000036}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after{background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover))}:where(html.transp) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after,.cmn-toggle :where(html.transp) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 1px 3px -2px var(--c-border-light), inset 0 -5px 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #00000026}:where(html.light) :where(html.transp) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after,.cmn-toggle :where(html.light) :where(html.transp) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #0000001f}.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{vertical-align:middle;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate;font-family:lichess;font-size:1.2em;font-style:normal;font-weight:400}.cmn-toggle input{touch-action:manipulation}.form-check__input input,.cmn-toggle input{position:absolute;inset-inline-start:-99999px}.flash,.form-check__container{flex-flow:row;align-items:center;display:flex}.email-confirm-banner{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.form-actions,.form-split{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.signup-confirm form .button-fat,.form-help pre,.toggle-box legend,.toggle-box,.flash,.form-check__label,.cmn-toggle label:before,.cmn-toggle label,.flash-box,.flash-quiet{border-radius:var(---ui-roundness,7px)}.flash,.flash-box,.flash-quiet{box-shadow:0 2px 2px #00000014,0 3px 1px -2px #0000002e,0 1px 5px #0000001a}:where(html.transp) .flash-box,:where(html.transp) .flash-quiet{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cmn-toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.8ch;display:inline-flex}.cmn-toggle label{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid var(--c-border);background-clip:padding-box;background-color:var(--c-font-dimmer);outline:none;width:40px;height:24px;padding:1px;transition:background .15s,box-shadow .15s;display:block;position:relative}.cmn-toggle label:before,.cmn-toggle label:after{content:"";width:23px;height:23px;display:block;position:absolute;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{z-index:1;text-align:center;content:"";color:var(--c-font-dimmer);font-size:1em;line-height:23px;transition:margin .15s,color .15s}.cmn-toggle label:after{border-radius:calc(var(---ui-roundness,7px) - 1px);transition:margin .15s,box-shadow .15s}:where(html.transp) .cmn-toggle label:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 22%), hsl(var(---site-hue), 5%, 19%) 100%)}:where(html.transp.light) .cmn-toggle label:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 88%), hsl(var(---site-hue), 5%, 91%) 100%)}:where(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%)}:where(html.transp.light) .cmn-toggle label:hover:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 90%), hsl(var(---site-hue), 5%, 93%) 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{-webkit-user-select:none;user-select:none}.form-check__container .form-label{cursor:pointer;margin-bottom:0}.form-check__container:has(.form-label:hover) .form-check__label{border-color:var(--c-good)}.form-check__input{cursor:pointer;position:relative}.form-check__input+.form-label{margin-inline-start:.75rem}.form-check__label{background-color:var(--c-bg-input);border:1px solid var(--c-border);cursor:pointer;width:24px;height:24px;transition:background-color .1s ease-in-out ease, border-color .1s ease-in-out ease;margin-bottom:0;display:block;position:relative}.form-check__label:hover{border-color:var(--c-good)}.form-check__label:after{content:"";opacity:0;border-top:none;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;border-right:none;width:12px;height:6px;position:absolute;top:50%;left:50%;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 * .8))}.form-check__input input:checked+.form-check__label:after{opacity:1}.flash{background:var(--c-good);margin:1em 0 2em;padding:1em 2em}.flash:before{content:"";margin-inline:0 .5rem;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,.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);padding:2rem var(---box-padding) 0;margin:1rem 0 3rem}.toggle-box legend{-webkit-user-select:none;user-select:none;background:var(--c-bg-zebra);text-align:right;border:1px solid #0000;border-top-color:var(--c-border);padding:.5em 1.5em;font-size:1.2em;line-height:26px}.toggle-box legend:focus-visible{outline:2px solid var(--c-primary)}:where(html.transp) .toggle-box--toggle legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-box--toggle legend{cursor:pointer;padding:.5em 2.5em .5em 1.5em;position:relative}.toggle-box--toggle legend:after{content:"";opacity:.66;margin-left:.5em;font-size:14px;transition:transform .2s ease-in-out;position:absolute;transform:rotate(-90deg)}.toggle-box--toggle legend:hover{color:var(--c-primary)}.toggle-box--toggle-off{border-color:#0000;border-top-color:var(--c-border);background:0 0;border-radius:0;padding-top:0}.toggle-box--toggle-off legend{border:1px solid var(--c-border);background:0 0}.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:48%;min-width:200px}.form-full{flex:100%}.form-third{flex:31%}@media (min-width:499.3px){.form-half,.form-third{flex-grow:0}}.form-label{cursor:text;margin-bottom:.5rem;font-weight:700;display:inline-block}.form-control{background-clip:padding-box;width:100%;height:calc(2.7em + 2px);display:block}.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{unicode-bidi:plaintext;margin-top:.25rem;font-size:90%}.form3 .error{color:var(--c-error)}.form-help,.password-complexity-label{color:var(--c-font-dim)}.form-help pre{background:var(--c-bg-page);margin:.2em 0;padding:.2em 1em}.form-actions{border-top:1px solid var(--c-border);margin-top:1.5rem;padding-top:1.5rem}.form-actions.single{justify-content:flex-end}.form3 hr{border:0;border-top:1px solid var(--c-border);margin-top:1rem;margin-bottom:1rem}.email-confirm-banner{background:var(--c-primary);z-index:107;flex-wrap:nowrap;gap:.6em;padding:1em;font-size:1.3em;display:flex;position:fixed;bottom:0;left:0;right:0;color:var(--c-over)!important}.email-confirm-banner.error{background:var(--c-error);flex-flow:column}.email-confirm-banner.error code{overflow-wrap:anywhere;font-size:1rem}.email-confirm-banner a{margin-left:1em;text-decoration:underline;color:var(--c-over)!important}body:has(.email-confirm,.signup-confirm) .signin-or-signup{display:none}.email-confirm h2{margin-top:2em;font-size:1.7em}.email-confirm h3{font-size:1.2em;display:inline}@keyframes appear{30%{transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes appear-fade{5%{transform:translateY(0)}10%{opacity:.4}to{opacity:1;transform:translateY(0)}}.email-confirm ol li{margin:2em 0;list-style:inside decimal}.email-confirm.anim h2,.email-confirm.anim ol li{opacity:0;animation:3s 2s forwards appear;transform:translateY(100px)}.email-confirm.anim ol li:nth-child(2){animation-delay:6s}.email-confirm.anim ol li:nth-child(3){animation:10s 13s forwards appear-fade}.email-confirm.anim ol li:nth-child(4){animation-delay:30s}.email-confirm-help form{margin-top:2em}.email-confirm-help .form-split{justify-content:flex-start;gap:1em}.email-confirm-help .form-group:last-child{align-items:center;display:flex}.email-confirm-help .replies{font-size:1.2em}.email-confirm-help .replies ol li{margin-bottom:2em;list-style:decimal}.email-confirm-help .replies p{margin-bottom:.5em}.signup-confirm{text-align:center}.signup-confirm form{margin:6em 0 4em}.signup-confirm form .button-fat{border:10px solid color-mix(in oklab, var(--c-primary) 30%, var(--c-bg))}