.uniform-preview{--uniform-primary: #fff;--uniform-secondary: #111;--uniform-accent: #111;display:block;width:100%;aspect-ratio:1;border:1px solid rgba(17,24,39,.12);border-radius:10px;background-color:var(--uniform-primary);box-shadow:inset 0 -10px 0 var(--uniform-accent)}.pattern-solid{background:linear-gradient(90deg,var(--uniform-secondary) 0 8%,transparent 8% 92%,var(--uniform-secondary) 92% 100%),var(--uniform-primary)}.pattern-vertical{background:repeating-linear-gradient(90deg,var(--uniform-primary) 0 18%,var(--uniform-secondary) 18% 36%)}.pattern-horizontal{background:repeating-linear-gradient(0deg,var(--uniform-primary) 0 18%,var(--uniform-secondary) 18% 36%)}.pattern-chest-band{background:linear-gradient(0deg,var(--uniform-primary) 0 37%,var(--uniform-secondary) 37% 61%,var(--uniform-primary) 61% 100%)}.pattern-diagonal{background:linear-gradient(55deg,var(--uniform-primary) 0 38%,var(--uniform-secondary) 38% 56%,var(--uniform-primary) 56% 100%)}.pattern-center-stripe{background:linear-gradient(90deg,var(--uniform-primary) 0 36%,var(--uniform-secondary) 36% 42%,var(--uniform-accent) 42% 58%,var(--uniform-secondary) 58% 64%,var(--uniform-primary) 64% 100%)}.uniform-name{min-height:2.1em;display:grid;place-items:center;color:#26364d;font-size:.68rem;font-weight:800;line-height:1.05;text-align:center}*{box-sizing:border-box}html,body{width:100%;max-width:100%;margin:0;min-height:100%}body{font-family:Nunito Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0a2448;background:#f4f6fd}h1,h2,h3,h4{margin:0;line-height:1.05;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif}p{margin:0}a{color:inherit}