.select-labels{text-align:start;white-space:nowrap;display:grid}.select-labels>span{visibility:hidden;grid-area:1/1}.select-labels>[data-current]{visibility:visible}.select-option{cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0}.select-option:is(:hover,:focus-visible){background:var(--color-hover);color:var(--color-text);outline:none}.select-option:active{background:var(--background-press)}.select-option[aria-checked=true]{color:var(--color-accent)}.select-tick{padding-left:var(--space-2);visibility:hidden;margin-left:auto;display:inline-flex}[aria-checked=true]>.select-tick{visibility:visible}.rank-head{--head-room:32px;display:block;position:relative}.rank-head>canvas{top:calc(-1 * var(--head-room));left:calc(-1 * var(--head-room));width:calc(100% + 2 * var(--head-room));height:calc(100% + 2 * var(--head-room));pointer-events:none;position:absolute}.rank-head:not([data-ready])>canvas,.rank-head[data-still]>canvas:not(.rank-head-still){visibility:hidden}.rank-head[data-turning=drag]{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.rank-head[data-turning=drag]:active{cursor:grabbing}.rank-head[data-turning=drag]:focus-visible{outline-offset:-2px}