@import url("../shared/ep-como-usar.css");
.ribbed-shell .canvas-surface { min-height: 440px; }
.ribbed-shell #ribbed-model { display:block; width:100%; height:100%; touch-action:none; user-select:none; }
.ribbed-shell #ribbed-model.tool-pan { cursor:grab; }
.ribbed-panel { fill:#edf5f2; stroke:#101715; stroke-width:4; filter:drop-shadow(0 9px 14px rgb(16 23 21 / 10%)); cursor:pointer; }
.ribbed-rib { stroke:#101715; stroke-width:2.3; }
.ribbed-block { fill:url(#ribbed-hatch); stroke:#aab8b3; stroke-width:1; }
.ribbed-hatch { fill:none; stroke:#c3cec9; stroke-width:1; }
.ribbed-callout { fill:none; stroke:#718079; stroke-width:1.1; }
.ribbed-load { stroke:#16A476; stroke-width:1.8; marker-end:url(#ribbed-arrow); }
.ribbed-load-line { stroke:#087F5B; stroke-width:1.7; }
.ribbed-support { stroke:#101715; stroke-width:3; fill:none; cursor:pointer; }
.ribbed-support.continuous { stroke:#087F5B; }
.ribbed-support.fixed { stroke:#101715; }
.ribbed-bar-bottom { stroke:#df4242; stroke-width:2.6; }
.ribbed-bar-top { stroke:#246bce; stroke-width:2.6; }
.ribbed-bar-distribution { stroke:#087F5B; stroke-width:1.8; }
.ribbed-dim,.ribbed-note,.ribbed-label { font-family:var(--ep-fonte); }
.ribbed-dim { fill:#6b7873; font-size:11px; }.ribbed-note { fill:#087F5B; font-size:10px; font-weight:650; letter-spacing:.08em; }.ribbed-label { fill:#101715; font-size:13px; font-weight:650; }
.ribbed-sheet { fill:#fff; stroke:#aab8b3; stroke-width:1; }.ribbed-title { fill:#101715; font:650 18px var(--ep-fonte); }.ribbed-subtitle { fill:#087F5B; font:650 11px var(--ep-fonte); letter-spacing:.08em; }.ribbed-meta,.ribbed-small { fill:#52615c; font:11px var(--ep-fonte); }.ribbed-frame { fill:none; stroke:#101715; stroke-width:2; }.ribbed-concrete { fill:#e7ecea; stroke:#101715; stroke-width:3; }.ribbed-steel-bottom { stroke:#d33f49; stroke-width:3; }.ribbed-steel-top { stroke:#246bce; stroke-width:3; }.ribbed-stirrup { fill:none; stroke:#101715; stroke-width:2; }.ribbed-dist { stroke:#087F5B; stroke-width:2; }.ribbed-dimension { fill:none; stroke:#87958f; stroke-width:1; }.ribbed-cut { fill:none; stroke:#64736d; stroke-width:1.3; stroke-dasharray:7 4; }.ribbed-table { fill:#fff; stroke:#9eaca7; stroke-width:1; }.ribbed-titleblock { fill:#fff; stroke:#87958f; stroke-width:1; }
