Spaces:
Paused
Paused
| /* Shield judgements share the Hallucination field layout and the Hazard score rows. */ | |
| .shield-mode #input { | |
| min-height: 82px; | |
| max-height: 170px; | |
| font-size: 14.5px; | |
| } | |
| .shield-fields label { | |
| display: flex; | |
| justify-content: space-between; | |
| gap: 10px; | |
| border-top: 1px solid #ffffff1a; | |
| padding: 12px 16px 0; | |
| color: #a9a1b2; | |
| font: 10.5px var(--mono); | |
| letter-spacing: 1px; | |
| } | |
| .shield-fields label span { font: 10.5px var(--sans); letter-spacing: 0; color: #a9a1b2; } | |
| .shield-mode .shield-fields textarea { | |
| display: block; | |
| min-height: 96px; | |
| max-height: 240px; | |
| width: 100%; | |
| padding: 10px 16px 14px; | |
| font-size: 14px; | |
| line-height: 1.8; | |
| resize: vertical; | |
| } | |
| .shield-mode #shield-labels { font: 13px/1.8 var(--mono); } | |
| .shield-mode .editor-foot { align-items: flex-start; gap: 12px; line-height: 1.65; } | |
| .shield-mode #char-count { white-space: nowrap; } | |
| .shield-section + .shield-section { | |
| margin-top: 22px; | |
| padding-top: 18px; | |
| border-top: 1px solid #ffffff1a; | |
| } | |
| .shield-section > .flow-empty-label { display: block; } | |
| .shield-mode .shield-section .result-title { font-size: 23px; } | |
| .shield-clear { | |
| font: 9px var(--mono); | |
| border: 1px solid #ffffff1a; | |
| color: #a9a1b2; | |
| border-radius: 3px; | |
| padding: 1px 4px; | |
| margin-left: 7px; | |
| vertical-align: middle; | |
| } | |
| .shield-categories { margin-top: 12px; display: flex; flex-direction: column; gap: 7px; } | |
| .shield-subhead { font: 10.5px var(--mono); letter-spacing: .6px; color: #a9a1b2; text-transform: uppercase; } | |
| .shield-category { | |
| border: 1px solid #ffffff1a; | |
| border-radius: 5px; | |
| background: #18141f; | |
| padding: 8px 11px; | |
| font-size: 14px; | |
| } | |
| .shield-category .score-label { margin-bottom: 3px; } | |
| .shield-description { font-size: 12px; line-height: 1.55; color: #a9a1b2; margin: 2px 0 6px; overflow-wrap: anywhere; } | |
| .shield-categories .flow-more { margin-top: 0; } | |
| .shield-categories .flow-more > .shield-category { margin-top: 7px; } | |
| .shield-note { margin: 11px 0 0; font-size: 12px; line-height: 1.75; color: #a9a1b2; } | |
| .shield-custom .rank-item .shield-description { margin-bottom: 0; } | |
| @media (max-width: 700px) { | |
| .shield-mode #input { min-height: 90px; font-size: 14px; } | |
| .shield-mode .shield-fields textarea { font-size: 14px; min-height: 105px; } | |
| .shield-mode #shield-labels { font-size: 14px; } | |
| .shield-mode .editor-foot { flex-direction: column; gap: 3px; } | |
| } | |
| .flow-mode .shield-custom .rank-item[data-flow-winner=true] { background: #18141f; border-color: #ffffff1a; } | |