@layer theme,base;@layer components{.inf-drawing-hatch{fill:none;stroke:currentColor;stroke-dasharray:.6 2.2;opacity:.7}.inf-drawing-cross{stroke-dasharray:.6 1.1}.inf-drawing-tile{border:1px solid var(--inf-line);background:var(--surface-picture);aspect-ratio:1;border-radius:.625rem;position:relative;overflow:hidden}.inf-drawing-paper{background:var(--card);place-items:center;padding:12%;display:grid}.inf-drawing-real{width:100%;display:block}.inf-drawing-real>img{width:100%;height:auto}.inf-drawing-pair{border:1px solid var(--inf-line);background:var(--card);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.75rem;display:grid}.inf-drawing-pair>div{gap:.5rem;display:grid}.inf-drawing-pair .inf-drawing-paper{background:var(--background)}.inf-drawing-cut{max-width:40rem;margin-inline:auto}.inf-drawing-cut-words{color:var(--inf-quiet);grid-template-columns:1fr auto 1fr;align-items:baseline;gap:.5rem;margin-top:.5rem;font-size:.8125rem;display:grid}.inf-drawing-cut-words>strong{color:var(--inf-copper)}.inf-drawing-cut-words>:last-child{text-align:right}.inf-drawing-sheet{border:1px solid var(--border-strong);background:var(--card);box-shadow:0 1px 0 var(--inf-line);border-radius:.375rem;padding:.875rem;container-type:inline-size}.inf-drawing-sheet-top{gap:.875rem;display:grid}.inf-drawing-part{padding:.5rem;position:relative}.inf-drawing-view{max-width:14rem;margin-inline:auto;position:relative}.inf-drawing-key{align-items:center;gap:.5rem;display:flex}.inf-drawing-sheet .inf-mark{z-index:1;box-shadow:0 0 0 3px var(--card);position:absolute;top:-.4rem;right:-.3rem}.inf-drawing-view>.inf-mark{top:9%;right:9%}.inf-drawing-key>.inf-mark{position:static}.inf-drawing-dimension{border-top:1px solid var(--inf-copper);text-align:center;max-width:14rem;color:var(--inf-copper);margin:.6rem auto 0;padding-top:.3rem;font-size:.8125rem;position:relative}.inf-drawing-legend{color:var(--inf-quiet);gap:.45rem;margin-top:.5rem;font-size:.8125rem;display:grid}.inf-drawing-legend>li{grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.inf-drawing-legend i{border:1px solid var(--border-strong);width:1.25rem;height:1.25rem;color:var(--foreground);border-radius:999px;place-items:center;font-size:.6875rem;font-style:normal;display:grid}.inf-drawing-legend strong{color:var(--foreground);display:block}.inf-drawing-block{border:1px solid var(--border-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.875rem;display:grid;position:relative}.inf-drawing-block>span{border-right:1px solid var(--inf-line);border-bottom:1px solid var(--inf-line);gap:.35rem;padding:.4rem .5rem;display:grid}.inf-drawing-block>span>i{background:var(--secondary);border-radius:999px;width:70%;height:.3rem}.inf-drawing-bar{position:relative}.inf-drawing-bar>svg{width:5rem;height:.5rem;overflow:visible}@container (min-width:30rem){.inf-drawing-sheet-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.inf-drawing-block{grid-template-columns:repeat(3,minmax(0,1fr))}}.inf-drawing-places{gap:1rem;display:grid}.inf-drawing-places>li{color:var(--inf-quiet);gap:.25rem;font-size:.875rem;display:grid}.inf-drawing-places strong{color:var(--foreground);margin-top:.4rem}.inf-drawing-place{border:1px solid var(--inf-line);background:var(--background);border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.4rem;display:grid}@media (min-width:40rem){.inf-drawing-places{grid-template-columns:repeat(3,minmax(0,1fr))}}}@layer utilities;