h1,.activity section h2{font-family:Noto Sans,sans-serif}.student-show__top h1 em,.dashboard .students .user-link em,.dashboard .teachers .user-link em,.subnav a.student,.activity rating,.slist thead{font-family:Roboto,sans-serif;font-weight:300}.slist thead,.cmn-toggle input:disabled+label:before,.cmn-toggle input:disabled+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)}:where(html.light) .slist thead,.slist :where(html.light) thead,: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)}.slist thead,.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}:where(html.transp) .textcomplete-dropdown{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.textcomplete-dropdown{box-shadow:0 14px 28px #00000026,0 10px 10px #0000001f}.form-check__input input:not(:disabled):focus-visible+.form-check__label{box-shadow:0 0 12px var(--c-font-dimmer)}.activity .sub{overflow:hidden}.activity .line{white-space:nowrap}.dashboard-teacher .progress,.clas-show__body,.clas-show__overview,.team-tournaments--both h2{padding:4vh var(---box-padding)}.dashboard-student .clas-show__top{padding:0 var(---box-padding)}.clas-wall,.clas-index .classes .clas-widget{overflow-wrap:break-word;word-break:normal}.activity .line{text-overflow:ellipsis;overflow:hidden}.student-show__managed p:before,th[role=columnheader]:not([data-sort-method=none]):after,.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}.clas-index .classes .clas-widget .overlay{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.cmn-toggle input{touch-action:manipulation}.form-check__input input,.cmn-toggle input{position:absolute;inset-inline-start:-99999px}.team-tournaments--both{flex-flow:wrap;display:flex}.clas-home__login form,.student-show__password .flash__content,.student-show__managed__actions,.student-show__top h1,.dashboard-teacher .progress-choices,.dashboard-teacher .progress>div,.dashboard .students .user-link,.dashboard .teachers .user-link,.activity .entry{flex-flow:wrap;align-items:center;display:flex}.dashboard-nav,.clas-index .classes .clas-widget,.flash,.form-check__container{flex-flow:row;align-items:center;display:flex}.clas-home__login,.clas-wall__actions{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.clas-login__title,.student-show__other-actions,.student-show__managed,.student-show__top__meta,.clas-show__actions,.clas-show__overview__manage,.student-show__archived,.clas-show__archived,.form-actions,.form-split{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.clas-login__card,.clas-login,.clas-show__body,.activity .entries{flex-flow:column;display:flex}.clas-login__expiration,.student-show__managed,.clas-show__bulk__help,.activity score strong,.form-help pre,.toggle-box legend,.toggle-box,.flash,.form-check__label,.cmn-toggle label:before,.cmn-toggle label,.clas-login__card,.clas-edit #clas-team:target,.flash-box,.flash-quiet,.page-menu__content.box,.dashboard-teacher .progress-choices,.clas-show{border-radius:var(---ui-roundness,7px)}.page-menu__content.box,.dashboard-teacher .progress-choices,.clas-show{overflow:hidden}.clas-home__login form input{border-radius:0;border-start-start-radius:var(---ui-roundness,7px);border-end-start-radius:var(---ui-roundness,7px)}.clas-home__login form .button{border-radius:0;border-start-end-radius:var(---ui-roundness,7px);border-end-end-radius:var(---ui-roundness,7px)}.dashboard-nav a{border-radius:var(---ui-roundness,7px) var(---ui-roundness,7px) 0 0}.dashboard-nav a:last-child{border-radius:var(---ui-roundness,7px) 0 0 0}.dashboard-nav a:first-child{border-radius:0 var(---ui-roundness,7px) 0 0}.flash,.dashboard-teacher .progress-choices,.clas-show,.clas-login__card,.clas-edit #clas-team:target,.flash-box,.flash-quiet{box-shadow:0 2px 2px #00000014,0 3px 1px -2px #0000002e,0 1px 5px #0000001a}:where(html.transp) .clas-login__card,:where(html.transp) .clas-edit #clas-team:target,.clas-edit :where(html.transp) #clas-team:target,:where(html.transp) .flash-box,:where(html.transp) .flash-quiet,:where(html.transp) .dashboard-teacher .progress-choices,.dashboard-teacher :where(html.transp) .progress-choices,:where(html.transp) .clas-show{-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}.slist{border-bottom:1px solid var(--c-border);width:100%}.slist thead th{border-bottom:1px solid var(--c-border);padding:.5rem .8rem}:where(html.light) .slist thead th{border-top:1px solid var(--c-border)}.slist thead th.large{font-size:1.2rem}.slist td{padding:1rem}.slist td .label{font-family:monospace;font-size:.8rem}.slist tbody tr:nth-child(2n){background:var(--c-bg-zebra)}.slist td:first-child,.slist th:first-child{padding-inline-start:1.5rem}.slist-pad td:first-child,.slist-pad th:first-child{padding-inline-start:var(---box-padding)}.slist-pad td:last-child,.slist-pad th:last-child{padding-inline-end:var(---box-padding)}.slist-invert tbody tr:nth-child(odd){background:var(--c-bg-zebra)}.slist-invert tbody tr:nth-child(2n){background:0 0}.slist-wrapper{max-width:calc(100vw - var(---box-padding) * 2);scrollbar-width:thin;min-width:auto;overflow-x:auto}.slist-wrapper:has(.slist-pad){max-width:100vw}ol .slist-wrapper,ul .slist-wrapper{max-width:calc(100vw - var(---box-padding) * 2 - 30px)}ol .slist-wrapper .slist,ul .slist-wrapper .slist{margin-top:0}@media (max-width:649.29px){.slist-wrapper .slist{min-width:calc(max(100vw, 650px) - var(---box-padding) * 2)}.slist.slist-resp{border-collapse:collapse;table-layout:fixed}.slist.slist-resp thead{clip-path:rect(0 0 0 0);border:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slist.slist-resp tr{border-top:1px solid var(--c-border);display:block}.slist.slist-resp td{padding:.5rem var(---box-padding);border-top:1px solid var(--c-border);flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.slist.slist-resp td:before{content:attr(data-label)}}@media (max-width:499.29px){.stack-row{flex-direction:column;display:flex}.stack-row td{width:100%;padding-inline:var(---box-padding)}}th[role=columnheader]:not([data-sort-method=none]){-webkit-user-select:none;user-select:none;cursor:pointer}th[role=columnheader]:not([data-sort-method=none]):after{-webkit-user-select:none;user-select:none;content:"";color:var(--c-accent);visibility:hidden;opacity:0;margin-inline-start:.5em;font-size:14px;display:inline}th[aria-sort=descending]:not([data-sort-method=none]):after{content:""}th[aria-sort]:not([data-sort-method=none]){background:rgb(from var(--c-accent) r g b/calc(alpha * .15));color:var(--c-font-clear)}th[aria-sort]:not([data-sort-method=none]):after{visibility:visible;opacity:.7}th[role=columnheader]:not([data-sort-method=none],[aria-sort]):hover{background:rgb(from var(--c-accent) r g b/calc(alpha * .05));color:var(--c-font-clear)}th[role=columnheader]:not([data-sort-method=none],[aria-sort]):hover:after{opacity:1}.color-icon.white:before{content:""}.color-icon.black:before,:where(html.light) .color-icon.white:before{content:""}:where(html.light) .color-icon.black:before{content:""}.color-icon.random:before{content:""}.textcomplete-dropdown{border-radius:var(---ui-roundness,7px);border:1px solid var(--c-border);background:var(--c-bg-popup);overflow:hidden}.textcomplete-dropdown li{border-top:1px solid var(--c-border);cursor:pointer;min-width:100px;padding:.5em;font-weight:700;list-style:none}.textcomplete-dropdown li.textcomplete-header+.textcomplete-item{border-top:0}.textcomplete-dropdown li.textcomplete-header,.textcomplete-dropdown li.textcomplete-footer{display:none}.textcomplete-dropdown li:hover,.textcomplete-dropdown .active{background-color:color-mix(in oklab, var(--c-accent) 10%, var(--c-bg-popup))}.textcomplete-dropdown a{color:var(--c-font)}:where(html.transp) .textcomplete-dropdown{background:var(--c-bg-zebra);border-color:rgb(from var(--c-border) r g b/.4)}:where(html.transp) .textcomplete-dropdown li:hover,:where(html.transp) .textcomplete-dropdown .active{background-color:color-mix(in oklab, var(--c-accent) 20%, var(--c-bg-popup))}.activity section{margin-inline-start:2rem;padding-top:1rem;font-size:1.2em}@media (max-width:799.29px){.activity section{margin-inline-end:2em}}.activity section h2{color:var(--c-brag);margin-bottom:10px;font-size:1.2em}.activity section h2 time{text-transform:uppercase;font-weight:700}.activity .entry{min-height:64px;padding:6px 0;position:relative}.activity .entry:not(:first-child){margin-top:-4px}.activity .entry>div{max-width:100%}.activity .entry>icon{float:inline-start;text-align:center;background-color:var(--c-contours);border:3px solid var(--c-bg-box);color:#fff;border-radius:50%;width:50px;height:50px;margin-inline-start:-72px;font-size:24px;line-height:39px;position:absolute;top:7px}@media (min-width:499.3px){.activity .entries{border-inline-start:3px solid var(--c-contours);margin:0 50px}.activity .entry{padding-inline-start:45px}}.activity .sub{direction:ltr;margin:1px 0 3px;font-size:1rem}.activity .sub>div{overflow:hidden}.activity .line .more{flex:0 auto}.activity .line a{color:var(--c-font)}.activity .line a:hover{color:var(--c-link)}.activity rating{direction:ltr;margin-inline-start:.7em;display:inline-block}.activity rating .rp{margin-left:.2em}.activity score{gap:8px;margin-left:auto;font-size:.7em;display:flex}.activity score>*{align-items:center;gap:4px;display:flex}.activity score strong{color:#fff;text-align:center;opacity:.7;padding:0 6px;font-size:1.2em;display:inline-block}.activity .sub score strong{text-align:center;padding:0 4px 1px}.activity win strong{background:var(--c-good)}.activity draw strong{background:var(--c-brag)}.activity loss strong{background:var(--c-bad)}.team-events .slist td{padding:.5rem 1rem}.team-events .slist td.icon{padding-right:0}.team-events .slist td.duration{white-space:nowrap}.team-events .slist .header{max-width:40vw;padding:0}.team-events .slist .header a{padding:1em;display:block}.team-events .slist a{color:var(--c-font)}.team-events .slist a:hover{color:var(--c-link)}.team-events .slist .name{font-size:1.2em;display:block}.team-events .slist .setup{color:var(--c-font-dim)}.team-events .slist .icon{text-align:center}.team-events .slist .icon icon{opacity:.6;font-size:2em}@media (max-width:499.29px){.team-events .slist .icon,.team-events .slist .players{display:none}.team-events .slist .header a{padding-inline-end:0}}.team-events .slist .enterable .icon icon{color:var(--c-brag);opacity:1}.team-events .slist .soon{border:1px solid var(--c-brag)}@media (max-width:649.29px){.team-events .slist.slist-resp td{border-top:0;justify-content:flex-start;gap:8px}.team-events .slist.slist-resp td:first-child,.team-events .slist.slist-resp td:last-child{display:none}.team-events .slist.slist-resp td:before{content:unset}.team-events .slist.slist-resp td.header a{padding-bottom:0}.team-events .slist.slist-resp td.text{padding-bottom:1em}.team-events .slist.slist-resp td.text:before{content:attr(data-icon);margin-right:0}}.team-tournaments--both{margin-top:-2em}.team-tournaments--both h2{border-bottom:1px solid var(--c-border)}.team-tournaments--both>div{flex:1 0 50%;min-width:60ch}.team-tournaments--both>div:last-child .slist{border-inline-start:1px solid var(--c-border)}body{--bg-clas:linear-gradient(to right bottom, #8459a1, #5c1d87, #402249);--bg-clas-title:linear-gradient(to right, #ae9bfd, #d496fd, #99a3f4)}:where(html.light) body{--bg-clas:linear-gradient(to right bottom, #8c61a8, #6d22a0, #5c3069);--bg-clas-title:linear-gradient(to right, #c7b9fe, #deaffe, #b1b8f7)}.button-empty.button-clas,.button-empty.button-clas:hover{color:#a068ca}.student-show__archived,.clas-show__archived{background:var(--c-bg-zebra2);padding:1em 2em}.subnav a{white-space:normal;max-width:22vw}@media (min-width:1019.3px){.subnav a{max-width:15vw}}.subnav a.active{color:#a068ca}.subnav a:after{background:#a068ca}.subnav a.student{padding:.4rem 2vw .4rem 2rem;line-height:1.2em}h1{background-image:var(--bg-clas-title);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.page .body h2{border-bottom-color:#a068ca}.clas-index .box__top{background:var(--bg-clas)}.clas-index .box__top a{color:#fff}.clas-index .box__top{flex-flow:row}.clas-index .button.new{opacity:.8}.clas-index .button.new:hover{box-shadow:inset 0 1px 3px -2px hsl(from var(--c-clas) h s calc(l + 38)), inset 0 -4px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 12)), 0 1px 3px 0 #0003}:where(html.light) .clas-index .button.new:hover{box-shadow:inset 0 2px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -4px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 1px 3px 0 #0000002e}.clas-index .button.new:hover:not(.disabled,:disabled,[disabled]):hover{box-shadow:inset 0 1px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -5px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 2px 4px 0 #0000003d}:where(html.light) .clas-index .button.new:hover:not(.disabled,:disabled,[disabled]):hover{box-shadow:inset 0 2px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -5px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 2px 4px 0 #00000036}.clas-index .button.new:hover{color:var(--c-over);background:#ad7dd1!important}.clas-index .button.new:before{font-size:3em}.clas-index .classes__empty{margin-bottom:8em}.clas-index .classes .clas-widget{border-bottom:1px solid var(--c-border);padding:2em var(---box-padding);transition:all .15s;position:relative}.clas-index .classes .clas-widget:before{color:#ad7dd1;margin-inline-end:.4em;font-size:5em;transition:all .15s}@media (max-width:499.29px){.clas-index .classes .clas-widget:before{display:none}}.clas-index .classes .clas-widget:hover{background:color-mix(in oklab, var(--c-clas) 10%, var(--c-bg))}.clas-index .classes .clas-widget:hover:before{color:#a068ca}.clas-index .classes .clas-widget h3{font-size:23px}@media (min-width:300px){.clas-index .classes .clas-widget h3{font-size:calc(1.33333vw + 19px)}}@media (min-width:1200px){.clas-index .classes .clas-widget h3{font-size:35px}}.clas-index .classes .clas-widget h3{color:#a068ca}.clas-index .classes .clas-widget p{margin:.5em 0 0}.clas-index .classes .clas-widget-archived:before,.clas-index .classes .clas-widget-archived h3{color:var(--c-font-dim)}.clas-index__others{padding:var(---block-gap);text-align:right}.clas-show__top{background:var(--bg-clas)}.clas-show__top,.clas-show__top a,.clas-show__top .button{color:#ffffffb3}.clas-show__overview{background:var(--c-bg-zebra)}.clas-show__body{gap:3em}.clas-show__bulk__helps{margin-top:-2em}.clas-show__bulk__help{background:var(--c-bg-zebra2);margin-bottom:1em;padding:.5em 1em;display:block}.clas-show__bulk__help strong{color:var(--c-font-clear);line-height:2em}.clas-create .box__top{background:var(--bg-clas)}.dashboard .flash{margin:2em}.dashboard .flash__content{padding:2em var(---box-padding)}.dashboard .students th,.dashboard .teachers th{font-weight:700}.dashboard .students .button,.dashboard .teachers .button{color:color-mix(in oklab, var(--c-font) 40%, var(--c-clas));font-size:1.2em}.dashboard .students .user-link:hover,.dashboard .teachers .user-link:hover{color:color-mix(in oklab, var(--c-font) 40%, var(--c-clas))}.dashboard .students .user-link span,.dashboard .teachers .user-link span{pointer-events:none}.dashboard .students .user-link .line,.dashboard .teachers .user-link .line{font-size:2em}.dashboard .students .user-link em,.dashboard .teachers .user-link em{display:block}.dashboard .students .rating span:before{margin:0}.dashboard .students .rating span{margin:0 .3em}.dashboard-nav{justify-content:center;align-items:flex-end}@media (max-width:499.29px){.dashboard-nav{font-size:.9em}}.dashboard-nav a{text-align:center;flex:auto;padding:1.2em 0 .8em}.dashboard-nav a:hover{color:#fffc;background:#00000026}.dashboard-nav a.active{background:var(--c-bg-box);color:#a068ca;font-weight:700}.dashboard-teacher-overview :where(html:not(.transp)) .dashboard-nav a.active,.dashboard-teacher-progress :where(html:not(.transp)) .dashboard-nav a.active{background:var(--c-bg-zebra)}.dashboard-student .clas-show__top h1{margin:0;padding:1.5em 0}.dashboard-student .clas-show__desc{margin-top:-1.5em;padding-bottom:3em}.dashboard-student .clas-wall{max-height:50vh;overflow-y:auto}.dashboard-teacher .clas-show__top h1{padding:1.5em var(---box-padding);margin:0}.dashboard-teacher .clas-show__desc{margin-bottom:2em}.dashboard-teacher .progress{background:var(--c-bg-zebra)}.dashboard-teacher .progress>div:first-child{margin-bottom:1.5em}.dashboard-teacher .progress label{width:12ch;color:var(--c-font-dim);text-transform:uppercase;display:inline-block}:where(html:not(.light)) .dashboard-teacher .progress-choices{box-shadow:none}.dashboard-teacher .progress-choices{background:var(--c-bg-box);flex:auto}.dashboard-teacher .progress a{text-align:center;color:#a068ca;flex:auto;padding:.7em;font-weight:700}.dashboard-teacher .progress a:hover{background:color-mix(in oklab, var(--c-clas) 30%, var(--c-bg));color:var(--c-font-clear)}.dashboard-teacher .progress a.active{background:color-mix(in oklab, var(--c-clas) 50%, var(--c-bg));color:var(--c-over)}.dashboard-teacher .progress a{border-inline-end:1px solid var(--c-border)}.dashboard-teacher .progress a:last-child{border:0}.dashboard-teacher .students td:first-child{font-weight:700}.dashboard-teacher .coords icon{margin:0 .4em}.dashboard-teacher .coords icon:before{margin-inline-end:.2em}.clas-tournaments{margin:var(---block-gap)}@keyframes target-fade{0%{background:color-mix(in oklab, var(--c-accent) 80%, var(--c-bg-popup))}to{background:color-mix(in oklab, var(--c-accent) 15%, var(--c-bg-popup))}}.clas-edit__archive{text-align:right}.clas-edit #clas-team:target{border:1px solid var(--c-accent);padding:1em 1em 1em 1.5em;animation:1.5s forwards target-fade}.button-clas{box-shadow:inset 0 1px 3px -2px hsl(from var(--c-clas) h s calc(l + 38)), inset 0 -4px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 12)), 0 1px 3px 0 #0003}:where(html.light) .button-clas{box-shadow:inset 0 2px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -4px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 1px 3px 0 #0000002e}.button-clas:not(.disabled,:disabled,[disabled]):hover{box-shadow:inset 0 1px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -5px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 2px 4px 0 #0000003d}:where(html.light) .button-clas:not(.disabled,:disabled,[disabled]):hover{box-shadow:inset 0 2px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -5px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 2px 4px 0 #00000036}.button-clas{background:color-mix(in oklab, var(--c-clas) 75%, var(--c-bg))}.button-clas:hover{background:color-mix(in oklab, var(--c-clas) 90%, var(--c-bg))!important}.clas-wall strong{font-weight:700}.clas-wall em{font-style:italic}.clas-wall p,.clas-wall pre{margin:1em 0}.clas-wall ol,.clas-wall ul{margin:1em 0;padding-inline-start:2em}.clas-wall li ol,.clas-wall li ul{margin:0}.clas-wall ol>li{list-style:decimal}.clas-wall ul>li{list-style:outside}.clas-wall li p{vertical-align:top;margin-top:0;display:inline-block}.clas-wall h1{margin:0;font-size:1em}.clas-wall h2:not(:first-child){margin-top:.9em}.clas-wall h2{border-bottom:1px solid var(--c-brag);padding-bottom:.25em;line-height:1.5em}.clas-wall h3{font-size:18px}@media (min-width:300px){.clas-wall h3{font-size:calc(1vw + 15px)}}@media (min-width:1200px){.clas-wall h3{font-size:27px}}.clas-wall h3{margin:.8em 0 .5em;font-weight:700}.clas-wall h3:first-child{margin-top:0}.clas-wall h4{font-size:17px}@media (min-width:300px){.clas-wall h4{font-size:calc(.666667vw + 15px)}}@media (min-width:1200px){.clas-wall h4{font-size:23px}}.clas-wall h2 a[id],.clas-wall h3 a[id],.clas-wall h4 a[id]{opacity:0}.clas-wall h2 a[id]:before,.clas-wall h3 a[id]:before,.clas-wall h4 a[id]:before{color:var(--c-font-dimmer);content:"";width:3rem;margin-left:-3rem;font-family:lichess;position:absolute}.clas-wall h2:hover a[id],.clas-wall h3:hover a[id],.clas-wall h4:hover a[id]{opacity:1}.clas-wall img{max-width:100%;max-height:50vh;margin:auto;display:block}.clas-wall table{margin:1em 0}.clas-wall th[align=left],.clas-wall td[align=left]{text-align:left}.clas-wall th[align=center],.clas-wall td[align=center]{text-align:center}.clas-wall th[align=right],.clas-wall td[align=right]{text-align:right}.clas-wall p time{border-bottom:1px dashed var(--c-font-dim);cursor:help;font-size:100%}.clas-wall p a>time{border-color:var(--c-link)}.clas-wall p a:hover>time{border-color:var(--c-link-hover)}.clas-wall{margin:4em 0;font-size:1.1em;line-height:1.6em}.clas-wall img{max-height:40vh}.clas-wall__actions{margin-top:4em}.clas-wall__actions .button{margin:0 1em}.clas-wall__edit li{margin:.5em 0 0 1.5em;list-style:outside}.student-show{padding-bottom:3em}.student-show__top{padding:calc(4vh - 1rem) var(---box-padding);background:var(--bg-clas);margin-bottom:3em}.student-show__top,.student-show__top a,.student-show__top a:hover,.student-show__top .title{color:#fff}.student-show__top a:not(.button){border-bottom:1px dotted color-mix(in oklab, var(--c-clas) 20%, white);font-weight:700}.student-show__top h1{margin-bottom:.6em}.student-show__top h1:before{margin-inline-end:.4em;font-size:2.5em}.student-show__top h1 strong{display:block}.student-show__top__meta{justify-items:center}.student-show__top__meta .button-empty{color:#ffffffb3}.student-show__top__meta .button-empty:hover{color:inherit;background:#ffffff1a!important}.student-show__top__meta p{margin:0}.student-show__notes{margin-bottom:2em}.student-show__managed{background:rgb(from var(--c-primary) r g b/calc(alpha * .2));margin:1em 0 2em;padding:1em 2em}.student-show__managed p{margin:0}.student-show__managed p:before{content:"";font-size:3em}.student-show .activity{margin:1em 0 2em}.student-show__password .flash__content{padding:2em}.student-show__password .flash__content:before{font-size:3em}.student-show__password pre{font-size:1.5em}.student-add__choice{gap:var(---box-padding);grid-template-columns:repeat(auto-fit,minmax(20em,1fr));align-items:center;display:grid}.student-add__choice h2{margin-bottom:1em}.student-add__choice .button{width:100%}.student-add__or{color:var(--c-font-dimmer);text-align:center;margin:2rem 0;font-size:2em;font-style:italic}.student-add__created strong a{text-decoration:underline}.student-add__created p{margin-top:1em}.student-add__created pre{font-size:1.5em}.student-add__created .button{margin-top:3em;display:block}.student-add-many form{margin-top:2em}.student-edit h2{margin-bottom:1em}.clas-home{background:var(--bg-clas);color:#fff}.clas-home__doc{margin-bottom:4em}.clas-home__onboard{text-align:center}.clas-home__onboard .button{box-shadow:inset 0 1px 3px -2px hsl(from var(--c-clas) h s calc(l + 38)), inset 0 -4px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 12)), 0 1px 3px 0 #0003}:where(html.light) .clas-home__onboard .button{box-shadow:inset 0 2px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -4px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 1px 3px 0 #0000002e}.clas-home__onboard .button:not(.disabled,:disabled,[disabled]):hover{box-shadow:inset 0 1px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -5px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 2px 4px 0 #0000003d}:where(html.light) .clas-home__onboard .button:not(.disabled,:disabled,[disabled]):hover{box-shadow:inset 0 2px 3px -2px hsl(from var(--c-clas) h s calc(l + 50)), inset 0 -5px 6pt -3pt hsl(from var(--c-clas) h s calc(l - 8)), 0 2px 4px 0 #00000036}.clas-home__onboard .button{background:#ad7dd1;margin-bottom:2em;display:inline-block}.clas-home__onboard .button:hover{background:#a068ca}.clas-home__login form{align-items:stretch}.clas-home__login form input{font-family:monospace;font-size:1.3em}.clas-home__login form .button{background:#ad7dd1;border-inline-start:0;padding:0 1.5em}@media (min-width:649.3px){.clas-home__login form{font-size:1.5em}}.clas-login{gap:2em}.clas-login__expiration{background:var(--c-bg-zebra);padding:.3em 1em;font-size:1.2em}.clas-login__expiration .timeago{color:var(--c-font-clear);font-weight:700}.clas-login__cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1em;display:grid}.clas-login__card{background:var(--c-bg-zebra);border:1px solid var(--c-border);padding:1em;font-size:1.5em}.clas-login__card h3{color:var(--c-font-clear)}.clas-login__card a{color:var(--c-font-dim);font-size:.7em}.clas-login__card code{text-align:center;color:var(--c-font-dim);margin-top:1rem;font-size:1.8em;font-weight:700}.clas-login__card icon{color:var(--c-bad);text-align:center;margin-top:1rem;font-size:.8em}