.home-conformers{justify-self:start;width:100%;min-width:0;max-width:620px;margin:0}.home-conformer-stage{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 20px;min-width:0;display:grid}.home-conformer-canvas{cursor:grab;touch-action:pan-y;outline:none;grid-area:2/1/auto/-1;width:100%;height:290px;display:block}.home-conformer-canvas:active{cursor:grabbing}.home-conformer-canvas:focus-visible~.home-conformer-readout{color:var(--sys-muted)}.home-conformer-identity{font-size:var(--type-caption);flex-wrap:wrap;grid-area:1/1;align-items:center;gap:12px;display:flex}.home-conformer-identity>span:nth-child(2){color:var(--sys-muted)}.home-conformer-overlay{min-height:44px;color:var(--sys-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0}.home-conformer-overlay[aria-pressed=true]{color:var(--sys-ink);font-weight:var(--weight-heading)}.home-conformer-overlay:focus-visible{text-underline-offset:4px;text-decoration:underline}.home-conformer-readout{font-size:var(--type-caption);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/2;align-items:center;gap:20px;line-height:1.6;display:flex}.home-conformer-readout small{font-size:inherit;color:var(--sys-muted)}.home-conformer-spectrum{padding-top:8px}.home-conformer-spectrum-label{color:var(--sys-muted);font-size:var(--type-caption);justify-content:space-between;gap:20px;margin-bottom:0;line-height:1.6;display:flex}.home-conformer-options{touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(26,minmax(0,1fr));height:44px;display:grid}.home-conformer-options>button{min-width:0;height:100%;color:var(--sys-muted);cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;padding:0;display:block;position:relative}.home-conformer-energy-line{pointer-events:none;background:currentColor;width:1px;position:absolute;bottom:0;left:50%}.home-conformer-energy-dot{pointer-events:none;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;left:50%;translate:-1.5px 1.5px}.home-conformer-options>button:is(:hover,:focus-visible),.home-conformer-options>button[aria-pressed=true]{color:var(--sys-ink);outline:none}.home-conformer-options>button:is(:focus-visible,[aria-pressed=true]) .home-conformer-energy-line{width:2px}.home-conformer-options>button:is(:focus-visible,[aria-pressed=true]) .home-conformer-energy-dot{width:7px;height:7px;translate:-3px 3px}.home-conformer-tick{font-size:var(--type-caption);font-variant-numeric:tabular-nums;opacity:0;position:absolute;top:calc(100% + 8px);left:50%;translate:-50%}.home-conformer-options>button:is(:hover,:focus-visible,[aria-pressed=true]) .home-conformer-tick{opacity:1}.home-conformers>figcaption{font-size:var(--type-caption);color:var(--sys-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.home-conformers>figcaption a{min-height:44px;color:var(--sys-muted);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.home-conformers>figcaption a:is(:hover,:focus-visible){color:var(--sys-ink)}.home-conformer-loading{min-height:360px;color:var(--sys-muted);place-items:center;display:grid}@media (width<=1100px){.home-conformer-stage{gap:8px 16px}.home-conformer-readout{gap:12px}.home-conformer-canvas{height:260px}}@media (width<=850px){.home-conformers{max-width:none}}