@layer theme,base;@layer components{.inf-datasheet-parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.inf-datasheet-parts>li{border:1px solid var(--inf-line);background:var(--background);border-radius:.875rem;align-content:start;gap:.25rem;padding:.75rem;display:grid}.inf-datasheet-parts>li>.inf-art,.inf-datasheet-pics{background:var(--muted);aspect-ratio:64/44;border-radius:.5rem;margin-bottom:.375rem}.inf-datasheet-pics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid;overflow:hidden}.inf-datasheet-pics>span{background:var(--surface-picture);border-radius:.3rem;min-height:0;position:relative;overflow:hidden}.inf-datasheet-picture img{object-fit:cover;border-radius:.3rem;width:100%;height:100%}.inf-datasheet-parts>li>strong{font-size:.9375rem;line-height:1.3}.inf-datasheet-stem{background:var(--inf-copper);width:1px;height:1.25rem;margin-inline:auto;display:block}.inf-datasheet-out{border:1.5px solid var(--inf-copper);background:var(--background);text-align:center;border-radius:.875rem;gap:.25rem;width:min(100%,16rem);margin-inline:auto;padding:.75rem;display:grid}.inf-datasheet-out>.inf-art{width:60%;margin-inline:auto}@media (min-width:48rem){.inf-datasheet-parts{grid-template-columns:repeat(4,minmax(0,1fr))}}.inf-datasheet-paper{border:1px solid var(--border-strong);background:var(--card);box-shadow:0 18px 40px -24px rgb(var(--shadow-color) / .35);border-radius:.375rem;gap:.625rem;padding:1rem;font-size:.75rem;line-height:1.45;display:grid;container-type:inline-size}.inf-datasheet-part{border:1px solid var(--inf-line);border-radius:.375rem;padding:.625rem;position:relative}.inf-datasheet-head{border-bottom:2px solid var(--inf-copper);grid-template-columns:auto minmax(0,1fr) 2.25rem;align-items:center;gap:.75rem;display:grid}.inf-datasheet-head strong{font-size:.9375rem;display:block}.inf-datasheet-logo{border:1px dashed var(--border-strong);color:var(--inf-quiet);border-radius:.3rem;padding:.35rem .6rem;font-size:.6875rem;font-weight:600}.inf-datasheet-qr{width:2.25rem;height:2.25rem;color:var(--foreground)}.inf-datasheet-pictures,.inf-datasheet-build{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:.75rem;display:grid}.inf-datasheet-pictures>.inf-datasheet-main{aspect-ratio:3;grid-column:1/-1}.inf-datasheet-build{grid-template-columns:minmax(0,1fr)}@container (min-width:26rem){.inf-datasheet-build{grid-template-columns:max-content minmax(0,1fr);gap:1.5rem}}.inf-datasheet-build img{width:100%;max-width:8rem;height:auto}.inf-datasheet-picture{background:var(--surface-picture);aspect-ratio:3/2;border-radius:.3rem;display:block;overflow:hidden}.inf-datasheet-lines{gap:.3rem;margin-block:.3rem .5rem;display:grid}.inf-datasheet-lines>i{background:var(--secondary);border-radius:999px;height:.3rem}.inf-datasheet-lines>i:nth-child(2n){width:78%}.inf-datasheet-lines>i:last-child{width:56%}.inf-datasheet-values{gap:0 1rem;margin-top:.25rem;display:grid}.inf-datasheet-values>div{border-top:1px solid var(--inf-line);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:.5rem;padding-block:.25rem;display:grid}.inf-datasheet-values dd,.inf-datasheet-table>i{background:var(--secondary);border-radius:999px;height:.3rem}.inf-datasheet-chips{gap:.3rem;margin-top:.3rem;display:flex}.inf-datasheet-chips>i{border:1px solid var(--inf-line);border-radius:999px;width:2.5rem;height:.9rem}.inf-datasheet-table{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:.5rem .75rem;margin-top:.25rem;display:grid}.inf-datasheet-table>strong{border-bottom:1px solid var(--border-strong);text-overflow:ellipsis;white-space:nowrap;padding-bottom:.2rem;font-size:.6875rem;overflow:hidden}.inf-datasheet-foot{color:var(--inf-quiet);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}@container (min-width:26rem){.inf-datasheet-values{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer utilities;