.level-strand-plot{top:calc(var(--pearl-size-max) / 2 + .75rem);right:calc(var(--pearl-size-max) / 2);bottom:calc(var(--pearl-size-min) / 2 + 2.25rem);left:calc(var(--pearl-size-min) / 2);position:absolute}.level-strand-pearl{--pearl-size:calc(var(--pearl-size-min) + (var(--pearl-size-max) - var(--pearl-size-min)) * var(--pearl-step,1))}.level-strand-pearl-unlit{background:var(--pearl-unlit);box-shadow:inset 0 0 0 1px var(--border)}.level-strand-pearl-lit{--pearl-tone:color-mix(in oklab, var(--gold) var(--pearl-gold,50%), var(--cream-50));font-size:var(--pearl-size);background:radial-gradient(circle at 31% 26%, var(--pearl-highlight) 0%, transparent 28%), radial-gradient(circle at 74% 80%, color-mix(in oklab, var(--pearl-tone) 45%, var(--surface)) 0%, transparent 36%), radial-gradient(circle at 37% 31%, color-mix(in oklab, var(--pearl-tone) 30%, var(--surface)) 0%, var(--pearl-tone) 50%, color-mix(in oklab, var(--pearl-tone) 66%, var(--pearl-shade)) 100%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--pearl-shade) 16%, transparent), inset -.05em -.07em .14em color-mix(in oklab, var(--pearl-shade) 24%, transparent), .02em .04em .06em color-mix(in oklab, var(--pearl-shade) 40%, transparent), .07em .2em .34em -.06em color-mix(in oklab, var(--pearl-shade) 48%, transparent)}@media (forced-colors:active){.level-strand-pearl-unlit{border:1px solid canvastext}}.level-strand-thread-unlit{stroke:var(--strand-thread-unlit)}.level-strand-thread-lit{stroke:var(--strand-thread);filter:drop-shadow(0 0 .2rem color-mix(in oklab, var(--strand-thread) 55%, transparent))}.level-strand-glint{width:calc(var(--pearl-size-max) * .6);height:calc(var(--pearl-size-max) * .6);background:radial-gradient(closest-side, var(--pearl-highlight) 0%, color-mix(in oklab, var(--strand-thread) 75%, transparent) 32%, transparent 100%)}.level-strand-glow{width:calc(var(--pearl-size-max) * 6);height:calc(var(--pearl-size-max) * 6);background:radial-gradient(closest-side, color-mix(in oklab, var(--strand-thread) 20%, transparent) 0%, color-mix(in oklab, var(--strand-thread) 9%, transparent) 42%, transparent 100%)}.level-strand-numeral{top:calc(var(--pearl-size) / 2 + .5rem);font-family:var(--font-heading);font-variant-numeric:lining-nums;font-size:clamp(.8125rem,3cqw,1.25rem);line-height:1}