@media (width>=900px){body[data-slug=proteindesign] .pd-hud{grid-template-columns:auto auto;grid-template-areas:"x k""x v""x bar""x sub";place-items:start end;gap:.35rem 1.4rem}body[data-slug=proteindesign] .pd-hud .hud-k{grid-area:k}body[data-slug=proteindesign] .pd-hud .hud-v{grid-area:v}body[data-slug=proteindesign] .pd-hud .hud-bar{grid-area:bar;justify-self:stretch;margin-top:.2rem}body[data-slug=proteindesign] .pd-hud .pd-sub{grid-area:sub}body[data-slug=proteindesign] .pd-hud .pd-extra{grid-area:x;align-self:start}}body[data-slug=proteindesign] .pd-hud .hud-k,body[data-slug=proteindesign] .pd-hud .hud-v{text-transform:none}body[data-slug=proteindesign] .pd-hud .pd-sub{text-transform:none;letter-spacing:.02em;opacity:.62;text-align:right;text-wrap:balance;max-width:52ch;font-size:11px;line-height:1.4;display:block}body[data-slug=proteindesign] .pd-hud .pd-sub:empty{display:none}body[data-slug=proteindesign] .pd-extra{justify-self:end;display:block}body[data-slug=proteindesign] .pd-extra:empty{display:none}body[data-slug=proteindesign] .pd-bonds{font-variant-numeric:tabular-nums;row-gap:.12rem;margin:0;padding:0;font-size:11px;line-height:1.3;list-style:none;display:grid}body[data-slug=proteindesign] .pd-bonds li{white-space:nowrap;color:var(--ink);grid-template-columns:1.1em 3.4em 3.4em 3.6em;place-items:center end;column-gap:.5rem;animation:.32s cubic-bezier(.2,.8,.2,1) both pd-in;display:grid}body[data-slug=proteindesign] .pd-sw{width:.78em;height:.78em;box-shadow:0 0 0 1px var(--hair);border-radius:50%;justify-self:center;display:inline-block}body[data-slug=proteindesign] .pd-sw.oil{background:#a4682f}body[data-slug=proteindesign] .pd-sw.polar{background:#9aa0a6}body[data-slug=proteindesign] .pd-seq{letter-spacing:.08em;text-align:right;word-break:break-all;max-width:26ch;color:var(--ink);font-size:11px;line-height:1.45}body[data-slug=proteindesign] .pd-hud[data-verdict=pass] .hud-bar b{background:#4a6b43}body[data-slug=proteindesign] .pd-hud[data-verdict=fail] .hud-bar b{background:#8a4634}@keyframes pd-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){body[data-slug=proteindesign] .pd-bonds li{animation:none}}@media (width<=899px){body[data-slug=proteindesign] .pd-hud .hud-k{display:none}body[data-slug=proteindesign] .pd-hud .hud-v{white-space:nowrap;font-size:12px;line-height:1.35}body[data-slug=proteindesign] .pd-hud .pd-sub,body[data-slug=proteindesign] .pd-extra{display:none}}