/**
 * Failed to minify the file using clean-css v5.3.3. Serving the original version.
 * Original file: /npm/@components-1812/grid@0.0.4/src/Grid.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
:host {
    width: 100%;
    height: 100%;

    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    
    overflow: hidden;

    --line-color: #777;
    --line-width: 1;
    --line-opacity: 1;
    --line-dasharray: none;
}
:host svg {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;

    .Grid path {
     
        stroke-width: var(--line-width);
        stroke: var(--line-color);
        opacity: var(--line-opacity);
        stroke-dasharray: var(--line-dasharray);
    }
}