Spaces:
Running
Running
| .details { | |
| border-top: 1px solid var(--border-subtle); | |
| padding-top: 10px; | |
| } | |
| .summary { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| color: var(--text); | |
| cursor: pointer; | |
| font-size: 12px; | |
| font-weight: 650; | |
| list-style: none; | |
| user-select: none; | |
| } | |
| .summary::-webkit-details-marker { | |
| display: none; | |
| } | |
| .summaryLabel { | |
| flex: 1; | |
| min-width: 0; | |
| } | |
| .summaryHint { | |
| color: var(--muted); | |
| font-weight: 500; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .summaryChevron { | |
| width: 6px; | |
| height: 6px; | |
| flex-shrink: 0; | |
| border-right: 1.5px solid var(--muted); | |
| border-bottom: 1.5px solid var(--muted); | |
| transform: rotate(45deg); | |
| transition: transform var(--motion-xs, 0.15s) var(--ease-soft, ease); | |
| opacity: 0.85; | |
| } | |
| .details[open] .summaryChevron { | |
| transform: rotate(225deg); | |
| margin-top: 2px; | |
| } | |
| .rows { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 12px; | |
| padding-top: 12px; | |
| } | |
| .row { | |
| display: grid; | |
| grid-template-columns: 88px minmax(0, 1fr); | |
| align-items: start; | |
| gap: 10px; | |
| } | |
| .label { | |
| color: var(--muted); | |
| font-family: var(--font-mono); | |
| font-size: 10px; | |
| letter-spacing: 0.04em; | |
| padding-top: 2px; | |
| text-transform: uppercase; | |
| } | |
| @media (max-width: 480px) { | |
| .row { | |
| grid-template-columns: 1fr; | |
| gap: 4px; | |
| } | |
| } | |