.mselect__list{font-family:Noto Sans,sans-serif}.mselect__label{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}.mselect__label:hover:not(.disabled,:disabled,[disabled]){background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover))}.mselect__label{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 #0000001a}:where(html.light) .mselect__label{box-shadow:inset 0 2px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 1px 3px 0 #00000014}.mselect__label{border:1px solid var(--c-border)}.mselect__label:hover:not(.disabled,:disabled,[disabled]){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 #0000001f}:where(html.light) .mselect__label:hover:not(.disabled,:disabled,[disabled]){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 #0000001a}:where(html.transp) .mselect__label:hover:not(.disabled,:disabled,[disabled]){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 #0000000f}:where(html.light) :where(html.transp) .mselect__label:hover:not(.disabled,:disabled,[disabled]){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 #0000000d}:where(html.transp) .mselect__list{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mselect__list{box-shadow:0 14px 28px #00000026,0 10px 10px #0000001f}.mselect__label:after{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}.rating-stats .desc{flex-flow:wrap;align-items:center;display:flex}.mselect__label{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.mselect__list{flex-flow:column;display:flex}.mselect__list,.mselect__label{border-radius:var(---ui-roundness,7px)}.mselect{white-space:nowrap;position:relative}.mselect:has(>.mselect__toggle--mask:checked){z-index:111}.mselect__toggle{z-index:-1;opacity:0;position:absolute}:where(html.transp) .mselect__label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mselect__label{padding-inline:1rem .6rem;cursor:pointer;gap:1ch;padding-top:.3rem;padding-bottom:.3rem}.mselect__label:after{content:"";color:var(--c-primary);margin-inline:.4em 0;font-size:70%}.mselect__label:focus-visible,.mselect__toggle:focus-visible~.mselect__label{outline:2px solid var(--c-primary)}html:not([dir=rtl]) .mselect__list{left:0}html[dir=rtl] .mselect__list{right:0}.mselect__list{z-index:111;background:var(--c-bg-popup);transform-origin:top;min-width:100%;max-height:60vh;transition:transform .15s;position:absolute;top:0;overflow-y:auto;transform:scaleY(0)}.mselect__toggle:checked~.mselect__list{transform:scale(1)}@media (max-width:800px){.mselect__toggle:checked~.mselect__list{top:calc(50vh - var(---site-header-height));position:fixed;transform:translateY(-50%)scale(1)}dialog .mselect__toggle:checked~.mselect__list{position:absolute;top:0;transform:scale(1)}}.mselect__toggle:checked~.mselect__list *{opacity:1;visibility:visible;transition:opacity .125s ease-in-out .125s}.mselect__item{white-space:nowrap;visibility:hidden;opacity:0;color:var(--c-primary);border-left:3px solid #0000;padding:.3em 1em;transition:background-color .15s,border-color .15s;display:block}.mselect__item.current{background:var(--c-bg-zebra);border-color:var(--c-primary)}.mselect__item:hover{background:var(--c-primary);color:var(--c-over)}.mselect__item:focus-visible{outline:2px solid var(--c-primary);outline-offset:-2px}.mselect__item:before{margin-inline-end:.4em}.rating-stats .spinner{width:150px;height:150px;margin-top:100px}.rating-stats .desc:before{color:var(--c-font-dim);margin-inline-end:1rem;font-size:4.5em}.rating-stats #rating_distribution{height:500px;margin-top:2rem}.rating-stats #rating_distribution #rating_distribution_chart{max-width:100%}.rating-stats .mselect{display:inline-block}.rating-stats .mselect__item{padding-inline:.7em 1em;padding-top:.3em;padding-bottom:.3em;font-size:1.3rem}