.lab-patterns{gap:var(--ui-space-4);flex-direction:column;display:flex}.lab-patterns__bar{justify-content:center;display:flex}.lab-patterns__grid{gap:4px var(--ui-space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.lab-pattern{--hue:var(--ui-hue-amber);align-items:center;gap:var(--ui-space-2);width:100%;min-height:32px;padding:4px var(--ui-space-2);border-radius:var(--ui-radius-sm);color:var(--ui-muted);font:var(--ui-type-ui);text-align:left;cursor:pointer;transition:background-color var(--ui-dur-base) var(--ui-ease), color var(--ui-dur-base) var(--ui-ease);background:0 0;border:0;grid-template-columns:22px minmax(0,1fr) 8px;display:grid}.lab-pattern[data-covered]{--hue:var(--ui-hue-green)}.lab-pattern__num{color:var(--ui-faint);font:var(--ui-type-label);font-variant-numeric:tabular-nums}.lab-pattern__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lab-pattern__dot{border-radius:var(--ui-radius-full);background:var(--hue);width:8px;height:8px}.lab-pattern[data-picked]{background:var(--ui-fill);box-shadow:0 0 0 1px var(--ui-ring);color:var(--ui-ink)}@media (hover:hover){.lab-pattern:not([data-picked]):hover{background:var(--ui-fill);color:var(--ui-ink);transition-duration:0s}}.lab-pattern:focus-visible{outline:2px solid var(--ui-focus);outline-offset:1px}.lab-patterns__detail{padding-top:var(--ui-space-3);border-top:1px solid var(--ui-line)}.ui-article .lab-patterns__name,.lab-patterns__name{align-items:center;gap:var(--ui-space-2);color:var(--ui-ink);font:var(--ui-type-meta);flex-wrap:wrap;margin:0;display:flex}.ui-article .lab-patterns__line,.lab-patterns__line{color:var(--ui-ink);font:var(--ui-type-body);text-wrap:pretty;margin:4px 0 0}.lab-patterns__slack{min-height:150px;margin-top:var(--ui-space-3);padding:var(--ui-space-3) var(--ui-space-2);border-radius:var(--ui-radius-md)}.lab-patterns .eve-status:not([data-shipped]){--hue:var(--ui-hue-amber)}@media (max-width:640px){.lab-patterns__grid{grid-template-columns:minmax(0,1fr)}}.lab-sort{gap:var(--ui-space-4);flex-direction:column;display:flex}.lab-sort__pending{align-items:center;gap:var(--ui-space-2);flex-direction:column;min-height:32px;display:flex}.lab-sort__pending ul{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lab-sort__item{padding:6px var(--ui-space-3);border-radius:var(--ui-radius-full);background:var(--ui-raised);box-shadow:var(--ui-shadow-hairline);color:var(--ui-ink);font:var(--ui-type-ui);cursor:pointer;border:0}@media (hover:hover){.lab-sort__item:hover{box-shadow:var(--ui-shadow-button)}}.lab-sort__item:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.lab-sort__columns{gap:var(--ui-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lab-sort__column{--hue:var(--ui-hue-blue);gap:var(--ui-space-2);min-height:150px;padding:var(--ui-space-3);border-radius:var(--ui-radius-md);background:color-mix(in oklab, var(--hue) 6%, var(--ui-raised));box-shadow:0 0 0 1px color-mix(in oklab, var(--hue) 22%, transparent);flex-direction:column;display:flex}.lab-sort__column[data-side=product]{--hue:var(--ui-hue-violet)}.ui-article .lab-sort__heading,.lab-sort__heading{color:color-mix(in oklab, var(--hue) 75%, var(--ui-ink));font:var(--ui-type-meta);margin:0}.lab-sort__column ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lab-sort__placed{padding:6px var(--ui-space-3);border-radius:var(--ui-radius-full);background:var(--ui-raised);box-shadow:0 0 0 1px color-mix(in oklab, var(--hue) 30%, transparent);color:var(--ui-ink);font:var(--ui-type-ui)}.ui-article .lab-sort__why,.lab-sort__why{min-height:20px;color:var(--ui-ink);font:var(--ui-type-ui);text-align:center;text-wrap:balance;margin:0}@media (max-width:640px){.lab-sort__columns{grid-template-columns:minmax(0,1fr)}.lab-sort__column{min-height:0}}.lab-loop{align-items:center;gap:var(--ui-space-4);flex-direction:column;display:flex}.lab-loop__steps{grid-template-columns:repeat(7,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.lab-loop__steps:before,.lab-loop__steps:after{content:"";border-radius:1px;height:2px;position:absolute;top:9px;left:7.14286%}.lab-loop__steps:before{background:var(--ui-line);right:7.14286%}.lab-loop__steps:after{width:calc((100% - 100% / 7) * var(--progress));background:var(--ui-hue-blue);transition:width var(--ui-dur-travel) var(--ui-ease)}.lab-loop__step{--hue:var(--ui-hue-blue);z-index:1;width:100%;color:var(--ui-faint);font:var(--ui-type-caption);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.lab-loop__dot{border-radius:var(--ui-radius-full);background:var(--ui-raised);width:20px;height:20px;box-shadow:0 0 0 1px var(--ui-line);transition:background-color var(--ui-dur-base) var(--ui-ease), box-shadow var(--ui-dur-base) var(--ui-ease)}.lab-loop__step[data-state=done] .lab-loop__dot{background:color-mix(in oklab, var(--hue) 16%, var(--ui-raised));box-shadow:0 0 0 1px color-mix(in oklab, var(--hue) 45%, transparent)}.lab-loop__step[data-state=current] .lab-loop__dot{background:var(--hue);box-shadow:0 0 0 4px color-mix(in oklab, var(--hue) 20%, transparent)}.lab-loop__step[data-state=current],.lab-loop__step[data-state=done]{color:var(--ui-ink)}.lab-loop__step:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px;border-radius:var(--ui-radius-sm)}.lab-loop__detail{width:100%;min-height:48px}.ui-article .lab-loop__detail p,.lab-loop__detail p{max-width:52ch;color:var(--ui-ink);font:var(--ui-type-body);text-align:center;text-wrap:balance;margin:0 auto}.lab-loop__nav{gap:6px;display:flex}@media (max-width:640px){.lab-loop__name{font-size:var(--ui-text-sm);white-space:nowrap}.lab-loop__step:not([data-state=current]) .lab-loop__name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lab-loop__steps>li:first-child .lab-loop__name{align-self:flex-start}.lab-loop__steps>li:last-child .lab-loop__name{align-self:flex-end}}@media (pointer:coarse){.lab-pattern{min-height:44px}.lab-sort__item{position:relative}.lab-sort__item:after{content:"";position:absolute;inset:-6px 0}}.lab-own{gap:var(--ui-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lab-own[data-mode=before]{grid-template-columns:minmax(0,1fr)}.lab-own__lane{--hue:var(--ui-hue-violet);gap:var(--ui-space-2);padding:var(--ui-space-3);border-radius:var(--ui-radius-md);background:color-mix(in oklab, var(--hue) 6%, var(--ui-raised));box-shadow:0 0 0 1px color-mix(in oklab, var(--hue) 22%, transparent);flex-direction:column;display:flex}.lab-own__lane[data-owner=framework]{--hue:var(--ui-hue-blue)}.ui-article .lab-own__title,.lab-own__title{color:color-mix(in oklab, var(--hue) 75%, var(--ui-ink));font:var(--ui-type-meta);margin:0}.lab-own__lane ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lab-own__lane li{padding:2px var(--ui-space-2);border-radius:var(--ui-radius-sm);background:var(--ui-raised);box-shadow:0 0 0 1px color-mix(in oklab, var(--hue) 25%, transparent);color:var(--ui-ink);font:var(--ui-type-ui)}@media (max-width:640px){.lab-own{grid-template-columns:minmax(0,1fr)}}.lab-passes{border-collapse:collapse;width:100%;font:var(--ui-type-ui)}.lab-passes th,.lab-passes td{padding:var(--ui-space-2) var(--ui-space-3);border-bottom:1px solid var(--ui-line);color:var(--ui-ink);text-align:left;vertical-align:top}.lab-passes thead th{color:var(--ui-faint);font:var(--ui-type-meta)}.lab-passes tbody tr:last-child>*{border-bottom:0}.lab-passes__size{border-radius:var(--ui-radius-full);background:var(--ui-fill);width:24px;height:24px;box-shadow:0 0 0 1px var(--ui-ring);font:var(--ui-type-label);place-items:center;display:inline-grid}.lab-passes tr[data-size=L] td{color:var(--ui-muted)}@media (pointer:coarse){.lab-loop__step{position:relative}.lab-loop__step:after{content:"";position:absolute;inset:calc(50% - 22px) 0}}