.grd-main2 {
    display: grid;
    grid-template-columns: clamp(min-content, 1fr, 1fr) 2fr;
    grid-template-columns: 17.4em 17.25em 2fr;
    grid-template-areas:
        "sidebar sidebar2 main"
        "sidebar sidebar2 main";
    row-gap: 0em;
    column-gap: 0;
    transition: var(--transition, 0.3s);
}

.grid-area-sidebar {
    grid-area: sidebar;
    /* width:20em; */
}

.grid-area-sidebar2 {
    grid-area: sidebar2;
    /* width:20em; */
}

.grid-area-main {
    grid-area: main;
    /* width:50vw; */
}

#path{
    stroke: var(--color-focus);
}

body {}



* {
    box-sizing: border-box;
}


.preview {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


.preview svg {
    width: 50%;
    display: block;
    overflow: visible;
}


.sidebar-wrp {}


.summary {
    font-weight: 700;
    font-size: 1.3em;
}