@layer app.groups{@scope([data-g=learn-order-card]) to ([data-g]){:scope{background-color:var(--warp-color-surface-raised);padding:var(--warp-space-group);border-radius:var(--warp-radius-surface);gap:var(--warp-space-tight);border:var(--warp-border-hairline) solid var(--_border,var(--warp-color-border));flex-direction:column;display:flex}[data-part=title]{font-size:var(--warp-text-heading-size);line-height:var(--warp-text-heading-leading);font-weight:var(--warp-text-heading-weight)}[data-part=meta]{font-size:var(--warp-text-caption-size);line-height:var(--warp-text-caption-leading);color:var(--_text)}:scope[data-status=open]{--_solid:var(--warp-color-info-solid);--_text:var(--warp-color-info-text);--_border:var(--warp-color-info-border)}:scope[data-status=shipped]{--_solid:var(--warp-color-positive-solid);--_text:var(--warp-color-positive-text);--_border:var(--warp-color-positive-border)}:scope[data-status=late]{--_solid:var(--warp-color-critical-solid);--_text:var(--warp-color-critical-text);--_border:var(--warp-color-critical-border)}:scope[aria-selected=true]{box-shadow:0 0 0 var(--warp-focus-width) var(--_solid)}}}