@layer components{.bearing-generator__figure{gap:8px;min-width:0;margin-inline:auto;display:grid}.bearing-generator li>.bearing-generator__figure{margin-block:1em}.bearing-generator__figure--banner{width:100%}.bearing-generator__image-link{border:3px solid var(--navy);background:var(--navy);cursor:zoom-in;padding:0;display:block;overflow:hidden}.bearing-generator__image-link:hover,.bearing-generator__image-link:focus-visible{border-color:var(--brick)}.bearing-generator__image-link picture{place-items:center;display:grid}.bearing-generator__image-link img{max-width:100%;height:auto;display:block}.bearing-generator__figure figcaption{color:var(--navy);font-family:var(--font-sans-light);letter-spacing:.02em;font-size:.8rem;line-height:1.45}.bearing-generator__image-hint{text-underline-offset:3px;margin-top:3px;text-decoration:underline;display:block}.bearing-generator__commands,.bearing-generator__details{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(16px,2vw,28px);max-width:44rem;margin-inline:auto;display:grid}.bearing-generator__figure--menu{width:100%}.bearing-generator__figure--menu picture{height:30rem}.bearing-generator__figure--menu img{object-fit:contain;width:auto;max-height:30rem}.bearing-generator .repo-facts dt{color:var(--cream)}.bearing-generator__integrity summary{cursor:pointer;min-height:44px;padding-block:.5rem}.bearing-generator__integrity code{overflow-wrap:anywhere}@media (width<=680px){.bearing-generator__commands,.bearing-generator__details{grid-template-columns:minmax(0,1fr)}.bearing-generator__figure--menu{max-width:22rem}.bearing-generator__figure--menu picture{height:auto}.bearing-generator__figure--menu img{max-height:32rem}}}