/* hypercluster.org's own additions to the shared design (ui/hc.css). */
.price{font-size:20px;font-weight:700}
.seg a.segl{display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;text-decoration:none;padding:0 8px;text-align:center}
.seg a.segl[aria-pressed="true"]{background:rgba(47,140,255,.18);color:var(--text)}
.feat .tiny a{color:var(--link)}
.input:invalid:not(:placeholder-shown):not(:focus){border-color:rgba(248,113,113,.5)}
.crumbs a{text-decoration:none} .crumbs a:hover{color:var(--text)}
/* the lock periods on /account: a name and a rate on two lines */
.seg.tall button{height:auto;min-height:54px;padding:6px 4px;line-height:1.3}
/* graphics cards' prices an hour (site/index.js gpuTable): flush with the card's edges, names and memory kept whole, the memory under the name on a phone */
.gpu-t th,.gpu-t td{padding-left:8px;padding-right:8px}
.gpu-t th:first-child,.gpu-t td:first-child{padding-left:0}
.gpu-t th:last-child,.gpu-t td:last-child{padding-right:0}
.gpu-t td:first-child>span{white-space:nowrap}
@container site (max-width:599px){.gpu-t .mem{display:block}.gpu-t .mem .dot{display:none}}